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