"A content management system for a travel information (NTIK) system is to be designed to allow travellers to access to an electronic one-stop travel "independent traveller" services information system. The NTIK will aim to provide up to date information about all "Nordic" destinations, activities, carbon footprint, well known sights, tours (etc.) for independently minded travellers who have access to the WWW, primarily for "Nordic" countries i.e. Norway, (including Svalbard van Mayen), Sweden, Denmark, Finland and areas administered by the Sami ("Lapland. Users will need a clickable "map" style interface from which they will want to explore suitably tailored web-content so as to make the NTIK as user-friendly as possible."
Your client will provide further details as the system is iteratively developed (i.e. a set of more detailed requirements will be given each week during client briefing sessions). To meet user needs, an essential part of the system is that you provide a searchable data set about travel destinations. This may be achieved using a collection of locally indexed documents and/or by leveraging a search engine (such as Google). You are STRONGLY encouraged to leverage Web 2.0 tools and XML technologies as well as other technologies with which you are already familiar as part of this task.
You should develop the system using a good standard lab based PC but should ideally design the system so that it can be easily ported to mobile devices that travellers have with them. More details on this aspect will emerge from the client. However good "visualization" is needed, using a strong unifying visual theme.
Below is a sub-set of requirements to give an initial overview of the system
- CREATE A CLICKABLE MAP FRONT-END SHOWING Nordic countries and major tourist attractions, cities etc (IMPORTANT)
- Users to be able to hierarchically access (e.g. for the city of Tromso): restaurants, tours, hotels, activities, seasonally grouped (winter, spring, and summer), weather etc.
- 2/3 attractions for each country in each town /capitals or main big towns which will be listed
- flexible search for travel activities, hotels, destinations
- there should be a theme for each country so northern lights, museums, winter, summer themed holidays
- Users to register and log in using passwords. Admin users to be defined.
- Users to search local data or WWW datasets using frequently used search terms
- Look and feel of the system needs to be uniform and coherent
- Provision of calculators (e.g. carbon footprint, km distances) is needed
- Integrate Web 2.0 features such as blogs, tag clouds
- Consideration of a "simulated" crowd source inputs is needed
- search bar, HELP, BACK, HOME button links need to be on the systems allowing the user to browse the kiosk easily
- there should be a summer theme . northern lights, colourful warm design etc
Please use any web operating system (php,mysql preferably) that allows the software to be used in different platforms such as windows pc based, tablets, ipads, mobile phones
Iceland : Reykjavik, , Kopavogur
Finland: Helsinki, Vantaa
Faroe Island: Tórshavn, Vágur
Norway: Oslo, Bergen
Sweden : Stockholm . malmo
Denmark: Copenhagen, Aarhus
Design Process and Evaluation
2 1:1 Provide Useful Content
2 1:2 Establish User Requirements
3 1:3 Understand and Meet User’s Expectations
4 1:4 Involve Users in Establishing User Requirements
4 1:5 Set and State Goals
5 1:6 Focus on Performance Before Preference
5 1:7 Consider Many User Interface Issues
6 1:8 Be Easily Found in the Top 30
7 1:9 Set Usability Goals
7 1:10 Use Parallel Design
8 1:11 Use Personas
9 Chapter 2—Optimizing the User Experience
10 2:1 Do Not Display Unsolicited Windows or Graphics
10 2:2 Increase Web Site Credibility
11 2:3 Standardize Task Sequences
12 2:4 Reduce the User’s Workload
13 2:5 Design for Working Memory Limitations
13 2:6 Minimize Page Download Time
14 2:7 Warn of ‘Time Outs’
15 2:8 Display Information in a Directly Usable Format
16 2:9 Format information for Reading and Printing
16 2:10 Provide Feedback When Users Must Wait
17 2:11 Inform Users of Long Download Times
18 2:12 Develop Pages that Will Print Properly
19 2:13 Do Not Require Users to Multitask While Reading
19 2:14 Use Users’ Terminology in Help Documentation
20 2:15 Provide Printing Options
21 2:16 Provide Assistance to Users
22 Chapter 3—Accessibility
23 3:1 Comply with Section 508
23 3:2 Design Forms for Users Using Assistive Technologies
24 3:3 Do Not Use Color Alone to Convey Information
24 3:4 Enable Users to Skip Repetitive Navigation Links
25 3:5 Provide Text Equivalents for Non-Text Elements
26 3:6 Test Plug-Ins and Applets for Accessibility
26 3:7 Ensure that Scripts Allow Accessibility
26 3:8 Provide Equivalent Pages
27 3:9 Provide Client-Side Image Maps
27 3:10 Synchronize Multimedia Elements
27 3:11 Do Not Require Style Sheets
28 3:12 Provide Frame Titles
28 3:13 Avoid Screen Flicker
29 Chapter 4—Hardware and Software
30 4:1 Design for Common Browsers
31 4:2 Account for Browser Differences
32 4:3 Design for Popular Operating Systems
33 4:4 Design for User’s Typical Connection Speed
33 4:5 Design for Commonly Used Screen Resolutions
34 Chapter 5—The Homepage
35 5:1 Enable Access to the Homepage
36 5:2 Show All Major Options on the Homepage
37 5:3 Create a Positive First Impression of Your Site
38 5:4 Communicate the Web Site’s Value and Purpose
39 5:5 Limit Prose Text on the Homepage
40 5:6 Ensure the Homepage Looks like a Homepage
41 5:7 Limit Homepage Length
42 5:8 Announce Changes to a Web Site
43 5:9 Attend to Homepage Panel Width
44 Chapter 6—Page Layout
45 6:1 Avoid Cluttered Displays
46 6:2 Place Important Items Consistently
47 6:3 Place Important Items at Top Center
48 6:4 Structure for Easy Comparison
49 6:5 Establish Level of Importance
50 6:6 Optimize Display Density
51 6:7 Align Items on a Page
52 6:8 Use Fluid Layouts
53 6:9 Avoid Scroll Stoppers
54 6:10 Set Appropriate Page Lengths
55 6:11 Use Moderate White Space
56 6:12 Choose Appropriate Line Lengths
57 6:13 Use Frames when Functions Must Remain Accessible
58 Chapter 7—Navigation
59 7:1 Provide Navigational Options
60 7:2 Differentiate and Group Navigation Elements
61 7:3 Use a Clickable ‘List of Contents’ on Long Pages
62 7:4 Provide Feedback on User’s Location
63 7:5 Place Primary Navigation Menus in the Left Panel
64 7:6 Use Descriptive Tab Labels
65 7:7 Present Tabs Effectively
66 7:8 Keep Navigation-Only Pages Short
67 7:9 Use Appropriate Menu Types
68 7:10 Use Site Maps
69 7:11 Use ‘Glosses’ to Assist Navigation
70 7:12 Breadcrumb Navigation
71 Chapter 8—Scrolling and Paging
72 8:1 Eliminate Horizontal Scrolling
73 8:2 Facilitate Rapid Scrolling While Reading
74 8:3 Use Scrolling Pages for Reading Comprehension
74 8:4 Use Paging Rather Than Scrolling
75 8:5 Scroll Fewer Screenfuls
76 Chapter 9—Headings, Titles, and Labels
77 9:1 Use Clear Category Labels
78 9:2 Provide Descriptive Page Titles
79 9:3 Use Descriptive Headings Liberally
80 9:4 Use Unique and Descriptive Headings
81 9:5 Highlight Critical Data
82 9:6 Use Descriptive Row and Column Headings
83 9:7 Use Headings in the Appropriate HTML Order
84 9:8 Provide Users with Good Ways to Reduce Options
85 Chapter 10—Links
86 10:1 Use Meaningful Link Labels
87 10:2 Link to Related Content
88 10:3 Match Link Names with Their Destination Pages
89 10:4 Avoid Misleading Cues to Click
90 10:5 Repeat Important Links
91 10:6 Use Text for Links
92 10:7 Designate Used Links
93 10:8 Provide Consistent Clickability Cues
94 10:9 Ensure that Embedded Links are Descriptive
95 10:10 Use ‘Pointing-and-Clicking’
96 10:11 Use Appropriate Text Link Lengths
97 10:12 Indicate Internal vs. External Links
98 10:13 Clarify Clickable Regions of Images
99 10:14 Link to Supportive Information
100 Chapter 11—Text Appearance
101 11:1 Use Black Text on Plain, High-Contrast Backgrounds
102 11:2 Format Common Items Consistently
102 11:3 Use Mixed-Case for Prose Text
103 11:4 Ensure Visual Consistency
104 11:5 Use Bold Text Sparingly
105 11:6 Use Attention-Attracting Features when Appropriate
106 11:7 Use Familiar Fonts
107 11:8 Use at Least 12-Point Font
108 11:9 Color-Coding and Instructions
109 11:10 Emphasize Importance
110 11:11 Highlighting Information
111 Chapter 12—Lists
112 12:1 Order Elements to Maximize User Performance
113 12:2 Place Important Items at Top of the List
114 12:3 Format Lists to Ease Scanning
115 12:4 Display Related Items in Lists
116 12:5 Introduce Each List
117 12:6 Use Static Menus
117 12:7 Start Numbered Items at One
118 12:8 Use Appropriate List Style
119 12:9 Capitalize First Letter of First Word in Lists and Labels
120 Chapter 13—Screen-Based Controls (Widgets)
121 13:1 Distinguish Required and Optional Data Entry Fields
122 13:2 Label Pushbuttons Clearly
123 13:3 Label Data Entry Fields Consistently
123 13:4 Do Not Make User-Entered Codes Case Sensitive
124 13:5 Label Data Entry Fields Clearly
125 13:6 Minimize User Data Entry
126 13:7 Put Labels Close to Data Entry Fields
127 13:8 Allow Users to See Their Entered Data
128 13:9 Use Radio Buttons for Mutually Exclusive Selections
129 13:10 Use Familiar Widgets
130 13:11 Anticipate Typical User Errors
131 13:12 Partition Long Data Items
132 13:13 Use a Single Data Entry Method
133 13:14 Prioritize Pushbuttons
134 13:15 Use Check Boxes to Enable Multiple Selections
135 13:16 Label Units of Measurement
136 13:17 Do Not Limit Viewable List Box Options
137 13:18 Display Default Values
138 13:19 Place Cursor in First Data Entry Field
138 13:20 Ensure that Double-Clicking Will Not Cause Problems
139 13:21 Use Open Lists to Select One from Many
140 13:22 Use Data Entry Fields to Speed Performan
2 1:1 Provide Useful Content
2 1:2 Establish User Requirements
3 1:3 Understand and Meet User’s Expectations
4 1:4 Involve Users in Establishing User Requirements
4 1:5 Set and State Goals
5 1:6 Focus on Performance Before Preference
5 1:7 Consider Many User Interface Issues
6 1:8 Be Easily Found in the Top 30
7 1:9 Set Usability Goals
7 1:10 Use Parallel Design
8 1:11 Use Personas
9 Chapter 2—Optimizing the User Experience
10 2:1 Do Not Display Unsolicited Windows or Graphics
10 2:2 Increase Web Site Credibility
11 2:3 Standardize Task Sequences
12 2:4 Reduce the User’s Workload
13 2:5 Design for Working Memory Limitations
13 2:6 Minimize Page Download Time
14 2:7 Warn of ‘Time Outs’
15 2:8 Display Information in a Directly Usable Format
16 2:9 Format information for Reading and Printing
16 2:10 Provide Feedback When Users Must Wait
17 2:11 Inform Users of Long Download Times
18 2:12 Develop Pages that Will Print Properly
19 2:13 Do Not Require Users to Multitask While Reading
19 2:14 Use Users’ Terminology in Help Documentation
20 2:15 Provide Printing Options
21 2:16 Provide Assistance to Users
22 Chapter 3—Accessibility
23 3:1 Comply with Section 508
23 3:2 Design Forms for Users Using Assistive Technologies
24 3:3 Do Not Use Color Alone to Convey Information
24 3:4 Enable Users to Skip Repetitive Navigation Links
25 3:5 Provide Text Equivalents for Non-Text Elements
26 3:6 Test Plug-Ins and Applets for Accessibility
26 3:7 Ensure that Scripts Allow Accessibility
26 3:8 Provide Equivalent Pages
27 3:9 Provide Client-Side Image Maps
27 3:10 Synchronize Multimedia Elements
27 3:11 Do Not Require Style Sheets
28 3:12 Provide Frame Titles
28 3:13 Avoid Screen Flicker
29 Chapter 4—Hardware and Software
30 4:1 Design for Common Browsers
31 4:2 Account for Browser Differences
32 4:3 Design for Popular Operating Systems
33 4:4 Design for User’s Typical Connection Speed
33 4:5 Design for Commonly Used Screen Resolutions
34 Chapter 5—The Homepage
35 5:1 Enable Access to the Homepage
36 5:2 Show All Major Options on the Homepage
37 5:3 Create a Positive First Impression of Your Site
38 5:4 Communicate the Web Site’s Value and Purpose
39 5:5 Limit Prose Text on the Homepage
40 5:6 Ensure the Homepage Looks like a Homepage
41 5:7 Limit Homepage Length
42 5:8 Announce Changes to a Web Site
43 5:9 Attend to Homepage Panel Width
44 Chapter 6—Page Layout
45 6:1 Avoid Cluttered Displays
46 6:2 Place Important Items Consistently
47 6:3 Place Important Items at Top Center
48 6:4 Structure for Easy Comparison
49 6:5 Establish Level of Importance
50 6:6 Optimize Display Density
51 6:7 Align Items on a Page
52 6:8 Use Fluid Layouts
53 6:9 Avoid Scroll Stoppers
54 6:10 Set Appropriate Page Lengths
55 6:11 Use Moderate White Space
56 6:12 Choose Appropriate Line Lengths
57 6:13 Use Frames when Functions Must Remain Accessible
58 Chapter 7—Navigation
59 7:1 Provide Navigational Options
60 7:2 Differentiate and Group Navigation Elements
61 7:3 Use a Clickable ‘List of Contents’ on Long Pages
62 7:4 Provide Feedback on User’s Location
63 7:5 Place Primary Navigation Menus in the Left Panel
64 7:6 Use Descriptive Tab Labels
65 7:7 Present Tabs Effectively
66 7:8 Keep Navigation-Only Pages Short
67 7:9 Use Appropriate Menu Types
68 7:10 Use Site Maps
69 7:11 Use ‘Glosses’ to Assist Navigation
70 7:12 Breadcrumb Navigation
71 Chapter 8—Scrolling and Paging
72 8:1 Eliminate Horizontal Scrolling
73 8:2 Facilitate Rapid Scrolling While Reading
74 8:3 Use Scrolling Pages for Reading Comprehension
74 8:4 Use Paging Rather Than Scrolling
75 8:5 Scroll Fewer Screenfuls
76 Chapter 9—Headings, Titles, and Labels
77 9:1 Use Clear Category Labels
78 9:2 Provide Descriptive Page Titles
79 9:3 Use Descriptive Headings Liberally
80 9:4 Use Unique and Descriptive Headings
81 9:5 Highlight Critical Data
82 9:6 Use Descriptive Row and Column Headings
83 9:7 Use Headings in the Appropriate HTML Order
84 9:8 Provide Users with Good Ways to Reduce Options
85 Chapter 10—Links
86 10:1 Use Meaningful Link Labels
87 10:2 Link to Related Content
88 10:3 Match Link Names with Their Destination Pages
89 10:4 Avoid Misleading Cues to Click
90 10:5 Repeat Important Links
91 10:6 Use Text for Links
92 10:7 Designate Used Links
93 10:8 Provide Consistent Clickability Cues
94 10:9 Ensure that Embedded Links are Descriptive
95 10:10 Use ‘Pointing-and-Clicking’
96 10:11 Use Appropriate Text Link Lengths
97 10:12 Indicate Internal vs. External Links
98 10:13 Clarify Clickable Regions of Images
99 10:14 Link to Supportive Information
100 Chapter 11—Text Appearance
101 11:1 Use Black Text on Plain, High-Contrast Backgrounds
102 11:2 Format Common Items Consistently
102 11:3 Use Mixed-Case for Prose Text
103 11:4 Ensure Visual Consistency
104 11:5 Use Bold Text Sparingly
105 11:6 Use Attention-Attracting Features when Appropriate
106 11:7 Use Familiar Fonts
107 11:8 Use at Least 12-Point Font
108 11:9 Color-Coding and Instructions
109 11:10 Emphasize Importance
110 11:11 Highlighting Information
111 Chapter 12—Lists
112 12:1 Order Elements to Maximize User Performance
113 12:2 Place Important Items at Top of the List
114 12:3 Format Lists to Ease Scanning
115 12:4 Display Related Items in Lists
116 12:5 Introduce Each List
117 12:6 Use Static Menus
117 12:7 Start Numbered Items at One
118 12:8 Use Appropriate List Style
119 12:9 Capitalize First Letter of First Word in Lists and Labels
120 Chapter 13—Screen-Based Controls (Widgets)
121 13:1 Distinguish Required and Optional Data Entry Fields
122 13:2 Label Pushbuttons Clearly
123 13:3 Label Data Entry Fields Consistently
123 13:4 Do Not Make User-Entered Codes Case Sensitive
124 13:5 Label Data Entry Fields Clearly
125 13:6 Minimize User Data Entry
126 13:7 Put Labels Close to Data Entry Fields
127 13:8 Allow Users to See Their Entered Data
128 13:9 Use Radio Buttons for Mutually Exclusive Selections
129 13:10 Use Familiar Widgets
130 13:11 Anticipate Typical User Errors
131 13:12 Partition Long Data Items
132 13:13 Use a Single Data Entry Method
133 13:14 Prioritize Pushbuttons
134 13:15 Use Check Boxes to Enable Multiple Selections
135 13:16 Label Units of Measurement
136 13:17 Do Not Limit Viewable List Box Options
137 13:18 Display Default Values
138 13:19 Place Cursor in First Data Entry Field
138 13:20 Ensure that Double-Clicking Will Not Cause Problems
139 13:21 Use Open Lists to Select One from Many
140 13:22 Use Data Entry Fields to Speed Performan
SOLUTION
ADMIN.PHP
<?php session_start(); ?>
<html>
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<?php
include("connect.php");
$user = $_SESSION['log']['email'];
$query = mysql_query("SELECT * FROM users WHERE email = '$user'") or die(mysql_error());
$display = mysql_fetch_array($query);
?>
<title>Home: <?php echo $display['email']; ?></title>
</head>
<body>
<div class="top">
<logo>
Travel Information (NTIK) system
</logo>
<wrap>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Contact Us</a>
</wrap>
</div>
<div class="container">
<div class="roll">
<center>
<img src="images/(4).jpg" width="1020" height="240" />
</center>
</div>
<div class="content">
<left_sec>
Welcome: <?php echo $display['email']; ?> | <a href="list.php">List of Hotels</a> | <a href="logout.php">Logout</a>
<center><b>Hotel Detail</b></center>
<?php
include 'connect.php';
if(isset($_POST['submit'])){
$name = $_POST['name'];
$price = $_POST['price'];
$rating = $_POST['star'];
$address = $_POST['address'];
$country = $_POST['country'];
$contact = $_POST['contact'];
$file=$_FILES['image']['tmp_name'];
$image= addslashes(file_get_contents($_FILES['image']['tmp_name']));
$image_name= addslashes($_FILES['image']['name']);
$image_size= getimagesize($_FILES['image']['tmp_name']);
if ($image_size==FALSE) {
echo "You have entered an invalid file!";
}else{
move_uploaded_file($_FILES["image"]["tmp_name"],"uploads/" . $image_name);
$location="uploads/" . $_FILES["image"]["name"];
$sql = mysql_query("INSERT INTO hotels SET name='$name',price='$price',rating='$rating',location_address='$address',country='$country',contact='$contact',image='$location'");
if($sql){
echo '<center><b>The hotel is successifully registered</b></center >';
}
}
}
?>
<form action="" method="post" enctype="multipart/form-data">
<table border="0" align="center" width="150">
<tr>
<td>Name:</td>
<td><input type="text" name="name" required /></td>
</tr>
<tr>
<td>Price per Night:</td>
<td><input type="text" name="price" required /></td>
</tr>
<tr>
<td>Rating:</td>
<td>
<select name="star">
<option>Select:</option>
<option value="Five Star">Five Star</option>
<option value="Four Star">Four Star</option>
<option value="Three Star">Three Star</option>
</select>
</td>
</tr>
<tr>
<td>Location/Address:</td>
<td><input type="text" name="address" required /></td>
</tr>
<tr>
<td>Country:</td>
<td>
<select name="country">
<option>Select</option>
<option>Norway</option>
<option>Demark</option>
<option>Sweden</option>
<option>Finland</option>
</select>
</td>
</tr>
<tr>
<td>Contact:</td>
<td><input type="text" required name="contact" /></td>
</tr>
<tr>
<td>Image:</td>
<td><input type="file" required name="image" /></td>
</tr>
<tr>
<td></td>
<td><input type="submit" name="submit" value="Save Detail"/></td>
</tr>
</table>
</form>
</left_sec>
</div>
</div>
<div class="footer">
<extend>
</extend>
<sect1>
<tit>
Find Us On
</tit>
<cont>
</cont>
</sect1>
<sect2>
<tit>
Contact Us
</tit>
<cont>
Phone Number(s):<br/>
0987654321<br/>
E-mail Address:<br/>
job@yahoo.com
</cont>
</sect2>
<sect3>
<tit>
Quick Links
</tit>
<cont>
<a href="" title="Home Page">Home</a><br/>
<a href="" title="About Us Page">About Us</a><br/>
<a href="" title="Contact Us Pages">Contact Us</a><br/>
</cont>
</sect3>
</div>
</body>
</html>
0987654321
E-mail Address:
job@yahoo.com
About Us
Contact Us
CHECK LOGIN.PHP
<?php session_start();?>
<?php
include ('connect.php');
if (isset($_POST['login'])) {
//Function to sanitize values received from the form. Prevents SQL injection
function clean($str) {
$str = @trim($str);
if (get_magic_quotes_gpc()) {
$str = stripslashes($str);
}
return mysql_real_escape_string($str);
}
$email = clean($_POST['email']);
$password = clean($_POST['password']);
$result = mysql_query("SELECT * FROM users WHERE ((`users`.`email` = '$email') AND (`users`.`password` = '$password'))");
if (!$result) {
die("Query to show fields from table failed");
}
$numberOfRows = MYSQL_NUMROWS($result);
If ($numberOfRows == 0) {
header('location:index.php?msg=Invalid email or Password!');
} else if ($numberOfRows > 0) {
session_register('is');
$_SESSION['log']['login'] = TRUE;
$_SESSION['log']['email'] = $_POST['email'];
$session = "1";
$query = mysql_query("SELECT * FROM users WHERE email = '$email'") or die(mysql_error());
$display = mysql_fetch_array($query);
//$image = $display['image'];
//$insert = "INSERT INTO users SET username = '$username', password = '$password', session_id= '', created_date = CURRENT_TIMESTAMP";
//$add_member = mysql_query($insert);
$type = $display['type'];
if ($type == "admin") {
header("location:admin.php");
} else {
header("location:home.php");
}
}
}
?>
CONNECT.PHP
<?php
$username='root';
$password='';
$host='localhost';
$database='ntik';
$dbconn=mysql_connect($host,$username,$password) or trigger_error(mysql_error());
mysql_select_db($database,$dbconn) or die(mysql_error());
?>
STYLE.CSS
body{
margin: 0px;
font-size:13;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background: url('../images/background.jpg') fixed;
}
.top{
min-width: 1000px;
height: 60px;
border: 0px solid black;
background: #357C20; /*0C371B;*/
font-family: Arial,Helvetica,sans-serif;
}
.top wrap{
width: auto;
height: auto;
float: left;
border: 0px solid red;
margin: 0px 0px 0px 240px;
}
.top a{
width: 90px;
height: 30px;
line-height: 30px;
border: 1px solid #0C371B;
background: #0C371B;
color: #ffffff;
float: left;
font-size: 13px;
font-weight: bolder;
text-align: center;
text-decoration: none;
border-radius:0px 5px 0px 5px;
margin: 15px 0px 0px 5px;
}
.top a:hover{
width: 90px;
height: 30px;
line-height: 30px;
border: 1px solid #006600;
background: #006600;
color: #ffffff;
float: left;
font-size: 13px;
font-weight: bolder;
text-align: center;
text-decoration: none;
border-radius:0px 5px 0px 5px;
margin: 15px 0px 0px 5px;
}
.top logoq{
width: 70px;
height: 40px;
border: 1px solid red;
float: left;
margin: 10px 0px 0px 5px;
}
.top logo{
width: auto;
height: auto;
border: 0px solid white;
float: left;
font-size: 20px;
font-family: cambria;
text-align: left;
font-weight: bolder;
margin: 13px 0px 0px 2px;
color: white;
}
.container{
width: 1020;
height: auto;
border: 0px solid red;
margin: auto;
}
.roll{
width: 1020px;
border-radius: 0px 0px 0px 0px;
height: 240px;
background: white;
margin: auto;
border-left: 15px solid #357C20;
border-right: 15px solid #357C20;
border-bottom: 15px solid #357C20;
}
.roll left{
width: 300px;
height: 198px;
border: 0px red solid;
float: left;
}
.roll center{
width: auto;
height: 240px;
border: 0px purple solid;
float: left;
}
.roll right{
width: 250px;
height: 198px;
border: 1px purple solid;
float: right;
}
.content{
width: 1050px;
height: auto;
background: white;
margin: auto;
border: 0px solid red;
float: left;
}
.content left_sec{
width: 1047px;
height: auto;
border: 0px solid black;
float: left;
}
.content login{
width: 1045px;
height: 200px;
border: 1px solid black;
margin: auto;
}
.content right_sec{
width: 300px;
height: 600px;
border: 0px solid red;
float: right;
}
.content right_sec event{
width: 295px;
height: 200px;
border: 1px solid #EEEEEE;
float: left;
margin: 0px 0px 10px 0px;
background: #F9F9F9;
border-radius: 5px;
}
.content right_sec event tpc{
width: 100%;
height: 28px;
border: 0px solid #EEEEEE;
float: left;
text-align: center;
line-height: 27px;
font-weight: bolder;
background: white;
border-radius: 5px 5px 0px 0px;
}
.footer{
width: 1349px;
height: 250px;
background: #111111;
float: left;
z-index: 10;
color:white;
overflow: hidden;
}
.footer extend{
width: 1050px;
height: 20px;
background: white;
margin: 0px 0px 0px 165px;
float: left;
border-radius: 0px 0px 5px 5px;
}
.footer tit{
width: 100%;
height: 30px;
background: #222222;
float: left;
text-align: center;
color: #ffffff;
font-weight: bolder;
font-size: 13;
line-height: 27px;
}
.footer cont{
width: 290px;
height: 100%;
padding: 0px 0px 0px 10px;
float: left;
color: #ffffff;
font-weight: bolder;
border: 0px white solid;
font-size: 13;
line-height: 27px;
}
.footer cont a{
text-decoration: none;
color: white;
}
.footer sect1{
width: 338px;
height: 100%;
border: 0px white solid;
float: left;
margin: 10px 0px 0px 150px;
}
.footer sect2{
width: 338px;
height: 100%;
margin: 10px 0px 0px 18px;
border: 0px white solid;
float: left;
}
.footer sect3{
width: 338px;
height: 100%;
border: 0px white solid;
float: right;
margin: 10px 149px 0px 0px;
}
HOME.PHP
<?php session_start(); ?>
<html>
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<?php
include("connect.php");
$user = $_SESSION['log']['email'];
$query = mysql_query("SELECT * FROM users WHERE email = '$user'") or die(mysql_error());
$display = mysql_fetch_array($query);
?>
<title>Home: <?php echo $display['email']; ?></title>
</head>
<body>
<div class="top">
<logo>
Travel Information (NTIK) system
</logo>
<wrap>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Contact Us</a>
</wrap>
</div>
<div class="container">
<div class="roll">
<center>
<img src="images/(4).jpg" width="1020" height="240" />
</center>
</div>
<div class="content">
<left_sec>
Welcome: <?php echo $display['email']; ?> | <a href="logout.php">Logout</a>
<center><b>Nordic Countries</b></center>
<table border="0" align="center" width="150">
<?php
include 'connect.php';
$getContent = mysql_query("SELECT * FROM hotels");
$result = mysql_fetch_array($getContent);
//Norway
$nameNorway = 'Norway';
//Sweden
$nameSweden = 'Sweden';
//Denmark
$nameDenmark = 'Denmark';
//Finland
$nameFinland = 'Finland';
?>
<tr>
<td align="center"><a href="hotels.php?name=<?php echo $nameNorway ?>">Norway</a></td>
</tr>
<tr>
<td align="center"><a href="hotels.php?name=<?php echo $nameSweden ?>">Sweden </a></td>
</tr>
<tr>
<td align="center"><a href="hotels.php?name=<?php echo $nameDenmark ?>">Denmark</a></td>
</tr>
<tr>
<td align="center"><a href="hotels.php?name=<?php echo $nameFinland ?>">Finland </a></td>
</tr>
</table>
</left_sec>
</div>
</div>
<div class="footer">
<extend>
</extend>
<sect1>
<tit>
Find Us On
</tit>
<cont>
</cont>
</sect1>
<sect2>
<tit>
Contact Us
</tit>
<cont>
Phone Number(s):<br/>
0987654321<br/>
E-mail Address:<br/>
job@yahoo.com
</cont>
</sect2>
<sect3>
<tit>
Quick Links
</tit>
<cont>
<a href="" title="Home Page">Home</a><br/>
<a href="" title="About Us Page">About Us</a><br/>
<a href="" title="Contact Us Pages">Contact Us</a><br/>
</cont>
</sect3>
</div>
</body>
</html>
'; echo '
'; while ($row = mysql_fetch_array($getHotel)) { $name = $row['name']; $price = $row['price']; $rating = $row['rating']; $location = $row['location_address']; $country = $row['country']; $contact = $row['contact']; $image = $row['image']; echo'
'; echo ''; echo ""; echo ''; echo ''; echo '
| '. 'Hotel: '.$name. ' '. 'Price: '.$price.' '. 'Hotel Rating: '.$rating.' '. 'Location/Address: '.$location.' '. 'Contact: '.$contact.' '. ' |
'; while ($row = mysql_fetch_array($getHotel)) { $name = $row['name']; $price = $row['price']; $rating = $row['rating']; $location = $row['location_address']; $country = $row['country']; $contact = $row['contact']; $image = $row['image']; echo'
'; echo ''; echo ""; echo ''; echo ''; echo '
| '. 'Hotel: '.$name. ' '. 'Price: '.$price.' '. 'Hotel Rating: '.$rating.' '. 'Location/Address: '.$location.' '. 'Contact: '.$contact.' '. ' |
'; ?>
INDEX.PHP
<html>
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<title>NTIK</title>
</head>
<body>
<div class="top">
<logo>
Travel Information (NTIK) system
</logo>
<wrap>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Contact Us</a>
</wrap>
</div>
<div class="container">
<div class="roll">
<center>
<img src="images/(4).jpg" width="1020" height="240" />
</center>
</div>
<div class="content">
<login>
<?php
error_reporting(E_ALL ^ E_NOTICE);
echo '<font color= "red"><b><center>'. $_GET['msg'] .'</center></b></font>';
?>
<form action="check_login.php" method="post">
<table border="0" align="center" style="margin-top: 20px;">
<tr>
<td>Email:</td>
<td><input type="email" size="40" name="email" required /></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" size="40" required name="password" /></td>
</tr>
<tr>
<td></td>
<td align="right"><input type="submit" name="login" value="Login" /></td>
</tr>
<tr>
<td colspan="2">
<center>If you are not registered please <a href="signup.php">Register Here</a></center>
</td>
</tr>
</table>
</form>
<br/><br/><br/><br/><br/><br/><br/>
</login>
</div>
</div>
</body>
</html>
INDEX1.HTML
<html>
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<title>Home</title>
</head>
<body>
<div class="top">
<logo>
</logo>
<name>
name
</name>
<wrap>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Contact Us</a>
</wrap>
</div>
<div class="container">
<div class="roll">
<center>
rollover image
</center>
</div>
<div class="content">
<left_sec>
</left_sec>
</div>
</div>
<div class="footer">
<extend>
</extend>
<sect1>
<tit>
Find Us On
</tit>
<cont>
</cont>
</sect1>
<sect2>
<tit>
Contact Us
</tit>
<cont>
Phone Number(s):<br/>
0987654321<br/>
E-mail Address:<br/>
job@yahoo.com
</cont>
</sect2>
<sect3>
<tit>
Quick Links
</tit>
<cont>
<a href="" title="Home Page">Home</a><br/>
<a href="" title="About Us Page">About Us</a><br/>
<a href="" title="Contact Us Pages">Contact Us</a><br/>
</cont>
</sect3>
</div>
</body>
</html>
JQUERY
$(document).ready(function() { zebraRows('tr:odd td', 'odd'); $('tbody tr').hover(function(){ $(this).find('td').addClass('hovered'); }, function(){ $(this).find('td').removeClass('hovered'); }); //default each row to visible $('tbody tr').addClass('visible'); //overrides CSS display:none property //so only users w/ JS will see the //filter box $('#search').show(); $('#filter').keyup(function(event) { //if esc is pressed or nothing is entered if (event.keyCode == 27 || $(this).val() == '') { //if esc is pressed we want to clear the value of search box $(this).val(''); //we want each row to be visible because if nothing //is entered then all rows are matched. $('tbody tr').removeClass('visible').show().addClass('visible'); } //if there is text, lets filter else { filter('tbody tr', $(this).val()); } //reapply zebra rows $('.visible td').removeClass('odd'); zebraRows('.visible:even td', 'odd'); }); //grab all header rows $('thead th').each(function(column) { $(this).addClass('sortable') .click(function(){ var findSortKey = function($cell) { return $cell.find('.sort-key').text().toUpperCase() + ' ' + $cell.text().toUpperCase(); }; var sortDirection = $(this).is('.sorted-asc') ? -1 : 1; //step back up the tree and get the rows with data //for sorting var $rows = $(this).parent() .parent() .parent() .find('tbody tr') .get(); //loop through all the rows and find $.each($rows, function(index, row) { row.sortKey = findSortKey($(row).children('td').eq(column)); }); //compare and sort the rows alphabetically $rows.sort(function(a, b) { if (a.sortKey < b.sortKey) return -sortDirection; if (a.sortKey > b.sortKey) return sortDirection; return 0; }); //add the rows in the correct order to the bottom of the table $.each($rows, function(index, row) { $('tbody').append(row); row.sortKey = null; }); //identify the column sort order $('th').removeClass('sorted-asc sorted-desc'); var $sortHead = $('th').filter(':nth-child(' + (column + 1) + ')'); sortDirection == 1 ? $sortHead.addClass('sorted-asc') : $sortHead.addClass('sorted-desc'); //identify the column to be sorted by $('td').removeClass('sorted') .filter(':nth-child(' + (column + 1) + ')') .addClass('sorted'); $('.visible td').removeClass('odd'); zebraRows('.visible:even td', 'odd'); }); }); }); //used to apply alternating row styles function zebraRows(selector, className) { $(selector).removeClass(className) .addClass(className); } //filter results based on query function filter(selector, query) { query = $.trim(query); //trim white space query = query.replace(/ /gi, '|'); //add OR for regex $(selector).each(function() { ($(this).text().search(new RegExp(query, "i")) < 0) ? $(this).hide().removeClass('visible') : $(this).show().addClass('visible'); }); }
/*! * jQuery JavaScript Library v1.4.3 * http://jquery.com/ * * Copyright 2010, John Resig * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * Includes Sizzle.js * http://sizzlejs.com/ * Copyright 2010, The Dojo Foundation * Released under the MIT, BSD, and GPL Licenses. * * Date: Thu Oct 14 23:10:06 2010 -0400 */ (function(E,A){function U(){return false}function ba(){return true}function ja(a,b,d){d[0].type=a;return c.event.handle.apply(b,d)}function Ga(a){var b,d,e=[],f=[],h,k,l,n,s,v,B,D;k=c.data(this,this.nodeType?"events":"__events__");if(typeof k==="function")k=k.events;if(!(a.liveFired===this||!k||!k.live||a.button&&a.type==="click")){if(a.namespace)D=RegExp("(^|\\.)"+a.namespace.split(".").join("\\.(?:.*\\.)?")+"(\\.|$)");a.liveFired=this;var H=k.live.slice(0);for(n=0;n
t
":function(g,j){var o=typeof j==="string",m,p=0,q=g.length;if(o&&!/\W/.test(j))for(j=j.toLowerCase();p=0))o||m.push(t);else if(o)j[q]=false;return false},ID:function(g){return g[1].replace(/\\/g,"")},TAG:function(g){return g[1].toLowerCase()},CHILD:function(g){if(g[1]==="nth"){var j=/(-?)(\d*)n((?:\+|-)?\d*)/.exec(g[2]==="even"&&"2n"||g[2]==="odd"&&"2n+1"||!/\D/.test(g[2])&&"0n+"+g[2]||g[2]);g[2]=j[1]+(j[2]||1)-0;g[3]=j[3]-0}g[0]=e++;return g},ATTR:function(g,j,o, m,p,q){j=g[1].replace(/\\/g,"");if(!q&&n.attrMap[j])g[1]=n.attrMap[j];if(g[2]==="~=")g[4]=" "+g[4]+" ";return g},PSEUDO:function(g,j,o,m,p){if(g[1]==="not")if((d.exec(g[3])||"").length>1||/^\w/.test(g[3]))g[3]=l(g[3],null,null,j);else{g=l.filter(g[3],j,o,true^p);o||m.push.apply(m,g);return false}else if(n.match.POS.test(g[0])||n.match.CHILD.test(g[0]))return true;return g},POS:function(g){g.unshift(true);return g}},filters:{enabled:function(g){return g.disabled===false&&g.type!=="hidden"},disabled:function(g){return g.disabled=== true},checked:function(g){return g.checked===true},selected:function(g){return g.selected===true},parent:function(g){return!!g.firstChild},empty:function(g){return!g.firstChild},has:function(g,j,o){return!!l(o[3],g).length},header:function(g){return/h\d/i.test(g.nodeName)},text:function(g){return"text"===g.type},radio:function(g){return"radio"===g.type},checkbox:function(g){return"checkbox"===g.type},file:function(g){return"file"===g.type},password:function(g){return"password"===g.type},submit:function(g){return"submit"=== g.type},image:function(g){return"image"===g.type},reset:function(g){return"reset"===g.type},button:function(g){return"button"===g.type||g.nodeName.toLowerCase()==="button"},input:function(g){return/input|select|textarea|button/i.test(g.nodeName)}},setFilters:{first:function(g,j){return j===0},last:function(g,j,o,m){return j===m.length-1},even:function(g,j){return j%2===0},odd:function(g,j){return j%2===1},lt:function(g,j,o){return jo[3]-0},nth:function(g,j,o){return o[3]- 0===j},eq:function(g,j,o){return o[3]-0===j}},filter:{PSEUDO:function(g,j,o,m){var p=j[1],q=n.filters[p];if(q)return q(g,o,j,m);else if(p==="contains")return(g.textContent||g.innerText||l.getText([g])||"").indexOf(j[3])>=0;else if(p==="not"){j=j[3];o=0;for(m=j.length;o =0}},ID:function(g,j){return g.nodeType===1&&g.getAttribute("id")===j},TAG:function(g,j){return j==="*"&&g.nodeType===1||g.nodeName.toLowerCase()=== j},CLASS:function(g,j){return(" "+(g.className||g.getAttribute("class"))+" ").indexOf(j)>-1},ATTR:function(g,j){var o=j[1];o=n.attrHandle[o]?n.attrHandle[o](g):g[o]!=null?g[o]:g.getAttribute(o);var m=o+"",p=j[2],q=j[4];return o==null?p==="!=":p==="="?m===q:p==="*="?m.indexOf(q)>=0:p==="~="?(" "+m+" ").indexOf(q)>=0:!q?m&&o!==false:p==="!="?m!==q:p==="^="?m.indexOf(q)===0:p==="$="?m.substr(m.length-q.length)===q:p==="|="?m===q||m.substr(0,q.length+1)===q+"-":false},POS:function(g,j,o,m){var p=n.setFilters[j[2]]; if(p)return p(g,o,j,m)}}},s=n.match.POS,v=function(g,j){return"\\"+(j-0+1)},B;for(B in n.match){n.match[B]=RegExp(n.match[B].source+/(?![^\[]*\])(?![^\(]*\))/.source);n.leftMatch[B]=RegExp(/(^(?:.|\r|\n)*?)/.source+n.match[B].source.replace(/\\(\d+)/g,v))}var D=function(g,j){g=Array.prototype.slice.call(g,0);if(j){j.push.apply(j,g);return j}return g};try{Array.prototype.slice.call(u.documentElement.childNodes,0)}catch(H){D=function(g,j){var o=j||[],m=0;if(f.call(g)==="[object Array]")Array.prototype.push.apply(o, g);else if(typeof g.length==="number")for(var p=g.length;m
";var o=u.documentElement;o.insertBefore(g,o.firstChild);if(u.getElementById(j)){n.find.ID=function(m,p,q){if(typeof p.getElementById!=="undefined"&&!q)return(p=p.getElementById(m[1]))?p.id===m[1]||typeof p.getAttributeNode!=="undefined"&&p.getAttributeNode("id").nodeValue===m[1]?[p]:A:[]};n.filter.ID=function(m,p){var q=typeof m.getAttributeNode!=="undefined"&&m.getAttributeNode("id");return m.nodeType===1&&q&&q.nodeValue===p}}o.removeChild(g); o=g=null})();(function(){var g=u.createElement("div");g.appendChild(u.createComment(""));if(g.getElementsByTagName("*").length>0)n.find.TAG=function(j,o){var m=o.getElementsByTagName(j[1]);if(j[1]==="*"){for(var p=[],q=0;m[q];q++)m[q].nodeType===1&&p.push(m[q]);m=p}return m};g.innerHTML="";if(g.firstChild&&typeof g.firstChild.getAttribute!=="undefined"&&g.firstChild.getAttribute("href")!=="#")n.attrHandle.href=function(j){return j.getAttribute("href",2)};g=null})();u.querySelectorAll&& function(){var g=l,j=u.createElement("div");j.innerHTML="
"],thead:[1,"","
","
"];c.fn.extend({text:function(a){if(c.isFunction(a))return this.each(function(b){var d=c(this);d.text(a.call(this,b,d.text()))});if(typeof a!=="object"&&a!==A)return this.empty().append((this[0]&&this[0].ownerDocument||u).createTextNode(a));return c.text(this)},wrapAll:function(a){if(c.isFunction(a))return this.each(function(d){c(this).wrapAll(a.call(this, d))});if(this[0]){var b=c(a,this[0].ownerDocument).eq(0).clone(true);this[0].parentNode&&b.insertBefore(this[0]);b.map(function(){for(var d=this;d.firstChild&&d.firstChild.nodeType===1;)d=d.firstChild;return d}).append(this)}return this},wrapInner:function(a){if(c.isFunction(a))return this.each(function(b){c(this).wrapInner(a.call(this,b))});return this.each(function(){var b=c(this),d=b.contents();d.length?d.wrapAll(a):b.append(a)})},wrap:function(a){return this.each(function(){c(this).wrapAll(a)})}, unwrap:function(){return this.parent().each(function(){c.nodeName(this,"body")||c(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,true,function(a){this.nodeType===1&&this.insertBefore(a,this.firstChild)})},before:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this)});else if(arguments.length){var a= c(arguments[0]);a.push.apply(a,this.toArray());return this.pushStack(a,"before",arguments)}},after:function(){if(this[0]&&this[0].parentNode)return this.domManip(arguments,false,function(b){this.parentNode.insertBefore(b,this.nextSibling)});else if(arguments.length){var a=this.pushStack(this,"after",arguments);a.push.apply(a,c(arguments[0]).toArray());return a}},remove:function(a,b){for(var d=0,e;(e=this[d])!=null;d++)if(!a||c.filter(a,[e]).length){if(!b&&e.nodeType===1){c.cleanData(e.getElementsByTagName("*")); c.cleanData([e])}e.parentNode&&e.parentNode.removeChild(e)}return this},empty:function(){for(var a=0,b;(b=this[a])!=null;a++)for(b.nodeType===1&&c.cleanData(b.getElementsByTagName("*"));b.firstChild;)b.removeChild(b.firstChild);return this},clone:function(a){var b=this.map(function(){if(!c.support.noCloneEvent&&!c.isXMLDoc(this)){var d=this.outerHTML,e=this.ownerDocument;if(!d){d=e.createElement("div");d.appendChild(this.cloneNode(true));d=d.innerHTML}return c.clean([d.replace(xa,"").replace(cb,'="$1">').replace($, "")],e)[0]}else return this.cloneNode(true)});if(a===true){la(this,b);la(this.find("*"),b.find("*"))}return b},html:function(a){if(a===A)return this[0]&&this[0].nodeType===1?this[0].innerHTML.replace(xa,""):null;else if(typeof a==="string"&&!Aa.test(a)&&(c.support.leadingWhitespace||!$.test(a))&&!O[(za.exec(a)||["",""])[1].toLowerCase()]){a=a.replace(ya,"<$1></$2>");try{for(var b=0,d=this.length;b
LIST.PHP
<?php session_start(); ?>
<html>
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<script src="js/application.js" type="text/javascript" charset="utf-8"></script>
<?php
include("connect.php");
$user = $_SESSION['log']['email'];
$query = mysql_query("SELECT * FROM users WHERE email = '$user'") or die(mysql_error());
$display = mysql_fetch_array($query);
?>
<title>List: <?php echo $display['email']; ?></title>
</head>
<body>
<div class="top">
<logo>
Travel Information (NTIK) system
</logo>
<wrap>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Contact Us</a>
</wrap>
</div>
<div class="container">
<div class="roll">
<center>
<img src="images/(4).jpg" width="1020" height="240" />
</center>
</div>
<div class="content">
<left_sec>
Welcome: <?php echo $display['email']; ?> | <a href="logout.php">Logout</a>
<center><b>List of Hotel Details</b></center>
<table border="0" align="center" id="resultTable">
<thead>
<tr> <th>Name</th><th>Price</th><th>Rating</th><th>Address</th><th>Country</th><th>Contact</th></tr>
</thead>
<tbody>
<?php
include 'connect.php';
$sqlList = mysql_query("SELECT * FROM hotels");
while ($row = mysql_fetch_array($sqlList)) {
$name = $row['name'];
$price = $row['price'];
$rating = $row['rating'];
$address = $row['location_address'];
$country = $row['country'];
$contact = $row['contact'];
echo' <tr>';
echo' <td>'.$name.'</td>';
echo' <td>'.$price.'</td>';
echo' <td>'.$rating.'</td>';
echo' <td>'.$address.'</td>';
echo' <td>'.$country.'</td>';
echo' <td>'.$contact.'</td>';
}
?>
</tbody>
</table>
</left_sec>
</div>
</div>
<div class="footer">
<extend>
</extend>
<sect1>
<tit>
Find Us On
</tit>
<cont>
</cont>
</sect1>
<sect2>
<tit>
Contact Us
</tit>
<cont>
Phone Number(s):<br/>
0987654321<br/>
E-mail Address:<br/>
job@yahoo.com
</cont>
</sect2>
<sect3>
<tit>
Quick Links
</tit>
<cont>
<a href="" title="Home Page">Home</a><br/>
<a href="" title="About Us Page">About Us</a><br/>
<a href="" title="Contact Us Pages">Contact Us</a><br/>
</cont>
</sect3>
</div>
</body>
</html>
LOGOUT.PHP
<?php session_start(); ?>
<?php
@session_unregister('log');
@session_unset();
header ('location:index.php');
?>
SIGNUP.PHP
<html>
<head>
<link rel="stylesheet" href="css/styles.css" type="text/css" media="screen" />
<title>Register</title>
</head>
<body>
<div class="top">
<logo>
Travel Information (NTIK) system
</logo>
<wrap>
<a href="">Home</a>
<a href="">About Us</a>
<a href="">Contact Us</a>
</wrap>
</div>
<div class="container">
<div class="roll">
<center>
<img src="images/(4).jpg" width="1020" height="240" />
</center>
</div>
<div class="content">
<login>
<?php
include 'connect.php';
if(isset($_POST['register'])){
$name = $_POST['name'];
$phone = $_POST['phone'];
$email = $_POST['email'];
$pass = $_POST['password'];
$sql = mysql_query("INSERT INTO users SET name='$name',phone='$phone',email='$email',password='$pass'");
if($sql){
echo '<center><b>Registration successful</b></center>';
}
}
?>
<form action="" method="post">
<table border="0" align="center" style="margin-top: 20px;">
<tr>
<td>Name:</td>
<td><input type="text" size="40" name="name" required /></td>
</tr>
<tr>
<td>Phone Number:</td>
<td><input type="text" size="40" name="phone" required /></td>
</tr>
<tr>
<td>Email:</td>
<td><input type="email" size="40" name="email" required /></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" size="40" required name="password" /></td>
</tr>
<tr>
<td></td>
<td align="right"><input type="submit" name="register" value="Register" /></td>
</tr>
<tr>
<td colspan="2">
<center>If you are registered please <a href="index.php">Login Here</a></center>
</td>
</tr>
</table>
</form>
<br/><br/><br/><br/><br/>
</login>
</div>
</div>
</body>
</html>
