From 9c5cb2ed47d63826c4ff5014f0f333744cd3ed3a Mon Sep 17 00:00:00 2001
From: r2-witter <randa2.witter@live.uwe.ac.uk>
Date: Fri, 27 Mar 2020 17:55:17 +0000
Subject: [PATCH] uploading intial files

---
 About.html          |  2 +-
 Admin.html          | 31 ++++++++++++++++++++++++++
 Carbon Levels.html  | 34 ++++++++++++++++++++++++++++
 Homepage.html       |  5 ++---
 Login.html          | 22 ++++++++++++++++++
 Notes.html          | 31 ++++++++++++++++++++++++++
 Plan Trips.html     | 31 ++++++++++++++++++++++++++
 Profile.html        | 37 +++++++++++++++++++++++++++++++
 Register pt 2.html  | 14 ++++++++++++
 Register pt 3.html  | 45 +++++++++++++++++++++++++++++++++++++
 Register.html       | 40 +++++++++++++++++++++++++++++++++
 Reports.html        | 31 ++++++++++++++++++++++++++
 Style/main.css      | 54 +++++++++++++++++++++++++++++++++++++++++++++
 Upcoming Trips.html | 32 +++++++++++++++++++++++++++
 14 files changed, 405 insertions(+), 4 deletions(-)
 create mode 100644 Admin.html
 create mode 100644 Carbon Levels.html
 create mode 100644 Login.html
 create mode 100644 Notes.html
 create mode 100644 Plan Trips.html
 create mode 100644 Profile.html
 create mode 100644 Register pt 2.html
 create mode 100644 Register pt 3.html
 create mode 100644 Register.html
 create mode 100644 Reports.html
 create mode 100644 Style/main.css
 create mode 100644 Upcoming Trips.html

diff --git a/About.html b/About.html
index e9d883c..cb4a5c7 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 0000000..b7e53bc
--- /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 0000000..db23c07
--- /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 37775ad..6acb9cd 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 0000000..fbb10ee
--- /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 0000000..b7e53bc
--- /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 0000000..b7e53bc
--- /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 0000000..99daac6
--- /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 0000000..e491581
--- /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 0000000..e00e716
--- /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 0000000..492c9da
--- /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 0000000..b7e53bc
--- /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 0000000..9f02762
--- /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 0000000..f200ec1
--- /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
-- 
GitLab