diff --git a/Admin.html b/Admin.html index dcd22707b4a679a2ee9f069974fc27492310e98f..92cd7d49f94ec7174968b1c0920cd32fba7c1476 100644 --- a/Admin.html +++ b/Admin.html @@ -25,6 +25,12 @@ </div> + <h2>Administration</h2> + + <button class="admin" onclick="document.location='Authorisation.html'">Authorisation</button> + <button class="admin" onclick="document.location='Manage Employees.html'">Manage Employees</button> + <button class="admin" onclick="document.location='Manage Users.html'">Manage Users</button> + <button class="admin" onclick="document.location='Manage Trips.html'">Manage Trips</button> diff --git a/Authorisation.html b/Authorisation.html new file mode 100644 index 0000000000000000000000000000000000000000..dc561af2ff0650e46cd8ce8332840db343a7a113 --- /dev/null +++ b/Authorisation.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, intial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="style/main.css"> + <title>Travel Elect</title> +</head> + +<body> + + <header> + <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1> + </header> + + <div class="sidenav"> + <button class="bttn" onclick="document.location='Carbon Levels.html'"><a href="#carbon Levels">Carbon Levels</a></button> + <button class="bttn" onclick="document.location='Profile.html'"><a href="#employee information">Profile</a></button> + <button class="bttn" onclick="document.location='Upcoming Trips.html'"><a href="#past and upcoming trips">Past and Upcoming Trips</a></button> + <button class="bttn" onclick="document.location='Plan Trips.html'"><a href="#plan trips">Plan Trips</a></button> + <button class="bttn" onclick="document.location='Reports.html'"><a href="#reports">Reports</a></button> + <button class="bttn" onclick="document.location='Notes.html'"><a href="#Notes">Notes</a></button> + <button class="bttn" onclick="document.location='Admin.html'"><a href="#admin">Admin</a></button> + + </div> + + <h2>Authorisation</h2> + + + + +</body> +</html> \ No newline at end of file diff --git a/Carbon Levels.html b/Carbon Levels.html index d856c81f48316234dc9c7226ef25d3000ea9c235..9460dac12adce342855cf82c186bc0fef1c3da35 100644 --- a/Carbon Levels.html +++ b/Carbon Levels.html @@ -28,6 +28,8 @@ <h2>Carbon Footprint</h2> + <iframe width="710" height="1300" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" src="https://calculator.carbonfootprint.com/calculator.aspx"></iframe> + </body> diff --git a/Contact.html b/Contact.html new file mode 100644 index 0000000000000000000000000000000000000000..b4a871749014de5a4305e4dcc2685e1bb85d2596 --- /dev/null +++ b/Contact.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, intial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="style/main.css"> + <title>Travel Elect</title> +</head> + +<body> + + <header> + <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1> + </header> + + <div class="sidenav"> + <button class="bttn" onclick="document.location='Carbon Levels.html'"><a href="#carbon Levels">Carbon Levels</a></button> + <button class="bttn" onclick="document.location='Profile.html'"><a href="#employee information">Profile</a></button> + <button class="bttn" onclick="document.location='Upcoming Trips.html'"><a href="#past and upcoming trips">Past and Upcoming Trips</a></button> + <button class="bttn" onclick="document.location='Plan Trips.html'"><a href="#plan trips">Plan Trips</a></button> + <button class="bttn" onclick="document.location='Reports.html'"><a href="#reports">Reports</a></button> + <button class="bttn" onclick="document.location='Notes.html'"><a href="#Notes">Notes</a></button> + <button class="bttn" onclick="document.location='Admin.html'"><a href="#admin">Admin</a></button> + + </div> + + <form action="/action_page.php"> + + <fieldset> + + <legend>Your Inquires & Comments</legend> + <p>Please give the necessary details to help us get back to you</p> + + <div class="contact"> + + <label for="name">Name:</label><br> + <input type="text" id="name" name="name"><br><br> + <label for="email">Email:</label><br> + <input type="text" id="email" name="email"><br><br> + <label for="number">Contact Number:</label><br> + <input type="text" id="number" name="number"><br><br> + <label for="company">Organisations:</label><br> + <input type="text" id="company" name="company"><br><br> + <label for="role">Role with in the organisation:</label><br> + <input type="text" id="role" name="role"><br><br> + <label for="location">Location:</label><br> + <input type="text" id="location" name="location"><br><br> + <label for="type">Type of Inquiry:</label><br> + <input type="text" id="type" name="type"><br><br> + <label for="subject">Subject:</label><br> + <input type="text" id="subject" name="subject"><br><br> + <label for="details">Details:</label><br> + <input type="text" id="details" name="details"><br><br> + + <button class="next" onclick="document.location='Subscription.html'">Next</button> + + </div> + + </fieldset> + + </form> + + + + +</body> +</html> \ No newline at end of file diff --git a/Manage Employees.html b/Manage Employees.html new file mode 100644 index 0000000000000000000000000000000000000000..227f85818a5421c3f8201f123cc76ef25d864ef4 --- /dev/null +++ b/Manage Employees.html @@ -0,0 +1,33 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, intial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="style/main.css"> + <title>Travel Elect</title> +</head> + +<body> + + <header> + <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1> + </header> + + <div class="sidenav"> + <button class="bttn" onclick="document.location='Carbon Levels.html'"><a href="#carbon Levels">Carbon Levels</a></button> + <button class="bttn" onclick="document.location='Profile.html'"><a href="#employee information">Profile</a></button> + <button class="bttn" onclick="document.location='Upcoming Trips.html'"><a href="#past and upcoming trips">Past and Upcoming Trips</a></button> + <button class="bttn" onclick="document.location='Plan Trips.html'"><a href="#plan trips">Plan Trips</a></button> + <button class="bttn" onclick="document.location='Reports.html'"><a href="#reports">Reports</a></button> + <button class="bttn" onclick="document.location='Notes.html'"><a href="#Notes">Notes</a></button> + <button class="bttn" onclick="document.location='Admin.html'"><a href="#admin">Admin</a></button> + + </div> + + <h2>Administration</h2> + + + +</body> +</html> \ No newline at end of file diff --git a/Manage Trips.html b/Manage Trips.html new file mode 100644 index 0000000000000000000000000000000000000000..4517fca5bdeba4e938516c2d604b2100b6b99164 --- /dev/null +++ b/Manage Trips.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, intial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="style/main.css"> + <title>Travel Elect</title> +</head> + +<body> + + <header> + <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1> + </header> + + <div class="sidenav"> + <button class="bttn" onclick="document.location='Carbon Levels.html'"><a href="#carbon Levels">Carbon Levels</a></button> + <button class="bttn" onclick="document.location='Profile.html'"><a href="#employee information">Profile</a></button> + <button class="bttn" onclick="document.location='Upcoming Trips.html'"><a href="#past and upcoming trips">Past and Upcoming Trips</a></button> + <button class="bttn" onclick="document.location='Plan Trips.html'"><a href="#plan trips">Plan Trips</a></button> + <button class="bttn" onclick="document.location='Reports.html'"><a href="#reports">Reports</a></button> + <button class="bttn" onclick="document.location='Notes.html'"><a href="#Notes">Notes</a></button> + <button class="bttn" onclick="document.location='Admin.html'"><a href="#admin">Admin</a></button> + + </div> + + <h2>Manage Employees</h2> + + + + +</body> +</html> \ No newline at end of file diff --git a/Manage Users.html b/Manage Users.html new file mode 100644 index 0000000000000000000000000000000000000000..a2ca36d1ddad97bf040c5c796089c11c63f3c287 --- /dev/null +++ b/Manage Users.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, intial-scale=1.0"> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <link rel="stylesheet" href="style/main.css"> + <title>Travel Elect</title> +</head> + +<body> + + <header> + <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1> + </header> + + <div class="sidenav"> + <button class="bttn" onclick="document.location='Carbon Levels.html'"><a href="#carbon Levels">Carbon Levels</a></button> + <button class="bttn" onclick="document.location='Profile.html'"><a href="#employee information">Profile</a></button> + <button class="bttn" onclick="document.location='Upcoming Trips.html'"><a href="#past and upcoming trips">Past and Upcoming Trips</a></button> + <button class="bttn" onclick="document.location='Plan Trips.html'"><a href="#plan trips">Plan Trips</a></button> + <button class="bttn" onclick="document.location='Reports.html'"><a href="#reports">Reports</a></button> + <button class="bttn" onclick="document.location='Notes.html'"><a href="#Notes">Notes</a></button> + <button class="bttn" onclick="document.location='Admin.html'"><a href="#admin">Admin</a></button> + + </div> + + <h2>Manage Users</h2> + + + + +</body> +</html> \ No newline at end of file diff --git a/Notes.html b/Notes.html index 49b5136952d9d19ec18eb9e145848ed069fa0dfc..552249f929ac927ac3156c4230cef6894567ca5a 100644 --- a/Notes.html +++ b/Notes.html @@ -24,6 +24,31 @@ </div> + <form action="/action_page.php"> + + <fieldset> + + <legend>Notes</legend> + + <div class="plan"> + + <label for="task">Tasks:</label><br> + <input type="text" id="task" name="task"><br><br> + <label for="location">Location:</label><br> + <input type="text" id="location" name="location"><br><br> + <label for="date">Date (dd/mm/yyyy):</label><br> + <input type="text" id="date" name="date"><br><br> + <label for="note">Notes:</label><br> + <input class="note" type="text" id="note" name="note"><br><br> + + <button type="submit">Add Note</button> + + </div> + + </fieldset> + + </form> + diff --git a/Register.html b/Register.html index ca865aaa326a5eac3ca5e0ce8c5f77c0b8f94aa4..9ee7a7d826ba6328da74b13a67011a5017c48fd2 100644 --- a/Register.html +++ b/Register.html @@ -41,6 +41,7 @@ <label> <input class="regcheck" type="checkbox" name="privacy"> Agree with Privacy Terms </label> + <button class="next" onclick="document.location='Subscription.html'">Next</button> </div> diff --git a/Style/main.css b/Style/main.css index 4a709961432ffca82b10a69593c83b4e7fcc3d59..875d1859bf6c7a7df28cefb7dd778cd371d6d976 100644 --- a/Style/main.css +++ b/Style/main.css @@ -164,7 +164,7 @@ header{ padding: 16px; } - /*Register, Payment & Plan Trips*/ + /*Register, Payment, Notes & Plan Trips*/ .register { grid-template-columns: 1/3; @@ -212,6 +212,14 @@ header{ cursor: pointer; width: 100%; } + .note { + width: 100%; + height: 150px; + padding: 12px 20px; + box-sizing: content-box; + border: 2px solid #ccc; + resize: none; + } /*Subscription*/ diff --git a/Upcoming Trips.html b/Upcoming Trips.html index dcd22707b4a679a2ee9f069974fc27492310e98f..3ac8075d16f1ecba91d693ea3fec07124fc916e9 100644 --- a/Upcoming Trips.html +++ b/Upcoming Trips.html @@ -25,7 +25,17 @@ </div> - + <form action="/action_page.php"> + + <fieldset> + + <legend>Upcoming Trips</legend> + + <legend>Past Trips</legend> + + </fieldset> + + </form> </body>