diff --git a/public/main.css b/public/main.css
index 164988613cc63844b0ffb9e32b1194b2b300cd4b..b8d2be68d3873c40a80da86a03a47a6687aa5f38 100644
--- a/public/main.css
+++ b/public/main.css
@@ -36,7 +36,7 @@ h6 {
p{
font-family: Arial, Helvetica, sans-serif;
font-size: 19px;
- color: rgb(247, 246, 246);
+ color: rgb(100, 100, 100);
margin: 15px 0 20px 0;
}
@@ -50,12 +50,15 @@ p{
.body{
- width: 100%;
+ min-height: 100vh;
}
.logo{
max-width: 20%;
+}
+.logo2{
+ max-width: 20%;
}
@@ -225,6 +228,53 @@ p{
}
+/* Styling the footer */
+
+footer{
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ position: sticky;
+ top: 100%;
+}
+
+
+footer .col{
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ margin-bottom: 20px;
+ margin-right: 200px;
+}
+
+footer .logo2 {
+ margin-bottom: 30px;
+
+}
+
+footer h4{
+ font-size: 14px;
+ padding-bottom: 20px;
+
+}
+
+
+
+footer p{
+ font-size: 12px;
+ padding-bottom: 20px;
+ margin: 0 0 8px 0;
+}
+
+footer a{
+ font-size: 12px;
+ text-decoration: none;
+ color: #222;
+ margin: 10px;
+}
+
+
+
/* Listing page css */
@@ -232,8 +282,8 @@ p{
text-align: center;
padding-top: 20px;
padding-left: 20px;
+ display: inline-block;
-
}
#items .pro-container{
@@ -278,14 +328,26 @@ p{
-
-
-
-
-
-
-
@media (max-width: 799px ){
+
+ #navbar{
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: flex-start;
+ position: fixed;
+ top: 0;
+ right: -300px;
+ height: 100vh;
+ width: 300px;
+ background-color: #d4cadf;
+ box-shadow: 0 40px 60px rgb(0, 0,0,0.02);
+ padding: 80px 0 0 10px;
+ }
+
+ #navbar li {
+ margin-bottom: 25px ;
+ }
}
diff --git a/views/about.ejs b/views/about.ejs
index aace69b608f52d74277ee1568c2dd4023d9eb6e3..658c31df99e5b355e110a916a6f3ac16f68d31e5 100644
--- a/views/about.ejs
+++ b/views/about.ejs
@@ -23,6 +23,39 @@
</section>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
+
</body>
diff --git a/views/correct.ejs b/views/correct.ejs
index 170309cbdb22a6ace9f49d46a4bede49b03e8820..55436833aee498432acffba235f94e828a1eaec2 100644
--- a/views/correct.ejs
+++ b/views/correct.ejs
@@ -25,5 +25,40 @@
<h1> <%=shopName%></h1>
<h3>Correct Password</h3>
<h3><a href="/">Home Page</a></h3>
+
+
+
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/views/incorrect.ejs b/views/incorrect.ejs
index 215d4e97b1544b83b5bbd3f2ce72d6fa59f5fffb..e7531a38cad7d159134d4590d778cf3327fb924c 100644
--- a/views/incorrect.ejs
+++ b/views/incorrect.ejs
@@ -9,5 +9,38 @@
<h1>Error <%=shopName%></h1>
<p>Incorrect Username or password</p>
<p><a href="login">Login page</a></p>
+
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/views/itemlist.ejs b/views/itemlist.ejs
index 2a2b611a9cf6addf1dd0e4c2c9d7ddf2e9fb379d..a0e271701701f3664f84f212506032072f25a403 100644
--- a/views/itemlist.ejs
+++ b/views/itemlist.ejs
@@ -22,17 +22,50 @@
<h1>List on <%=shopName%></h1>
<form method ="POST" enctype="multipart/form-data" action = "/photoDB">
- <input type = "text" placeholder="Title of product" name = "title">
- <input type = "text" placeholder="Name of product" name = "name">
- <input type = "text" placeholder="Cost of shipping" name = "price">
- <input type = "text" placeholder="Information" name = "info">
- <input type = "text" placeholder="Condition of product" name = "condition">
- <input type = "file" name = "ProductImage">
- <button class = "button"> List </button>
+ <h3>Title of product <input type = "text" placeholder="" name = "title"></h3>
+ <h3>Name of product <input type = "text" placeholder="" name = "name"></h3>
+ <h3>Cost of shipping <input type = "text" placeholder="" name = "price"></h3>
+ <h3>Information <input type = "text" placeholder="" name = "info"></h3>
+ <h3>Condition of product <input type = "text" placeholder="" name = "condition"></h3>
+ <h3><input type = "file" name = "ProductImage"></h3>
+ <h3><button class = "button"> List </button></h3>
</form>
<!-- Redirects to home page -->
- <p><a href="/">home page</a></p>
+ <p><a href="/">Home page</a></p>
+
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/views/itemlisted.ejs b/views/itemlisted.ejs
index 1c4817f5617db4d0852ea7f25fc5400df15cd8ae..50d71977df2146dc130c3f3cdee63705ebf6eee1 100644
--- a/views/itemlisted.ejs
+++ b/views/itemlisted.ejs
@@ -43,7 +43,38 @@
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+ </footer>
diff --git a/views/listingdone.ejs b/views/listingdone.ejs
index f8371d9aae9a0ba274ba67a17673f15c539aaa91..aa01879907bdbaeee8785582383100c00ac853f7 100644
--- a/views/listingdone.ejs
+++ b/views/listingdone.ejs
@@ -7,6 +7,39 @@
</head>
<body>
<h1>You have successfully added a new listing on <%=shopName%></h1>
+
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
<p><a href="/">home page</a></p>
</html>
\ No newline at end of file
diff --git a/views/loggedout.ejs b/views/loggedout.ejs
index 615e5569e065c9869cfcaaff3bf57925991b410b..c4504865bc08518c4aa4c1d08622afb8cef586a3 100644
--- a/views/loggedout.ejs
+++ b/views/loggedout.ejs
@@ -9,5 +9,37 @@
<h1> <%=shopName%> </h1>
<p>You are now logged out.</p>
<p><a href="/">Home Page</a></p>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/views/login.ejs b/views/login.ejs
index b850d2aa64c1346b411ba6fb37002e678217e03e..862d52272dee2f60c1d2b9e4c741b299dccb0e2e 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -25,6 +25,38 @@
<h4>Password: <input id="password" type="password" name="password" value="" /></h4>
<input type="submit" value="login" />
</form>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
diff --git a/views/register.ejs b/views/register.ejs
index fabd0ef32c645f617393e929e300bf816951edad..e8270ecc19b1eaea6d07f51f30af07d916d1c37d 100644
--- a/views/register.ejs
+++ b/views/register.ejs
@@ -17,5 +17,37 @@
</form>
<!-- Redirects to home page -->
<p><a href="/">home page</a></p>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/views/registered.ejs b/views/registered.ejs
index c2aea3a59a6fb482309923db1dbd1af2525618a0..77480f463924cdea03b635e311665889a31df704 100644
--- a/views/registered.ejs
+++ b/views/registered.ejs
@@ -9,6 +9,39 @@
<p>Hello <%=newUser[1]%> <%=newUser[2]%>, you are now registered! We will send an email
to you at <%=newUser[3]%>. Your hashed password is <%=newUser[4]%> </p>
</body>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
<!-- Redirects to home page -->
<p><a href="/">home page</a></p>
+
</html>
\ No newline at end of file
diff --git a/views/search.ejs b/views/search.ejs
index 1491b321221cd5db8f510a99c2ee27194145ad58..f47aead07b9934d2f4170433b2ff3d29db81b168 100644
--- a/views/search.ejs
+++ b/views/search.ejs
@@ -14,5 +14,37 @@
</form>
<!-- Redirects to home page -->
<p><a href="/">home page</a></p>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>
</html>
\ No newline at end of file
diff --git a/views/singleproduct.ejs b/views/singleproduct.ejs
new file mode 100644
index 0000000000000000000000000000000000000000..1c4817f5617db4d0852ea7f25fc5400df15cd8ae
--- /dev/null
+++ b/views/singleproduct.ejs
@@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+ <head>
+ <title><%=shopName%></title>
+ <link rel="stylesheet" type="text/css" href="main.css" />
+ <script src="https://kit.fontawesome.com/ad1bd830b9.js" crossorigin="anonymous"></script>
+ </head>
+ <body>
+
+ <section id = "header">
+ <a href="/."> <img src = "/public/logo.png" class ="logo" alt = ""> </a>
+ <div>
+ <ul id="navbar">
+ <li><a href="about">About </a></li>
+ <li><a href="itemlisted">Explore</a></li>
+ <li><a href="search">Search </a></li>
+ <li><a href="itemlist">List </a></li>
+ <li><a href="logout">Logout</a></li>
+ </ul>
+ </div>
+ </section>
+
+ <section id = "items">
+ <% listingAdded.forEach(function(list){%>
+ <div class = "pro-container">
+ <div class = "pro">
+ <img alt= "Embedded Image" src = "data:image/png;base64,<%=list.img%>" class="listing">
+ <div class = "des">
+ <span>Listed by: <%=list.username%></span>
+ <h5> <%=list.title%> </h5>
+ <h5> Condition of item: <%=list.condi%></h5>
+ <h4> Shipping: £ <%=list.price%></h4>
+ </div>
+ <a href="#"> <i class="fa-sharp fa-solid fa-cart-shopping fa-beat"></i></i></i></a>
+ </div>
+ </div>
+ <%})%>
+
+
+ </section>
+
+
+
+
+
+
+
+
+
+
+
+
+
+ </body>
+
+
+</html>
\ No newline at end of file
diff --git a/views/stock.ejs b/views/stock.ejs
index 790f06fd97b6cac6db09f63be9bb6870395d721e..476f645c91f7ee326687827ba9781ff03f553501 100644
--- a/views/stock.ejs
+++ b/views/stock.ejs
@@ -18,6 +18,38 @@
</ul>
</div>
</section>
+ <footer class = "section-p1">
+ <div class = "col">
+ <img class="logo2" src="/public/logo.png" alt="">
+ <h4>Contact</h4>
+ <p><strong> Address: </strong> 92 New Street London NW06 9ZS</p>
+ <p><strong> Hours: </strong> 12:00 - 18:00, Mon-Friday</p>
+ </div>
+ <div class="col">
+ <h4> About </h4>
+ <a href="#">About us</a>
+ <a href="#">Privacy Policy</a>
+ <a href="#">Terms & Conditions</a>
+ <a href="#">Contact Us</a>
+ </div>
+
+ <div class="col">
+ <h4> My Account </h4>
+ <a href="#">Sign in</a>
+ <a href="#">View Cart</a>
+ <a href="#">Track My Order</a>
+ </div>
+
+
+ <div class="col">
+ <h4> Selling on Re-turn </h4>
+ <a href="#">Sellers Protection</a>
+ <a href="#">Sellers Fees</a>
+ <a href="#">Selling Basics</a>
+ <a href="#">Selling Guide</a>
+ </div>
+
+ </footer>
</body>