diff --git a/About.html b/About.html
index e9d883c206e19c94a03ce442e132d19f766b7d4a..cb4a5c7768c891c9479276997ee0b899d7e75eb8 100644
--- a/About.html
+++ b/About.html
@@ -4,7 +4,7 @@
<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="styles/main.css">
+ <link rel="stylesheet" href="style/main.css">
<title>Travel Elect</title>
</head>
diff --git a/Admin.html b/Admin.html
new file mode 100644
index 0000000000000000000000000000000000000000..b7e53bce9a1edfc42f5736842f16ee94fb6e92bc
--- /dev/null
+++ b/Admin.html
@@ -0,0 +1,31 @@
+<!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>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>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Carbon Levels.html b/Carbon Levels.html
new file mode 100644
index 0000000000000000000000000000000000000000..db23c07e36cb51fc4fe1d3b584bf06b57ce5c986
--- /dev/null
+++ b/Carbon Levels.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>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>Carbon Footprint</h2>
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Homepage.html b/Homepage.html
index 37775ad2935060ce286b16bd8336d71f3ff6a04c..6acb9cd9bcf276bde93c0f5bb3042d8fb0a1a2d9 100644
--- a/Homepage.html
+++ b/Homepage.html
@@ -4,7 +4,7 @@
<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="styles/main.css">
+ <link rel="stylesheet" href="style/main.css">
<title>Travel Elect</title>
</head>
@@ -15,8 +15,7 @@
<p1>
Plan your business trips efficiently and save your company money by
- only taking trips that are necessary. Recieve alternative options for
- business trips.
+ only taking trips that are necessary. Recieve alternative trip options.
</p1>
<p2>
diff --git a/Login.html b/Login.html
new file mode 100644
index 0000000000000000000000000000000000000000..fbb10eef0847fde6d7bf9e6fcf8e913da7932cc9
--- /dev/null
+++ b/Login.html
@@ -0,0 +1,22 @@
+<!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>Travel Elect<h1></h1>
+ </header>
+ <form action="/action_page.php">
+ <h2><label for="login">Login</label><br></h2>
+ <input type="text" id="login" name="login">
+ <h2><label for="password">Password</label><br></h2>
+ <input type="text" id="password" name="password">
+ </form>
+</body>
+</html>
\ No newline at end of file
diff --git a/Notes.html b/Notes.html
new file mode 100644
index 0000000000000000000000000000000000000000..b7e53bce9a1edfc42f5736842f16ee94fb6e92bc
--- /dev/null
+++ b/Notes.html
@@ -0,0 +1,31 @@
+<!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>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>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Plan Trips.html b/Plan Trips.html
new file mode 100644
index 0000000000000000000000000000000000000000..b7e53bce9a1edfc42f5736842f16ee94fb6e92bc
--- /dev/null
+++ b/Plan Trips.html
@@ -0,0 +1,31 @@
+<!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>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>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Profile.html b/Profile.html
new file mode 100644
index 0000000000000000000000000000000000000000..99daac6a8fe395cbbfad796069e148e71ff8b957
--- /dev/null
+++ b/Profile.html
@@ -0,0 +1,37 @@
+<!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>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>Employee Profile</h2>
+
+ <p>First Name</p>
+ <p>Last Name</p>
+ <p>Occupation</p>
+ <p>Number of Trips</p>
+ <p>Averge Money Spent</p>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Register pt 2.html b/Register pt 2.html
new file mode 100644
index 0000000000000000000000000000000000000000..e491581e774493665d59b2775b088839d21fa379
--- /dev/null
+++ b/Register pt 2.html
@@ -0,0 +1,14 @@
+<!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>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Register pt 3.html b/Register pt 3.html
new file mode 100644
index 0000000000000000000000000000000000000000..e00e71685ff1005dce8301527df7066a9ddaafc9
--- /dev/null
+++ b/Register pt 3.html
@@ -0,0 +1,45 @@
+<!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>
+ <body>
+ <header>
+ <h1>Travel Elect<h1></h1>
+ </header>
+ <h2>Payment Details</h2>
+ <form action="/action_page.php">
+ <label for="c/r">Country/Region:</label><br>
+ <input type="text" id="c/r" name="c/r"><br><br>
+ <label for="type">Card Type:</label><br>
+ <input type="text" id="type" name="type"><br><br>
+ <label for="name">Cardholder Name:</label><br>
+ <input type="text" id="name" name="name"><br><br>
+ <label for="cnumber">Card Number:</label><br>
+ <input type="text" id="cnumber" name="cnumber"><br><br>
+ <label for="exdate">Expiry Date:</label><br>
+ <input type="text" id="exdate" name="exdate"><br><br>
+ <label for="code">Security Code:</label><br>
+ <input type="text" id="code" name="cody"><br><br>
+ <h2>Billing Address</h2>
+ <label for="address">Address:</label><br>
+ <input type="text" id="address" name="address"><br><br>
+ <input type="text" id="address" name="address"><br><br>
+ <input type="text" id="address" name="address"><br><br>
+ <label for="t/c">Town/City:</label><br>
+ <input type="text" id="t/c" name="t/c"><br><br>
+ <label for="pcode">Postcode:</label><br>
+ <input type="text" id="pcode" name="pcode"><br><br>
+
+ <input type="submit" value="Submit">
+ </form>
+ </body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Register.html b/Register.html
new file mode 100644
index 0000000000000000000000000000000000000000..492c9da35b3da357917f2c00d165d81f0476e641
--- /dev/null
+++ b/Register.html
@@ -0,0 +1,40 @@
+<!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>
+ <body>
+ <header>
+ <h1>Travel Elect<h1></h1>
+ </header>
+ <h2>Register</h2>
+ <form action="/action_page.php">
+ <label for="cname">Company Name:</label><br>
+ <input type="text" id="cname" name="cname"><br><br>
+ <label for="address">Address:</label><br>
+ <input type="text" id="address" name="address"><br><br>
+ <input type="text" id="address" name="address"><br><br>
+ <input type="text" id="address" name="address"><br><br>
+ <label for="pcode">Postcode:</label><br>
+ <input type="text" id="pcode" name="pcode"><br><br>
+ <label for="region">Country/Region:</label><br>
+ <input type="text" id="region" name="region"><br><br>
+ <label for="email">Email Address:</label><br>
+ <input type="text" id="email" name="email"><br><br>
+ <label for="contact">Contact Number:</label><br>
+ <input type="text" id="contact" name="contact"><br><br>
+ <p1>Agree with Terms & Conditions</p1><br>
+ <p2>Agree with Privacy Terms</p2><br><br>
+
+ <input type="next" value="next">
+ </form>
+ </body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Reports.html b/Reports.html
new file mode 100644
index 0000000000000000000000000000000000000000..b7e53bce9a1edfc42f5736842f16ee94fb6e92bc
--- /dev/null
+++ b/Reports.html
@@ -0,0 +1,31 @@
+<!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>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>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Style/main.css b/Style/main.css
new file mode 100644
index 0000000000000000000000000000000000000000..9f0276253b0349a9825c07a175d9c34d8aecc4db
--- /dev/null
+++ b/Style/main.css
@@ -0,0 +1,54 @@
+/*Global*/
+body {
+ display:grid;
+ grid-template-columns: 1fr 2fr 2fr 1fr;
+ grid-template-rows: auto auto 1fr 1fr;
+ }
+
+header {
+ grid-column: 1/6;
+ grid-row: 1;
+ color: darkblue;
+ font-size: 25px;
+ }
+
+.sidenav {
+ width: 230px;
+ z-index: 1;
+ top: 20px;
+ left: 10px;
+ background: darkblue;
+ overflow-x: hidden;
+ padding: 8px 0px;
+ grid-column: 1/2;
+ grid-row: 2/4;
+
+ }
+
+.sidenav a {
+ padding: 6px 8px 6px 16px;
+ text-decoration: none;
+ font-size: 20px;
+ color: white;
+ display: block;
+ }
+
+.sidenav a:hover {
+ color: #00ff00;
+ }
+
+ .bttn:hover {
+ background: rgb(1, 62, 143);
+ color: black;
+ }
+ .bttn {
+ border: none;
+ background-color: darkblue;
+ padding: 14px 28px;
+ font-size: 16px;
+ cursor: pointer;
+ display: inline-block;
+ width: 100%;
+ }
+
+
\ No newline at end of file
diff --git a/Upcoming Trips.html b/Upcoming Trips.html
new file mode 100644
index 0000000000000000000000000000000000000000..f200ec148369b84c2fbed6669dc5fd32dffead42
--- /dev/null
+++ b/Upcoming Trips.html
@@ -0,0 +1,32 @@
+<!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>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>
+
+
+
+
+</body>
+</html>
\ No newline at end of file