From cde24b8b48d9fd742f76a81b1330ebd88dfd5fec Mon Sep 17 00:00:00 2001
From: r2-witter <randa2.witter@live.uwe.ac.uk>
Date: Mon, 11 May 2020 21:31:59 +0100
Subject: [PATCH] submission 11/05/2020
---
Admin.html => Administration.html | 18 +-
Authorisation.html | 17 +-
Carbon Levels.html | 29 ++-
Company info.html | 64 ++++++
Contact.html | 30 ++-
Homepage.html | 23 ++-
Login.html | 18 +-
Manage Employees.html | 59 ------
Manage Trips.html | 33 ---
Manage Users.html | 62 +++++-
Notes.html | 22 +-
Payment.html | 67 +++---
Plan Trips.html | 102 ++++++++--
Profile.html | 10 +-
Register.html | 36 ++--
Reports.html | 51 ++++-
Style/main.css | 325 ++++++++++++++++++++++++------
Subscription.html | 10 +-
Upcoming Trips.html => Trips.html | 10 +-
Websiteimage.jpg | Bin 0 -> 8627 bytes
20 files changed, 662 insertions(+), 324 deletions(-)
rename Admin.html => Administration.html (55%)
create mode 100644 Company info.html
delete mode 100644 Manage Employees.html
delete mode 100644 Manage Trips.html
rename Upcoming Trips.html => Trips.html (82%)
create mode 100644 Websiteimage.jpg
diff --git a/Admin.html b/Administration.html
similarity index 55%
rename from Admin.html
rename to Administration.html
index 34134ef..4dece99 100644
--- a/Admin.html
+++ b/Administration.html
@@ -14,23 +14,23 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='CarbonLevels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='PlanTrips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<h2>Administration</h2> <!--Title of the Page-->
<!--These are the buttons that leads to other pages managed by the administrator-->
- <button class="admin" onclick="document.location='Authorisation.html'">Authorisation</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>
- <button class="admin" onclick="document.location='Contact.html'">Contact Us</button>
+ <a class="admin1" onclick="document.location='Authorisation.html'">Authorisation</a>
+ <a class="admin2" onclick="document.location='Manage Users.html'">Manage Users</a>
+ <a class="admin3" onclick="document.location='Company info.html'">Company Information</a>
+ <a class="admin4" onclick="document.location='Contact.html'">Contact Us</a>
</body>
diff --git a/Authorisation.html b/Authorisation.html
index 95bcec7..3620125 100644
--- a/Authorisation.html
+++ b/Authorisation.html
@@ -14,15 +14,14 @@
<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 class="sidenav"> <!--The side navigation is set up and the locations are set-->
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
+ <a onclick="document.location='Reports.html'" href="#reports">Reports</a>
+ <a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<h2>Authorisation</h2> <!--Page Title-->
diff --git a/Carbon Levels.html b/Carbon Levels.html
index 7b9cffe..4027c29 100644
--- a/Carbon Levels.html
+++ b/Carbon Levels.html
@@ -15,19 +15,32 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
- <h2>Carbon Footprint</h2> <!--Page heading-->
+ <script> //This script is used to display the data that the user has inputted
+ function testVariable() {
+ var result= document.getElementById("carbon").value;
+ document.getElementById('carbondata').textContent = result;
+ }
+ </script>
+
+ <h2 class="carbonhead">Carbon Footprint</h2> <!--Page heading-->
- <!--Method of calculation for carbon levels is imported-->
- <iframe width="710" height="1300" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" src="https://calculator.carbonfootprint.com/calculator.aspx"></iframe>
+ <span class="dot" id="carbondata"> <!--The data entered by the user is displayed in the circle -->
+ 56
+ </span>
+ <form action="/action_page.php" class="carbonform"> <!--The form for the user to enter the data and submit-->
+ <label for="carbon">Update Carbon Emissions:</label><br>
+ <input type="text" id="carbon" name="carbon" required><br><br>
+ <button onclick="testVariable()">Submit</button>
+ </form>
diff --git a/Company info.html b/Company info.html
new file mode 100644
index 0000000..da0c53f
--- /dev/null
+++ b/Company info.html
@@ -0,0 +1,64 @@
+<!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> <!--The image is inserted onto the page before the name of the site-->
+ <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
+ </header>
+
+ <div class="sidenav"> <!--The side navigation is set up and the locations are set-->
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
+ <a onclick="document.location='Reports.html'" href="#reports">Reports</a>
+ <a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
+ </div>
+
+
+ <h1>Company Information</h1>
+
+ <table class="companytable"> <!--Table is set up to display the companies employee's data-->
+ <tr>
+ <th>Company Name</th>
+ <td></td>
+ </tr>
+
+ <tr>
+ <th>Company Address</th>
+ <td></td>
+ </tr>
+
+ <tr>
+ <th>Postcode</th>
+ <td></td>
+ </tr>
+
+ <tr>
+ <th>Country/Region</th>
+ <td></td>
+ </tr>
+
+ <tr>
+ <th>Email Address</th>
+ <td></td>
+ </tr>
+
+ <tr>
+ <th>Contact Number</th>
+ <td></td>
+ </tr>
+
+ </table>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/Contact.html b/Contact.html
index 43644b4..8f37ca3 100644
--- a/Contact.html
+++ b/Contact.html
@@ -15,13 +15,13 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<form action="/action_page.php"> <!--For is set up to collect user information when they are making an inquiry-->
@@ -34,26 +34,24 @@
<div class="contact">
<label for="name">Name:</label><br>
- <input type="text" id="name" name="name"><br><br>
+ <input type="text" id="name" name="name" required><br><br>
<label for="email">Email:</label><br>
- <input type="email" id="email" name="email"><br><br>
+ <input type="email" id="email" name="email" required><br><br>
<label for="number">Contact Number:</label><br>
<input type="tel" id="number" name="number"><br><br>
- <label for="company">Organisations:</label><br>
- <input type="text" id="company" name="company"><br><br>
+ <label for="company">Organisation:</label><br>
+ <input type="text" id="company" name="company" required><br><br>
<label for="role">Role with in the organisation:</label><br>
- <input type="text" id="role" name="role"><br><br>
+ <input type="text" id="role" name="role" required><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>
+ <input type="text" id="location" name="location" required><br><br>
<label for="subject">Subject:</label><br>
- <input type="text" id="subject" name="subject"><br><br>
+ <input type="text" id="subject" name="subject" required><br><br>
<label for="details">Details:</label><br>
- <input type="text" id="details" name="details"><br><br>
+ <input type="text" id="details" name="details" required><br><br>
<!--Once the user has completed the form they are able to submit the data-->
- <button class="next" onclick="document.location='Subscription.html'">Next</button>
+ <input class="login" type="submit" value="Submit">
</div>
diff --git a/Homepage.html b/Homepage.html
index d1a4344..7981c02 100644
--- a/Homepage.html
+++ b/Homepage.html
@@ -10,15 +10,20 @@
<body>
- <header>
+ <header> <!--The image is inserted onto the page before the name of the site-->
<h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
</header>
+ <!--Buttons are created for the login or register pages-->
<button class="btn" onclick="document.location='Login.html'">Login</button>
<button class="btn1" onclick="document.location='Register.html'">Register</button>
- <section class="about">
- <p1>
+ <section class="img">
+ <!--Imports an image onto the webpage-->
+ <img class="homeimg" src="Websiteimage.jpg" alt="homeImg" height="800" width="800">
+ </section>
+
+ <section class="about"> <!--This section display information about this software-->
Travel Elect is a software designed to help companies lower their carbon
footprint and save money. You are able to plan business trips efficiently
and save your company money by only taking trips that are necessary.
@@ -26,20 +31,24 @@
Some of the reasons for these business trips can be done using technology
developed to help companies for these reasons such as conducting a conferencing over
video conferencing rather than traveling abroad.
- </p1>
</section>
- <section class="about1">
- <p2>
+ <section class="about1"> <!--This section display information about this software-->
Travel Elect can help these companies decide which trips are necessary
and which ones are not and help the company to keep
track of their carbon footprint and remain on budget.
Help your company go carbon neutral and save our planet. Our software helps
your company go carbon nuetral by stopping unnecessary travels. And displays your
companies carbon footprint overall.
- </p2>
</section>
+ <!--This button will take the user to the register page-->
<button class="btn2" onclick="document.location='Register.html'">Start Planning</button>
+
+ <!--The links at the bottom of the homepage-->
+ <a class="feedback" onclick="document.location='Contact.html'">Contact Us</a>
+ <a class="contactus" onclick="document.location='Contact.html'">Contact Us</a>
+ <p class="privacyterms">Privacy Terms</p>
+ <p class="terms">Terms and Conditions</p>
</body>
</html>
\ No newline at end of file
diff --git a/Login.html b/Login.html
index 53f0130..20b091a 100644
--- a/Login.html
+++ b/Login.html
@@ -9,27 +9,31 @@
</head>
<body>
- <header>
+ <header> <!--The image is inserted onto the page before the name of the site-->
<h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
</header>
- <form action="/action_page.php">
+
+ <form action="/action_page.php"> <!--The form is set up to allow the user to login-->
<div class=user>
- <h2><label for="uname">Username</label><br></h2>
+ <h2><label>Username</label><br></h2>
<input type="text" placeholder="Enter Username" name="uname" required>
</div>
<div class=psw>
- <h2><label for="password">Password</label><br></h2>
+ <h2><label>Password</label><br></h2>
<input type="text" placeholder="Enter Password" name="psw" required>
</div>
- <button class="login" type="submit">Login</button>
+ <!--Once the user has entered their information they can submit it-->
+ <input class="login" type="submit" value="Login">
+
+ <!--The user can decide whether they want the site to remember their login for them-->
<label>
<input type="checkbox" checked="checked" name="remember"> Remember me
</label>
- <div class="container">
- <button type="button" class="cancelbtn">Cancel</button>
+ <div class="cancel"> <!--The user can cancel the login or reset their password-->
+ <button type="button" class="cancelbtn" onclick="document.location='Homepage.html'">Cancel</button>
<span class="psw">Forgot <a href="#">password?</a></span>
</div>
</form>
diff --git a/Manage Employees.html b/Manage Employees.html
deleted file mode 100644
index a660c1a..0000000
--- a/Manage Employees.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!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> <!--The image is inserted onto the page before the name of the site-->
- <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
- </header>
-
- <div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
- <a onclick="document.location='Reports.html'" href="#reports">Reports</a>
- <a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
- </div>
-
- <form action="/action_page.php">
-
- <fieldset>
-
- <legend>Plan Trip</legend> <!--The title of the page-->
-
- <div class="plan">
- <!--The form is set up for the user to insert the required data-->
- <label for="id">Employee ID:</label><br>
- <input type="text" id="id" name="id"><br><br>
- <label for="fname">First Name:</label><br>
- <input type="text" id="fname" name="fname"><br><br>
- <label for="lname">Last Name:</label><br>
- <input type="text" id="lname" name="lname"><br><br>
- <label for="department">Department:</label><br>
- <input type="text" id="department" name="department"><br><br>
- <label for="average">Average Spent:</label><br>
- <input type="number" id="average" name="average"><br><br>
- <label for="contact">Contact Number:</label><br>
- <input type="tel" id="contact" name="contact"><br><br>
- <label for="email">Email:</label><br>
- <input type="email" id="email" name="email"><br><br>
-
- <!--Once the form is completed the user can submit the data-->
- <input class="submit" type="submit" value="Submit">
- </div>
-
- </fieldset>
-
-
-
-</body>
-</html>
\ No newline at end of file
diff --git a/Manage Trips.html b/Manage Trips.html
deleted file mode 100644
index 6d2c7be..0000000
--- a/Manage Trips.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!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> <!--The image is inserted onto the page before the name of the site-->
- <h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
- </header>
-
- <div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
- <a onclick="document.location='Reports.html'" href="#reports">Reports</a>
- <a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
- </div>
-
- <h2>Manage Employees</h2>
-
-
-
-
-</body>
-</html>
\ No newline at end of file
diff --git a/Manage Users.html b/Manage Users.html
index 11affd8..4135326 100644
--- a/Manage Users.html
+++ b/Manage Users.html
@@ -15,19 +15,69 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<h2>Manage Users</h2>
-
+ <table class="table"> <!--Table is set up to display the companies employee's data-->
+ <tr>
+ <th>First Name</th>
+ <th>Last Name</th>
+ <th>Username</th>
+ <th>Password</th>
+
+ </tr>
+ <tr>
+ <td></td>
+ <td></td>
+ <td></td>
+ <td></td>
+ </tr>
+
+ </table>
+
+ <!--The button to open up the form document-->
+ <button class="open-button" onclick="openForm()">Open Form</button>
+
+ <div class="form-popup" id="addUser">
+ <!--The form to collect new user information-->
+ <form action="/action_page.php" class="form-container">
+ <h1>Add User</h1>
+
+ <label><b>First Name</b></label>
+ <input type="text" name="fname" required>
+
+ <label><b>Last Name</b></label>
+ <input type="text" name="lname" required>
+
+ <label><b>Username</b></label>
+ <input type="text" name="username" required>
+
+ <label><b>Password</b></label>
+ <input type="password" name="psw" required>
+
+ <!--Once the user has completed the form the data can be submitted-->
+ <button type="submit" class="btn">Add</button>
+ <button type="button" class="btn cancel" onclick="closeForm()">Close</button>
+ </form>
+ </div>
+
+ <script> //Allows the form to be opened and close on request
+ function openForm() {
+ document.getElementById("addUser").style.display = "block";
+ }
+ function closeForm() {
+ document.getElementById("addUser").style.display = "none";
+ }
+ </script>
</body>
</html>
\ No newline at end of file
diff --git a/Notes.html b/Notes.html
index 74887b8..bcdf7f3 100644
--- a/Notes.html
+++ b/Notes.html
@@ -15,31 +15,31 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<form action="/action_page.php"> <!--A form is set up to collect users notes-->
<fieldset>
- <legend>Notes</legend>
+ <legend>Notes</legend> <!--Title of the form-->
<div class="plan">
<label for="task">Tasks:</label><br>
- <input type="text" id="task" name="task"><br><br>
+ <input type="text" id="task" name="task" required><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>
+ <input type="text" id="location" name="location" required><br><br>
+ <label for="date">Date:</label><br>
+ <input type="date" class="date" id="date" name="date" required><br><br>
<label for="note">Notes:</label><br>
- <input class="note" type="text" id="note" name="note"><br><br>
+ <input class="note" type="text" id="note" name="note" required><br><br>
<!--Once the user has completed the for then they are able to submit it-->
<button type="submit">Add Note</button>
diff --git a/Payment.html b/Payment.html
index 3d4055b..86a05ab 100644
--- a/Payment.html
+++ b/Payment.html
@@ -8,57 +8,63 @@
<title>Travel Elect</title>
</head>
-<body>
<body>
- <header>
+ <header> <!--The image is inserted onto the page before the name of the site-->
<h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
</header>
- <form action="/action_page.php">
+ <form action="/action_page.php"> <!--This form is to collect the company payment details-->
<fieldset>
- <legend>Payment Details</legend>
+ <legend>Payment Details</legend> <!--The title of the page-->
<div class="payment">
- <label for="c/r">Country/Region:</label><br>
- <select>
+ <label>Card Type:</label><br>
+ <select required>
+ <option value="" selected>Select Option</option>
<option value=“opt1”>Visa Debit/Visa/Visa Electron</option>
- <option value=“opt2” selected>Mastercard</option>
- <option value=“opt3” selected>Discover</option>
- <option value=“opt4” selected>Maestro</option>
- <option value=“opt5” selected>American Express</option>
- <option value="opt6" selected>Select Option</option>
+ <option value=“opt2”>Mastercard</option>
+ <option value=“opt3”>Discover</option>
+ <option value=“opt4”>Maestro</option>
+ <option value=“opt5”>American Express</option>
</select><br><br>
- <label for="type">Card Type:</label><br>
- <select>
+
+ <label>Country/Region:</label><br>
+ <select required>
+ <option value="" selected>Select Option</option>
<option value=“opt1”>Canada</option>
- <option value=“opt2” selected>Cayman Islands</option>
- <option value=“opt3” selected>Russia</option>
- <option value=“opt4” selected>United Kingdom</option>
- <option value=“opt5” selected>United States</option>
- <option value="opt6" selected>Select Option</option>
+ <option value=“opt2”>Cayman Islands</option>
+ <option value=“opt3”>Russia</option>
+ <option value=“opt4”>United Kingdom</option>
+ <option value=“opt5”>United States</option>
</select><br><br>
+
<label for="name">Cardholder Name:</label><br>
- <input type="text" id="name" name="name"><br><br>
+ <input type="text" id="name" name="name" required><br><br>
+
<label for="cnumber">Card Number:</label><br>
- <input type="text" id="cnumber" name="cnumber"><br><br>
+ <input type="number" id="cnumber" name="cnumber" required><br><br>
+
<label for="exdate">Expiry Date:</label><br>
- <input type="text" id="exdate" name="exdate"><br><br>
+ <input type="date" id="exdate" name="exdate" required><br><br>
+
<label for="code">Security Code:</label><br>
- <input type="text" id="code" name="cody"><br><br>
- <legend>Billing Address</legend>
+ <input type="number" id="code" name="cody" required><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>
+ <input type="text" id="address" name="address" required><br><br>
+
+ <label>Town/City:</label><br>
+ <input type="text" id="t/c" name="t/c" required><br><br>
+
<label for="pcode">Postcode:</label><br>
- <input type="text" id="pcode" name="pcode"><br><br>
+ <input type="text" id="pcode" name="pcode" required><br><br>
- <input class="submit" type="submit" value="Submit">
+ <!--Once the user has completed the form the user can submit it-->
+ <input class="login" type="submit" value="Submit">
</div>
@@ -67,5 +73,4 @@
</form>
</body>
-</body>
</html>
\ No newline at end of file
diff --git a/Plan Trips.html b/Plan Trips.html
index 58653f8..940ee07 100644
--- a/Plan Trips.html
+++ b/Plan Trips.html
@@ -14,50 +14,97 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
- <form action="/action_page.php">
+ <form action="/action_page.php"> <!--The form is set to collect business trip planning information-->
<fieldset>
- <legend>Plan Trip</legend>
+ <legend>Plan Trip</legend> <!--Title of the form-->
<div class="plan">
<label for="id">Employee ID:</label><br>
- <input type="text" id="id" name="id"><br><br>
+ <input type="text" id="id" name="id" required><br><br>
+
<label for="fname">First Name:</label><br>
- <input type="text" id="fname" name="fname"><br><br>
+ <input type="text" id="fname" name="fname" required><br><br>
+
<label for="lname">Last Name:</label><br>
- <input type="text" id="lname" name="lname"><br><br>
+ <input type="text" id="lname" name="lname" required><br><br>
+
+ <label>Purpose:</label><br>
+ <select required>
+ <option value="" selected>Select Option</option>
+ <option value=“opt1”>Networking</option>
+ <option value=“opt2”>Closing Deal</option>
+ <option value=“opt3”>Visiting customer/supplier</option>
+ <option value=“opt4”>Meetings at company branch</option>
+ <option value=“opt5”>Check at other branches</option>
+ <option value=“opt6”>Market product</option>
+ <option value=“opt7”>Visit product site</option>
+ <option value=“opt8”>Project work for customer</option>
+ <option value=“opt9”>Building new partnerships</option>
+ <option value=“opt10”>Identify trends/new trends</option>
+ </select><br><br>
+
+ <label>Country:</label><br>
+ <select required>
+ <option value="" selected>Select Option</option>
+ <option value=“opt1”>Canada</option>
+ <option value=“opt2”>Cayman Islands</option>
+ <option value=“opt3”>Russia</option>
+ <option value=“opt4”>United Kingdom</option>
+ <option value=“opt5”>United States</option>
+ </select><br><br>
+
+ <label>Method of Travel:</label><br>
+ <select required>
+ <option value="" selected>Select Option</option>
+ <option value=“opt1” onclick="myFunction()">Plane</option>
+ <option value=“opt2” onclick="optFunction()">Train</option>
+ <option value=“opt3” onclick="optFunction()">Bus</option>
+ <option value=“opt4” onclick="optFunction()">Petrol Car</option>
+ <option value=“opt5”>Electric Car</option>
+ <option value=“opt6” onclick="optFunction()">Coach</option>
+ </select><br><br>
+
<label for="fnumber">Flight Number:</label><br>
- <input type="text" id="fnumber" name="fnumber"><br><br>
+ <input type="text" id="fnumber" name="fnumber" required><br><br>
+
<label for="airline">Airline:</label><br>
- <input type="text" id="airline" name="airline"><br><br>
+ <input type="text" id="airline" name="airline" required><br><br>
+
<label for="leave">Leaving Date:</label><br>
- <input type="text" id="leave" name="leave"><br><br>
+ <input type="date" class="date" id="leave" name="leave" required><br><br>
+
<label for="depart">Departure Time:</label><br>
- <input type="text" id="depart" name="depart"><br><br>
+ <input type="time" class="time" id="depart" name="depart" required><br><br>
+
<label for="arrive">Arrival Time:</label><br>
- <input type="text" id="arrive" name="arrive"><br><br>
+ <input type="time" class="time" id="arrive" name="arrive" required><br><br>
+
<label for="return">Returning Date:</label><br>
- <input type="text" id="return" name="return"><br><br>
+ <input type="date" class="date" id="return" name="return" required><br><br>
+
<label for="depart">Departure Time:</label><br>
- <input type="text" id="depart" name="depart"><br><br>
+ <input type="time" class="time" name="depart" required><br><br>
+
<label for="arrive">Arrival Time:</label><br>
- <input type="text" id="arrive" name="arrive"><br><br>
+ <input type="time" class="time" name="arrive" required><br><br>
+
<label for="carbon">Total Carbon Emission:</label><br>
- <input type="text" id="carbon" name="carbon"><br><br>
+ <input type="text" id="carbon" name="carbon" required><br><br>
-
- <button onclick="document.location='Upcoming Trips.html'">Submit</button>
+ <!--Once the user has completed the form the user can submit it and move on to the trips page-->
+ <input class="login" onclick="document.location='Trips.html'" type="submit" value="Submit">
</div>
@@ -65,6 +112,19 @@
</form>
+ <script> //If the user selects a certain option this message is displayed
+ function myFunction() {
+ alert("Would a different method of travel be possible or try video or web conference? If not, take a direct route and try flying commercial.");
+ }
+ </script>
+
+ <script> //If the user selects a certain option this message is displayed
+ function optFunction() {
+ alert("Would web or video conferencing be possible?");
+ }
+ </script>
+ <!--Method of calculation for carbon levels is imported-->
+ <iframe width="500" height="1300" frameborder="0" scrolling="no" src="https://calculator.carbonfootprint.com/calculator.aspx"></iframe>
</body>
</html>
\ No newline at end of file
diff --git a/Profile.html b/Profile.html
index 64e5f44..154e8d5 100644
--- a/Profile.html
+++ b/Profile.html
@@ -15,13 +15,13 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<h2 class="subhead">Employee Profiles</h2> <!--Page Heading-->
diff --git a/Register.html b/Register.html
index ab62558..51bfd26 100644
--- a/Register.html
+++ b/Register.html
@@ -9,45 +9,47 @@
</head>
<body>
- <header>
+ <header> <!--The image is inserted onto the page before the name of the site-->
<h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
</header>
- <form action="/action_page.php">
+ <form action="/action_page.php"> <!--Form set up to register the company to the software -->
<fieldset>
- <legend>Register</legend>
+ <legend>Register</legend> <!--The title of the form-->
- <div class="register">
+ <div>
<label for="cname">Company Name:</label><br>
- <input type="text" id="cname" name="cname"><br><br>
+ <input type="text" id="cname" name="cname" required><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>
+ <input type="text" id="address" name="address" required><br><br>
<label for="pcode">Postcode:</label><br>
- <input type="text" id="pcode" name="pcode"><br><br>
+ <input type="text" id="pcode" name="pcode" required><br><br>
<label for="region">Country/Region:</label><br>
- <input type="text" id="region" name="region"><br><br>
+ <input type="text" id="region" name="region" required><br><br>
<label for="email">Email Address:</label><br>
- <input type="text" id="email" name="email"><br><br>
+ <input type="email" id="email" name="email" required><br><br>
<label for="contact">Contact Number:</label><br>
- <input type="text" id="contact" name="contact"><br><br>
- <label>
- <input class="regcheck" type="checkbox" name="t/c"> Agree with Terms & Conditions
+ <input type="text" id="contact" name="contact" required><br><br>
+
+ <!--The user agrees to the conditions of the site-->
+ <label class="regcheck">
+ <input type="checkbox" name="t/c"> Agree with Terms & Conditions
</label>
- <label>
- <input class="regcheck" type="checkbox" name="privacy"> Agree with Privacy Terms
+ <label class="regcheck">
+ <input type="checkbox" name="privacy"> Agree with Privacy Terms
</label>
- <button onclick="document.location='Subscription.html'">Next</button>
+ <!--Once the user has completed the form they can submit and move on to the next stage of the registering-->
+ <button type="submit" onclick="document.location='Subscription.html'">Next</button>
</div>
</fieldset>
</form>
+
</body>
</html>
\ No newline at end of file
diff --git a/Reports.html b/Reports.html
index 2f896f5..b8803b7 100644
--- a/Reports.html
+++ b/Reports.html
@@ -9,22 +9,53 @@
</head>
<body>
- <header>
+ <header> <!--The side navigation is set up and the locations are set-->
<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 class="sidenav"> <!--The side navigation is set up and the locations are set-->
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
+ <a onclick="document.location='Reports.html'" href="#reports">Reports</a>
+ <a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
-
+ <h1>Reports</h1>
+
+ <!--The button to reveal the information-->
+ <button type="button" class="report">Trip ID - Carbon Level</button>
+ <!--The content of the drop down-->
+ <div class="content">
+ <p>Employee ID</p>
+ <p>First Name Last Name</p>
+ <p>Department</p>
+ <p>Purpose - Duration - Country</p>
+ <p>Departure Date - Return Date</p>
+ <p>Success</p>
+ <p>Total Spent - Carbon Emission</p>
+ <p>Tasks - Notes</p>
+ </div>
+
+<script> //The script that allows the drop down to work on command
+var report = document.getElementsByClassName("report");
+var i;
+
+for (i = 0; i < report.length; i++) {
+ report[i].addEventListener("click", function() {
+ this.classList.toggle("active");
+ var content = this.nextElementSibling;
+ if (content.style.display === "block") {
+ content.style.display = "none";
+ } else {
+ content.style.display = "block";
+ }
+ });
+}
+</script>
</body>
diff --git a/Style/main.css b/Style/main.css
index 7e16020..0e3036f 100644
--- a/Style/main.css
+++ b/Style/main.css
@@ -48,40 +48,41 @@
}
- /*Homepage*/
+/*Homepage*/
- .btn {
+ .btn { /*This block of code styles and positions the login button*/
border: none;
background-color: inherit;
padding: 14px 28px;
- font-size: 20px;
+ font-size: 25px;
cursor: pointer;
display: inline-block;
width: 50%;
+ height: 50%;
grid-column: 1/3;
- grid-row: 3;
+ grid-row: 2;
color: darkblue;
}
- .btn:hover {
+ .btn:hover { /*This code styles the hover colour for the login button*/
background: #eee;
}
- .btn1 {
+ .btn1 { /*This block of code styles and postions the register button*/
border: none;
background-color: white;
padding: 14px 28px;
- font-size: 20px;
+ font-size: 25px;
cursor: pointer;
display: inline-block;
width: 50%;
grid-column: 1/3;
- grid-row: 4;
+ grid-row: 3;
color: darkblue;
}
- .btn1:hover {
+ .btn1:hover { /*This code styles the hover colour for the register button*/
background: #eee;
}
- .about {
+ .about { /*The first paragraph is styled and positioned*/
grid-column: 1/6;
grid-row: 5;
font-size: 20px;
@@ -91,15 +92,15 @@
padding-top: 100px;
padding-bottom: 100px;
}
- .about1 {
- grid-column: 1/6;
- grid-row: 6;
- font-size: 20px;
- text-align: center;
- padding-top: 100px;
- padding-bottom: 100px;
- }
- .btn2 {
+ .about1 { /*The second paragraph is styled and position*/
+ grid-column: 1/6;
+ grid-row: 6;
+ font-size: 20px;
+ text-align: center;
+ padding-top: 100px;
+ padding-bottom: 100px;
+ }
+ .btn2 { /*The button is styled and position*/
border: none;
background-color: white;
padding: 14px 28px;
@@ -108,16 +109,41 @@
cursor: pointer;
display: inline-block;
width: 100%;
- grid-column: 2/4;
+ grid-column: 2/5;
grid-row: 7;
color:darkblue;
+ }
+ .btn2:hover { /*Sets the hover colour for the button*/
+ background: white;
}
- .btn2:hover {
- background: white;
- }
-
+ .feedback { /*Align the text at the bottom of the page*/
+ grid-column: 1;
+ grid-row: 8;
+ text-align: center;
+ }
+ .contactus { /*Align the text at the bottom of the page*/
+ grid-row: 8;
+ grid-column: 2/3;
+ text-align: right;
+ }
+ .privacyterms { /*Align the text at the bottom of the page*/
+ grid-row: 8;
+ grid-column: 3/5;
+ text-align: center;
+ }
+ .terms { /*Align the text at the bottom of the page*/
+ grid-row: 8;
+ grid-column: 5;
+ text-align: left;
+ }
+ .img { /*resizes and positions the image*/
+ grid-column: 3/6;
+ height: 100%;
+ width: 100%;
+ }
+
/*Login*/
- .login {
+ .login { /*Style the login button*/
background-color: darkblue;
color: white;
padding: 14px 20px;
@@ -126,17 +152,15 @@
cursor: pointer;
width: 100%;
}
-
- button:hover {
+ button:hover { /*The hover colour for the login button*/
background-color: #4CAF50;
}
-
- .cancelbtn {
+ .cancelbtn { /*Style for the cancel button*/
width: auto;
padding: 10px 18px;
background-color: #f44336;
}
- input[type=text], input[type=password] {
+ input[type=text], input[type=password] { /*The styling for the input area*/
width: 100%;
padding: 12px 20px;
margin: 8px 0;
@@ -144,21 +168,17 @@
border: 1px solid #ccc;
box-sizing: content-box;
}
- span.psw {
+ span.psw { /*The styling for the forgot password link*/
float: right;
padding-top: 16px;
}
- .container {
+ .cancel { /*Styling for cancel button and password link*/
padding: 16px;
}
-/*Register, Payment, Notes & Plan Trips*/
+/*Register, Payment, Notes, Contact & Plan Trips forms*/
- .register {
- grid-template-columns: 1/3;
- grid-template-rows: 2;
- }
- input[type=text], select {
+ input { /*Styling for the input part of the form*/
width: 100%;
padding: 12px 100px;
margin: 8px 0;
@@ -167,31 +187,45 @@
box-sizing: content-box;
font-size: 20px;
}
- label {
+ select { /*Style the select sections for the form*/
+ width: 50%;
+ padding: 12px 100px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: content-box;
+ font-size: 20px;
+ }
+ .date, .time { /*Style the date and time section of the forms*/
+ width: 30%;
+ padding: 12px 100px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ box-sizing: content-box;
+ font-size: 20px;
+ }
+ label { /*Style the labels of the form*/
float: left;
width: 100%;
text-align: left;
padding: 5px 1px 1px 1px;
font-size: 20px;
+ user-select: none;
}
- fieldset {
- max-width: 40px;
+ fieldset { /*Style the border around the forms*/
+ max-width: 100%;
padding: 20px;
margin: 2px auto;
border: 0 none;
}
- legend {
+ legend { /*Style the title of the form*/
font-size: 30px;
width: 100%;
border-bottom: 5px dotted darkblue;
color: darkblue;
}
- label {
- box-sizing: border-box;
- user-select: none;
- cursor: pointer;
- }
- button {
+ button { /*Style the buttons for the forms*/
background-color: darkblue;
color: white;
padding: 14px 20px;
@@ -200,7 +234,7 @@
cursor: pointer;
width: 100%;
}
- .note {
+ .note { /*Style the boxing size for the notes*/
width: 100%;
height: 150px;
padding: 12px 20px;
@@ -208,51 +242,95 @@
border: 2px solid #ccc;
resize: none;
}
+ .regcheck { /*Styling for the conditions checkbox*/
+ width: 100%;
+ grid-column: 1/6;
+ float: left;
+ display: block;
+ }
+
+/*Plan Trips*/
+
+ iframe { /*Position the carbon calculator*/
+ grid-column: 4/6;
+ grid-row: 2;
+ }
/*Subscription*/
- .week {
+ .week { /*Styling for the weekly plan section*/
border: 3px solid #0ed145;
- grid-column: 1/2;
+ grid-column: 2/3;
grid-row: 3;
font-size: 20px;
text-align: center;
background-color: white;
}
- .month {
+ .month { /*Styling for the monthly plan section*/
border: 3px solid #0ed145;
- grid-column: 2/4;
+ grid-column: 3/4;
grid-row: 3;
font-size: 20px;
text-align: center;
background-color: white;
}
- .year {
+ .year { /*Styling for the yearly plan section*/
border: 3px solid #0ed145;
- grid-column: 4/6;
+ grid-column: 4/5;
grid-row: 3;
font-size: 20px;
text-align: center;
background-color: white;
}
- .bg {
+ .bg { /*Change the background colour of the page*/
background-color: darkblue;
}
- .title {
+ .title { /*Change the title colour*/
color: white;
}
- .buy {
+ .buy { /*Style the button for payment*/
font-size: 20px;
font-style: bold;
}
-/*Administartion*/
+/*Administration*/
- .admin {
+ .admin1 { /*Style and position the button on the page*/
+ grid-column: 2/5;
grid-row: 3;
+ color: black;
+ font-size: 20px;
+ cursor: pointer;
+ display: inline-block;
+ padding-bottom: 5px;
+ }
+ .admin2 { /*Style and position the button on the page*/
+ grid-column: 2/5;
+ grid-row: 4;
+ color: black;
+ font-size: 20px;
+ cursor: pointer;
+ display: inline-block;
+ padding-bottom: 5px;
+ }
+ .admin3 { /*Style and position the button on the page*/
+ grid-column: 2/5;
+ grid-row: 5;
+ color: black;
+ font-size: 20px;
+ cursor: pointer;
+ display: inline-block;
+ }
+ .admin4 { /*Style and position the button on the page*/
+ grid-column: 2/5;
+ grid-row: 6;
+ color: black;
+ font-size: 20px;
+ cursor: pointer;
+ display: inline-block;
}
-/*Upcoming Trips*/
+/*Trips*/
.split { /*This code splits the page*/
height: 100%;
@@ -265,12 +343,12 @@
.left { /*This code styles the left side*/
left: 20%;
- background-color: cyan;
+ border: 3px solid darkblue;
}
.right { /*This code styles the right side*/
right: 0;
- background-color: green;
+ border: 3px solid darkblue;
}
.centre { /*This code centres the text on both sides*/
@@ -279,7 +357,9 @@
text-align: center;
}
-/*Profile*/
+/*Profile, Authorisation & Manage Users*/
+
+
.table { /*This code styles the table*/
width:100%;
grid-row: 3;
@@ -294,4 +374,119 @@
text-align: left;
border: 1px solid black;
}
-
\ No newline at end of file
+
+/*Company*/
+
+ .companytable { /*Style for the company information table*/
+ width:100%;
+ grid-row: 3;
+ grid-column: 2/6;
+ font-size: 20px;
+ float: left;
+ border: 1px solid black;
+ border-collapse: collapse;
+ }
+
+/*Carbon Levels*/
+
+ .carbonhead{ /*Positioning of the page title*/
+ width: 100%;
+ font-size: 35px;
+ grid-column: 2/6;
+ grid-row: 2;
+ margin-left: 10px;
+ }
+ .dot { /*Styling the circle on the page*/
+ height: 500px;
+ width: 500px;
+ background-color: darkblue;
+ border-radius: 50%;
+ display: inline-block;
+ grid-row: 3;
+ grid-column: 3/4;
+
+ }
+ .dot { /*Position of the where the data would be and the colour of the text*/
+ color: white;
+ font-size: 50px;
+ text-align: center;
+ }
+ .carbonform { /*Positioning of the form*/
+ grid-row: 4;
+ grid-column: 3/4;
+ }
+
+/*Manage Users*/
+
+/*Style the button that opens the form*/
+.open-button {
+ background-color: darkblue;
+ color: white;
+ padding: 16px 20px;
+ border: none;
+ cursor: pointer;
+ grid-row: 2;
+ grid-column: 5/6;
+ bottom: 23px;
+ right: 28px;
+ width: 280px;
+}
+/*Styling for the form that pop up when the button is pressed*/
+.form-popup {
+ display: none;
+ position: absolute;
+ border: 3px solid #f1f1f1;
+ z-index: 9;
+}
+/*Add style to the form when it opens*/
+.form-container {
+ width: 50%;
+ background-color: #0ed145;
+}
+/*Style the input fields*/
+.form-container input[type=text], .form-container input[type=password] {
+ width: 50%;
+ padding: 15px;
+ margin: 5px 0 22px 0;
+ border: none;
+}
+/*The style for the submit button in the form container*/
+.form-container .btn {
+ background-color: darkblue;
+ color: white;
+ padding: 16px 20px;
+ border: none;
+ cursor: pointer;
+ width: 100%;
+ margin-bottom:10px;
+}
+/*Style the cancel button in the form container*/
+.form-container .cancel {
+ background-color: red;
+}
+
+/*Reports*/
+
+.report { /*Styling the title bar button*/
+ background-color: darkblue;
+ color: white;
+ cursor: pointer;
+ height: 20%;
+ width: 100%;
+ border: none;
+ text-align: left;
+ outline: none;
+ font-size: 15px;
+ grid-row: 3;
+ grid-column: 2/6;
+}
+.active, .report:hover { /*Hover and active colour styled to green*/
+ background-color: #0ed145;
+}
+.content { /*The data is styled within the drop down*/
+ padding: 0 18px;
+ display: none;
+ overflow: hidden;
+ background-color: #f1f1f1;
+ grid-column: 2/6;
+}
diff --git a/Subscription.html b/Subscription.html
index 1306a7b..204bb79 100644
--- a/Subscription.html
+++ b/Subscription.html
@@ -10,13 +10,13 @@
<body class="bg">
- <header>
+ <header> <!--The image is inserted onto the page before the name of the site-->
<h1><img class= "logo" src="logo.png" alt="company logo"/>Travel Elect</h1>
</header>
- <h1 class="title">Subscription</h1>
+ <h1 class="title">Subscription</h1> <!--The title of the page-->
- <section class="week">
+ <section class="week"> <!--Weekly plan information-->
<h2>Weekly Plan</h2>
<h3>For occasional travels</h3>
<p>Track Carbon Emissions</p>
@@ -27,7 +27,7 @@
<p>£10</p>
</section>
- <section class="month">
+ <section class="month"> <!--Monthly plan information-->
<h2>Monthly Plan</h2>
<h3>For consistent travels </h3>
<p>Track Carbon Emissions</p>
@@ -38,7 +38,7 @@
<p>£35</p>
</section>
- <section class="year">
+ <section class="year"> <!--Yearly plan information-->
<h2>Yearly Plan</h2>
<h3>For frequent travels</h3>
<p>Track Carbon Emissions</p>
diff --git a/Upcoming Trips.html b/Trips.html
similarity index 82%
rename from Upcoming Trips.html
rename to Trips.html
index 3764886..f66a8a1 100644
--- a/Upcoming Trips.html
+++ b/Trips.html
@@ -15,13 +15,13 @@
</header>
<div class="sidenav"> <!--The side navigation is set up and the locations are set-->
- <a onclick="document.location='Carbon Levels.html'" href="#carbon Levels">Carbon Levels</a>
- <a onclick="document.location='Profile.html'" href="#employee information">Profile</a>
- <a onclick="document.location='Upcoming Trips.html'" href="#past and upcoming trips">Past and Upcoming Trips</a>
- <a onclick="document.location='Plan Trips.html'" href="#plan trips">Plan Trips</a>
+ <a onclick="document.location='Carbon Levels.html'" href="#carbonLevels">Carbon Levels</a>
+ <a onclick="document.location='Profile.html'" href="#employeeinformation">Profile</a>
+ <a onclick="document.location='Trips.html'" href="#trips">Trips</a>
+ <a onclick="document.location='Plan Trips.html'" href="#plantrips">Plan Trips</a>
<a onclick="document.location='Reports.html'" href="#reports">Reports</a>
<a onclick="document.location='Notes.html'" href="#Notes">Notes</a>
- <a onclick="document.location='Admin.html'" href="#admin">Admin</a>
+ <a onclick="document.location='Administration.html'" href="#admin">Administration</a>
</div>
<div class="split left"> <!--The left split of the page to display upcoming trips-->
diff --git a/Websiteimage.jpg b/Websiteimage.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..276e2e3ccc72507e8116a26ca1b85a48e01ddfe6
GIT binary patch
literal 8627
zcmex=<NpH&0WUXCHwH#V1_nk3Mh1rew;5U(IN8{Rg@r_ggoMS!L`B6#B_t%o#H7T<
zB_%{f#l%6hguI4=gp{hZxTvC`lB%Y*o}QkBys?F`uDOP;o;D*F7Z)EdpR|C0w63bW
zs;;g+80qSQDSd4)t*@)As|ON-U{eSMA^#s>5aeLk#mLXhsKme|$jB_n`2Prl3<Cor
zD<jCM3^2gV!pg?Z#K`gg2t$|v10ypdD+?<-3oi#dCj-bsOw58TtU`*0Y>t76!b*h`
z7qS~UHEuk3QA9cDgP4kOXi`zrq{&k*U4AHP;v5{(vS^b_O7oUOhd+v|s+lDhmu`Oa
z{|JK=BLg!ds;x}Sj4Z5d|Bo;j2r@7+GBLBVvoJA3oy5q*EGVRC$Rg|*_(4P|apJ;_
z7mW%JK4c9NZT$HE76T76BLkBlvmk>#!{LAy1;(ltg$qvKx-W=HCm-0&dryF!Wii{w
z*YdG1qh*zw&OT(_dPZHz_OYGv>%DC99#xkf%QM_&b&|Q&mw7qqOWW-0K?nUdTuie$
zbI4$6xT4i0t-!-hlP6h8^>US}94SmvWGwr3;d;^2L#?JqHa>8Odw8~@NP~fc<6h&c
z%lra+GtTnL#~opOB<`DA8@WE>uHS<VmnSvt?%g%_aD34>vnqGTM-|nA1se~4I$8D6
zXZPRJD{imuYd-Sf*XOv6yY}9*KKbkVztwt~k6T&I=hhy+e`k-<%zQh>l8b(uH$RMh
z{&4@!vTFfJWhpQCKA)fP?dj3fvm53b^rauD31GFZopY&i%9&@67d$@m>Dzkl%$aA8
z+dryQdYEVxy#4j8Pn|)xifz6Z+q0e&d3!&;-p)HuOwj2oXDjOqhuH1yat_~RPfM<p
zW0=Al*L7+3q_v_RH&cZh&i!Xtf317lW}8iR@?X47r=IF8J0A0LddK(QSLPfKv}m&V
zbiLx&@8E5b<^2)A-g_ODSYh(Udfz^-pp$$hN_`&`i$c~WZR`{}Eo&?#>lAV0g+<eH
z>C_Vw?tJfk8Rq7|BGWeI&dzz4j^CYHeq-gt3(NX8UYI5y81^!$&~nF>7s261ew&>;
zZ2DGhxD~N(W{_Fd)#ZW94=P^>DbC**nVx;xk*_RLFxcm3f#%XB76NblbZt()jSX0L
zQ!?0v`SGbeMnCjq?($z()mEq|Of25aHaGc}FyF)@*2aO(>sS1q?vq|*)a9g?^~K=2
z@9X6j580LnnLc!WA2(g#;mj}PpE!@$Y&KqdL#Ezz$?xgg(w=-ixbM2@zR!2&+>E?F
zp;pZI!FARnmX69RS3k~gzEj)#-s}E@EBloKH%;7m$2-dM)#Eq$RWf%BoA*BX7Pyo7
ze%zC-E4Orsy)QHWzMJ7gdcVomMFQzL)-#y>-kXFz-!F6~e!g?=^*h<t23vbYS2q;O
z?#s0ei92^nP~zOod6#VGi>xV5s+lx_L-P5K>#J{sD~N4gVpn|f@O%3>Z@pj7e{m~M
zI}r2WU=*+a_J@!53MN}0mNH#l`RfyBxx=%zLv}BIi5JOO@7uY)O2?hqKXB&WJ08#P
z|0&`uEdBXInxi@CX!x#$iyij|KPvucJ$;$+^F3)r+3wA5|3rVxnXW7z(<E_c#@%-|
znMW>^F_<ppj}>HFCpz)4+Pmz^fBc<xyPoOo`fAP}TgBT`a^~6Nx#q#0e*_=jT#=;k
zUe9Xsj*rVPJ+NC?ZgQm|t5*Gk@}b2$_wG{l*>vIkd8>EQpWoZG%~~QREO=RQ-RHN<
z?W$O2<QmETXW)AIR<rzAwpZ2OmcN;|0&ZL0(e^Dp{o}{SW!;66E&Z`3>w>1$+wSkN
zU3K2cJMc(BxB=%I(f<sK0=MP4+wz*evA#O*+(BP<<%Mz^XYG8$cgpC-ubod!cYJ*K
zYR3f=lP04T#j}dpT@P%V>3LIm=jEQzo73D=&dt11$9aEg_2d~jhn2mWeO6>-Wlqn!
z7x`pE!o>X=7N=KBA9gjke0E~X#hX{I2(Djgl|I?xqidvRkJ+T-Yh@e0F05Pg^ORNF
z*82xdSDkK{@p7G-z-?jA#f3pr7iJ#0d#~W`E#ZzewlSfm(jTN`Ue0?wFM6l$*?oQ)
zH#IZMy@M~FZVB12rRL6=OMwBNmSH=eXv{mlVdK^Z?GuF?Un-v2ESW!F(DGPemU+*X
zlgbMtzg~|yc0btQwdvh!N_`im^YzSWbD8$bM1}diUsB^%UA6^9rkPTC>#J_{9sTMl
z*4{bm@kM{X9f=uCmTr?89Iux}@=T4n`%(JMO`qHs9l23jHm^<AnJjCt5V8o@(#zVd
z8=77l6<1rj&?Br_Tk!6Y3pLL@*kelk_%cLR>aI&_DY!Ge>rI-{8$ZE08^7r3>Mfh~
z)o)MO>Td=H#?Rv~9r1TJUnUvVao^u|%jwN+ofmc}@mDfGdzvdRz92Th`M{UhiI)#5
z|1(<r`0cg$ttZZ1=X10B-E)~ul4s^bd6!?8Uox+?byUpS73F52%9}suqi{#2$cag%
zXY%iDn|5dIVFCTZ61~;(ar<OK5BPnEzN+b1;@%ftWy~OV-etGd9^P{b&u?(0{z>(J
z`}XwnbqwEjd@?v5BT~6qef8lD+ZWVF1V?2p%DwI!aYn_<>W62EALDx7)w5%{SMHAU
zevuaQz)0+IVF@2=zg;Qg!c6Of=^@`&ZM%2(tniKbyRvI%*v{*X7G1dX?z+qj`!3P2
z!xq|)>gMcoeJeP5Yfsqi&H1YBi?>{Nt6i%a+rD<f;b6yu26bmVd!KH&Ro>1&`J~$;
z(ZzjoD;Khxel^xRAjw@Ql%T6yc;({KnIBijIE79VYd`Uy;Wcw1@6`<5^=o&yKWV)#
zCERr??mmlZn116Y&zmbZw0#ll+sQgV`-Gv4o{IVEYp<S9dp2oD-P!XKe%dZtBb#`^
zGjL|X(W|GG_^PL0Q+k<^<GZ#>D`2j##ItIdprTmYbitRwd$_7K@65U?*m-ci?xtrm
z?9#soUvfL4Y|H)Y=sStb>Cr1ZPd7dCo|Kr%^V8-*XG-<S*1uuf%o5gxGMmquxO;1@
zfnKrOmI<1U>$YUdt<&uNUY^*L?2suk<*VUQHBH`(8In7fi0$BhbFHt<?8wE>em@V3
zSe%Y3vAB0Vg|A)Z67T%2CBYuAbr+oaZrV`dcfxA@)FVOr9r%ygO#8f9JbC%X$g~Mv
z`!trQ{8cwva`{u&Jn`x%lOvf^OCB%#bLzNek=aGN!n9MjWOP1on=b0pos`Lvw>)-1
zo7vu|tqreSV?Oa}%yTdDd+oBV{qDCOK?a>~b-jl>x@9vSU2E(-l2s9!f647t(4wgq
z@~y7SGd-*JY~q2c)erY7&yRboq0HEx{?<vrby|8<uAk`4GmDjao=IJfGCdv?>!ZNa
zw(|Ln+ucW;j%MagW4Npy!nxK+>Xql>D37JmF-k43IBv^nXm)S!JhyY+ou5-?u<Ts6
zSSuh{@A1B!-@dDq8oypM(bebJ<DJXSg-6J}Tw<Yfk%4vIxyy^6usqUR$}1<u@LH;;
z$$vL@O76sMnZMlmCSA5XkXCSRZR?H=hBJdjJ?}4b_qypde_GSyKfkVVTJC5&JwfHU
zuhA0=F3-p}6OVmAajfAdhh8b;87|(6?AyUBS9whiEZZJi)yq{e^-SN@&67Ot_-^o(
zmTlcuA@ywTe}<ARJCDm-30$0Er9Mq|_9U|hV&?m@!n|GDjAeXFvu@i|eDL^{uUB~A
zOE-G06WizDqc^XwDYblld)_Lpzqh4LCqCTl!_ts)ZM$H?i7vJ-<BkjOubZq|r}rv;
z-hLb3k`2#p`sSW-kpEtC$oR#V-k%}w)*AXMo;xr1iCKE$weHO&Cmy@UuBl{RE$^kg
z$xYiUbluuTeyPu9U0_{uQ|@MR_KgQG?lHHT)E4s<UcI;1I_R#r&5sKy7Cb91o?v{G
z&3Wy~-hWk>9j}U?`5CIoKIh)Wx1Q@Bes0hBw!ZR3rFYPC$&*?0Tw`bdR{ikP{%ES<
z&dh(VOBLUXd`bOwbNW=zhjVY<54SK*aPnOr%dYS1r}JRrC4rV_OlRi*XP9ZPI{)3~
z)j8FfiAFQ33goVf&G9XEQ^;^rXE1%X^3v}A48rC%8;t*6D?J|-I4P_qd}mhXviB!{
zOLYmfUT_g;QD6+QSy*{J|38B=`+tU*Q};IC*ZJPOX!FfGXXfcLzNx=ZEb&W#&*kg(
zl~>D}<>p`M<>c1+<i72a-}jrkLE<N}e$0D(t<>hl&kLok=1C8>nr@giYnM^rp*P&q
z^`=ktIVx?tMdevY>QCX`d3A-}(|?<5F4uVd<j;{^wdedliL!Mq3)`k({nP5GgZ=Eo
zGwpxn1~1(2@m(Xfbq@Eo<1_x{^Ybqd{_VTE)V(5Lw&%329nU$IGM?V3sw`4|`i8Al
z)uDXdC+C+~UzyXTvGL7>KJN*}ObcCSNBi~VSH$eQCB6Fib5>2GlRRa)TPA%FU8>I=
z_D(N*@2i+Se72{Up3LEPeSAIRcU`T=FGI~~w{DqM+vag*|INAOzpFLYfMN0khDn|$
z7*}4cxxJ<A-Mp(dTi032IsTElxc?zz#=PKf>&3K9{FKb*=<Avo+4B}$f5GHhG0}DE
zu?HL~At6G%#gDX%W2;5g)|(aQmg;9Lei5&B(Q<p~4B5AO=Z)QM&&jP4So7{};5O}3
zjM5rEZrtHrT(~75QAA|jll`BL&j0n|KZEUl(WfDKLHS4Cw=NdxpDylmrL6VT%UOL_
zzpVLi+B!k~lGe{Bn;sgUc=l)2W&SYd&qiz+3D*|<)n_~ylw5SlrpNwmd;Qz<|FX3{
z722sU)a5>YL-O~_%Br=>-^860j^Ecl^Pi#WKf|ZBu}W_@g_a&#V&bk`q_sHV_V+`d
z{^s6iy>TO~K6elQ_v5Q0w69*8l$4aJb@9o$6Q8?0*XG;AW>(t1w%EO`PPxW4?Wi8R
zLCBYN$G>a4y4hx4VcsxLyK>5eOHo=G85Xlr#Lv&>-NIM;n)_{Evds0pOOLMY=iYGQ
zqIAdAh35+-R%QEqU8C)!b+fc2YR;1PGdH?#oY1Sj_36K@`bTY>(-)^ry2YQn$oW5m
z&~&HOOW9Yc?wM}5|0Jts=YNKIuYLz>haMJbTUT;#<<tC)r$V{SP5v{i;(fAns`vG@
zHGwWamrc5G%^>vn)39D!|1*;v*gl2XZoPhVQd-BGjXoD-Wcw<gOgz?jsIjlOx%ArB
zlNtMBa#^=oMDWkGP@j>Le|pmr`GAO&N$axS?`;)dc6Z&)6_t87G;(>&RzBg+JaSQ_
z$Z~z=ir2OucUUf0zWN|*{qd7$@BfY2zc#AAV)J|@@!K=AYo|v%ORP_REcH$7irj(i
zs#Tm8LMzp4y&6Admi=c4R)1~Qe@~BpGWYu5*83y2)P0QMo|HFxtI1M{S6W4>-v7?z
z?SFIpy3O-{N$FKT&3E1AS(iJjFDGB&%cfZZm)zEeyL&9opJ|sA^PgdH{ZFswQ$vCb
za~9{+9g4kl_giGjX46Y{5_g`9+nbAZ&9~}&v(NY4Ti2-#WjlUf?rqu9|KzsB`Y(e2
z8K!#IteTf0`}k%k=hd^*TWvZx{>+PA{8zAjPxbZnH?;SccInG^%{5zI$6x7jQnl8I
zU)4PHvuyAOg(Ww#8U8akx9|S3>~c<Q1M{~vwx_aUtnWOz`*Fhyxw^fpidO5Tiij&M
zEq!yf<9uHBn~y=(IcE}dKSxMQ^2%(sePx}yctfOOxog^HtGt!G#g2<TmnmI*7+d^c
z>6>dGCHJQ3s<ST2)c$w0rDBayWz2W+9n&q3O!8c*GHa6Gr(G*uudaAnv&r(gsvl>x
z%~9R3<sMa6?t5`DMrD|1OmGrkG|B74<J`Tzs}t9G%Y4&Nshy?t=@O?7%cSF$TTP{A
zX>*q)9Wwf<BEKm8VDfjh8&Qk;BqW}>3dc4tdGRq($j0*MRTGu8YOU?s#;+JzWZG(q
zu2#(U(Q?Y&J~{8^ymjX_{LH+)<qh=~XR0u0d5SO_`7`Vc+HTEJ<6<Fome<voT~OIb
z%Qhx_t9okj>8{<f$Mf^q>oUXh)vDcP=hfu(mGcN~`BJd+`I;9TC+alc%Y^02uKnX)
zwDHZ+zge5*CTXR~7^T_FZJ5<i^jZ3=cGpsw{q>8N`aOGbU*p32&C!*DDN`x}HUBeY
z6#QpM-TrU6(y8-PtdGr{_^R3T#Hap>>q-y*-uWX^aK7p5Ux_QeiTeT*{~fQWTdowk
zFW|9NM85o0+4tHSa)Ij|v}9wB#jBZ~+vBcyZ*TsT?mI88^M3tlA(>+PD{HOPWbgJF
zeH_=Kx1UvOdcUVW)Ox@6jCk9(zAsd_p8B?7LvqETXAesYcg#ts3RS7|2<!Z_H11)W
zmq7H?*tDe*&fR^pyCdg4ow@JQbBmqFmOS$`Rr$DHG_-0~)4SQ{C;i<!=fI29rps9`
zHasZN;V+JIe6?qiU7x%0dWLoP)AWAduBdC=zb7Jm^66jq)BF4<ZkdypQ7YMemYvr#
zdxh2UqcO7Ewx7_IP*uJE>aou3^=Aw9<R@(m3wXCJyY=(N#kDi+-{(HOdExl)qvvn7
z?5}#yfAR3|tFHZ7?`KIJ*L$nTHudR+XOkvpt?#|B@i&71r>g8K?vA`Y9P72K9e%rf
zH2mPr?k>4l?U3yCvb@DI4(uFK?;^J@^Ah5kcw72bWp0txg_zV=TW>UEzS_D|tZm!O
zU@cw|-gQws?=HW!$?(X>V$<E)V)NC$ubFVqz)s_?_Ns4Ra+aw#9S`C0V~|Rpd3SF<
zdya1Py6*6o3V*kLx_h_cB+Hpu>SFuM*-Z~kWhra2K6EMRR`nyd_HEw5vmS7JG-(MG
zvn}jc_0-=x^0Szx&(-*CW$X8v&A;sUJ5&7a)b;Ou{xd9V{x&V{^|v4Qa_blNKbTbd
zv!-zCzb?~L&()9F<*ZsRdT>_G?AV;&SIu8O{JT`PD%W?zu@8ACqqt+V(%ZGRJYThd
z``R~^kXuLnmiC;U=Y6|$+2<GcuWi|VW^L5Pi8(v=KV0RVKD&SRPg#>K`xhqPv|X^(
z=xBPf4&TJJoelQOI~N|BbzxS2)Wpdd>zS9{dieL5e%HCY-LB7WB<DEQFfK6Xl*lky
zTCVypu)1K&_pLb#?^PZ@`)9V)Ox>D^RpwtG{%!cTS^T5t?0+AA-@TuezH?Q(?Ze8A
zXS2^P5T9kXj%j(rYjyXZVN;hb4xFa*{hzqL=<F?94?p|oT>1UW554%)-}~=<`?u--
zjX3E?pOk+#$lse`{~#p$(#^^vhZT)Ydk=?8@`Wz2vVSS1Ru+BjzI~YaiRZzhR^dFW
zSlu*@&-9AD%UieM_Pc-1)j6BL{7`qfwllKAMQ6cGm4f>7+gH5nT-1>G`UT%RZu8PU
zhc{~G?dcOU*>%pvG-y3Iq5G`b-RUN;>g!8EcTTW`KW8mkF0#f<`{bAGBRhB*ms~xy
zxTmE;`|^sF@fIH*Km4w2+CN{usIBGQ=Z#kCJJ;ng$+!tQDl0gwIPt_OV=v3)aChUd
zGO^Bc1%k{IOC9cZTnNn*(@uSGt!>kBPF}{HQJP*{ywL{}zh!$bE>qii*1qY{<$Iz{
zuO{8iREc~tV}}6$ZN7DhN3x1fu6q|VJ5(nu?^?`%hFAJd%jC+nrv#PjGB38#75MGd
zQ#EDBo@X+jW(hxfS~cHeLhOSL4RYs?<!{k`K3P)ZrrYO!zY}4#X{9RZkIiq1o<F&D
z#nvm?+$Z@>_?Szg&nG>;^|&f$i(J~=wuV=$-M%SZ=ACEOE*T##9JeNiT~wn~b=`TN
z?aQZM{qbT}tYu0r^J<AQbDMWZidL6DWC-^ai_G0O@8x_w<#48ZD|ySrnKor42?
zzr>aDPCaWhX=Ur;V&0zz*UxzW*-+b3LVo?M_lXg$voqdW#6+7kwKnZl?p(-!YI%9+
z-V@Tk*=&8Y0^^rFPv3oS`9GuOCiYn|y~SCcKW)C23FLfh442~CVZ!)Yg+J=&-BnM1
zpUc!xExuzI!Y&@L<Fd{7C!%&2PT3ydV(?!PHveGN{Noo&k{;bXm-W?f_iXiv+pNS+
zr4}a(o0%J~E8s7V?AydP->L8VbS_=Fcl#2iOFy2uF57`m;fcZYE8mJQ*6dE4dGO7l
zS27M<vl#rt?P4mmmt8ZG&{^L*ts`Z+a72})%zp-t>HJ1h7Kpyi|Eia}II(zj_3MWV
zJ+66K3GFU@8s{nVBS%lCN9Ng=`wr~kFShHJ+Dx^R-M1&|P0~$G%arFydGSqe_J}4%
znMJ3@+k6X~ZZw(wq{9P`6qmlOjEBRSG*^8QJMT6{H^o_I$tP3m*-2~mik#nSzhv4q
zt9RA2!^8!CG2P;+Sn=v|0kdww?wZs|w(Vhi&)P0LqT6<PLlE<KhiV!7#MJ7*bi-Rq
zGp`G%f0`xxKIS){s%2dG{)Jw@w6(?T)i2(B-gY^8%g!Eto@%)anM=I9GWF_uS6Ad*
zz5dBsT6tF54mZx1+HQg8RCmt3n;@pVNzDCpCQpLe+A^)YTvNMU<*WBDPkVldd5H>F
zm-rRN*uxGxzx}dU-Yz<M^Y(>aqPo(zZMpZ{c1)7GrTkUux6lQDnVy%*1;xBo2cAxI
zxAQitJ1@BUc*PGD`Lex>8lTNEl#&ZsmOXi6@b)s-@=uR?V@wq*cW~TaJ}dj@y2u^_
z9}dQ+iyMj?EI&vF+HZ?kqIyn6>fxE)b}K5rukAaU{<VsE{R6K^{p7UWYx<Y@CnlCH
zZRhTm_4i;h<_b<-|13&rP3xM8Q}|c%vhA|mdZ!}KZt2XM%krI$iKj7`FzhG`HoUc?
zt-QfGPUc?f;>}v?u5UaPzHfWwoL76Mu8G;RbnDU$`^>lA&Cxsbz~jWU7e(u%?T&m-
z-ZsNqu<ycy>&M&IeP?Soxi(e(^5f%iS~Hos9~LMsH=EVAMP~KHg6r20nhCdUJiC0!
z**i-@s+I0)m@gMBUoWSUReoi{d7cg1B2LdcB*lEo*E`GT{*E<G)+uLns->d73B0=O
z#9Q?ANWOn=*%^J2Lwp=xC7(;z-c)0|^lQ$o>|OJDF2A{A?zuLYYpS8K^N#lhC)f5*
z*t)eQ&vfO|M3$GqF0ank9bLSvCGZG?jHj|7vyP?kG_T(3(`{GHbUFp*n$L&|sy{VX
zkYBpPL{fNeW`M}NQ_JU@?ClMWI+4HKY}&~zy-b$Gv;@Im-{LEmn)WoUU#crCzGKHL
zFW;(?hfQ2IeU;X`CzrF{WjT1rS);(NxsXei^Tg$<op1g=P1^J@C%2$D<@KrWCP@-%
z%x04vIGGJhxh8M^w6*nJt)_!U_U$O%kU8cjE^}v@F3z$Iy|d$6SKi{n-5axt0>ihZ
zW?b&y>KUW|db|D0h2M6%gj#Gk-}>f(+;RDn_D9z3JoYhTPWp^*l8^W^O-?i~ypw&<
zH>SLIp4HBC)l$y4xS5+*6$n^uxx=-RX&0YX@q(pCXRR`Nth?{Pt1!<wt~C!nuUL3x
z?!6<Av>zQZl5DVF_5EQ;PWo%t*J<T?4<>Kc%Rm1m@8c&Ev$wJxRZ6q}Wz6}WCv$nW
z-sK2mCM)4s#RV%*H=V5uconqxkIm0w?Q>H;{b%4msD0znkNw8wYp%Opzk8&|@d(=v
z`B}_HQSKYooX*f~{Wf#1@cfIr+;=uivRYTD5VW&Q<HP6Ef0Xa+obau_<u_B7wN0i?
z>s%j?3G=?nax3>(*xOBgdgPHspTNNv47b8&PCk(?@ssn)<Xhp|+q~Qo)=ibp@cVvc
z!p$8~uYKJ7cN)GanHy8<wnNC^SLmfV*A^$;=H7elan6fp*^!qFXGC0#c*(7tvA9jZ
zz~@!)FSo`;r<d$su6rQ<s>1fOY3+dlx0W5ct;%q8!ikitnodF2?$$57GNr^kI)BP;
zIiZI#2Nzc|?+E=l*IdW%hE;X+t2Y);Yh&Jg=y7jn+-WlD$|sH3={$RHEvk0ZFK)bg
zPWhTwR7ru^wKX@d98LDxxqi0jEWJLBr%Y3ePbVMyWUBII?qP?W*3rp&ugxxG?wHZG
zw?FdWwv*GN{hS}{&RzLD{Kw@xi@upw?=QTX$8qt=t<$nbZGpe+@2Lsp>h^7YvCMXv
z{q2xQUH{W-ABS{Kz2kM`P2tNKuZ{kc%{o2t#r&UVzFS()&dPbX{^#<5HrePsQdN-x
zn<py%ihrc(7B#o^u;h7OtK)^yH<P5VMdiI+(q@s|b1Ww60$=XJH|G`~w5Yoj*_Xur
zYrenORIiu)mp&G;9DiA{)B5J4yGQRCz5f=>kSBKJS8;8PU*_g-T{7y=YSo^0Tz7vy
zoxf_u7m&)L6npO@i#H!J+;lNxzoMSRnuj-eI!(?tbDp+Y#cQcH`JSQW&dATpTvE(m
z82rA%?@{q%iX^}Ay<jatw`BG8-37JF!X;k$G5Y*vV+;5FvZ`ZG>XBEB4tG|bukYWe
zo-t?o^zh)2-rz&CdiNbV6)sY0aA|JVv&w=+PmX2q@^U?y5*l=<@6ESqZ5NJlik`Px
zw`|+=DjVyfy8%o|ExWf?_jWc3v^;7OXkk#~aA2Z0^@a6OX>x+Pk(hZ(R=8!~DX)kK
zk*l-L-O94tGx=KN&6AE-Qbht|a_{&(S+HAlmbI~^s_WEtAKU$WnzCVLBEd^H1e(;S
zXfIuM?1Isv)-92(MT;`7rdcfF*s?C<=EisT-}tPZ=A*T0QIbVZ@NC)MOH!<F@3WaV
zY^iR0k}D;3U0m2Jq44X|9kr#wYopmbvPwRRTzm7=Zf%|HDzVFa>|!6Hk6c&DO~_+^
zy60Gy-{(bV%MQKGC_Hre=kf=O-7|}(&h(nHW|QWbTwjqE^Gxm2yR@tgs=KyCJkArG
z-n7@NH^a+NJME2jd+gEZxxy6{D)GW~3zb$JJJdB}_xbI&c9wRurl&Z~l8xQ*SNWu>
zPE3EHZ|}@j(S<46%OYMapUJO$CupPdiiMAt%Rdg?adU>(j}7a38zXkfxmGDX2}@3U
z=vw^Kwjf9Al;W}oU;f6pZne714?h-5^QiiMD-u!(jLH?$*>ib+`%#CehYBwzElDqo
zaqDmrWnob)k!rBfKBCCL<@CN_U8?&^X=ZnZNmaZ;r&BAe|91YCxwzM0(=iPr*^_VY
z9SolEx$hnK#A(jIjTz4#DGR@S)FX7u)x8hP(>cFZE#K(5sZ+E&r}vTd6`MYm3xaVr
z_FXgf#$>$tE}xWga8`-7aGzS^iuZx#v!h)zGEch1?b7Yp%(h9XEX%CZv8=I{chfgU
z(b>ycm|h7PEy%dIZ|xu7N*&?!eQ(Ym`!4$B+4=trrs<DXUXNIs&(OUk&;8yfrZbL*
zwX6eH?DprViTKFm@kp%W@aOtTp<eguQoc<+E<X3Ptxn1`Z(S=-zD2$HkL~syYyb6P
z-p$)nZIAlia=-QFxye4>PP4T4QE!8GN(=T^+>d)SagyVK?;@Y>uS(Vob=qi=E^^`3
z+v6`qU(e%vd?%>j=f3UrGuFifOO#zc@m=)Zhm4Ah^8XA{ik+uTx%HS_KH1L-XT5T#
z-ekGoy&ZMkdCYawKlm5LomDGYxIS(1quHW2Ecq^MY<%<e@Uyvp?6fvlGRNAuAB~t-
iwfEKTihN&QpNRtD-PiTS0|mS{t`wN#HqBZ2|4jg$a!Gvv
literal 0
HcmV?d00001
--
GitLab