diff --git a/controllers/pagesCtrlFile.js b/controllers/pagesCtrlFile.js
index ffd0e319451c3fa875017b988a077ffb979ec699..022eb0bc92765ec715ce5eb3cfdbef348b505cb3 100644
--- a/controllers/pagesCtrlFile.js
+++ b/controllers/pagesCtrlFile.js
@@ -28,4 +28,14 @@ exports.womenSCtrlFunction = (req, res) => {
exports.womenCtrlFunction = (req, res) => {
res.render('women');
-}
\ No newline at end of file
+}
+
+
+exports.authenticateCtrlFunction = (req, res) => {
+ res.render('authenticate');
+}
+
+exports.activateAccountCtrlFunction = (req, res) => {
+ res.render('activate');
+}
+
diff --git a/css/style.css b/css/style.css
index d58e905f0771869b7464b162fc4235de509baf0f..45e9626dc109bc85343ab3f388ea2cebfeea3e48 100644
--- a/css/style.css
+++ b/css/style.css
@@ -30,7 +30,7 @@ body {
letter-spacing: 1px;
}
header{
- background-image:linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3));
+ /* background-image:linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3)); */
background-size: cover;
background-position: center;
margin-bottom: -360px;
@@ -72,7 +72,7 @@ header{
}
/* Add an active class to highlight the current page */
.actives {
- background-color:linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3));
+ /* background-color:linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3)); */
color: white;
padding: 10px 20px;
margin-right: 60;
@@ -100,25 +100,6 @@ header{
}
-/*.search-bar button {
- padding: 10px 20px;
- background-color: #333;
- color: #fff;
- border: none;
- border-radius: 5px;
- cursor: pointer;
-
-}
-.search-bar button:hover{
- opacity: 0.5;
- color: #fff;
-}*/
-/* dropdown menu styles */
-/*.navbar ul.navbar-nav li a {
- text-decoration: none;
- color: #fff;
-}*/
-
.nav-item ul.dropdown-menu li a {
text-decoration: none;
color: #141313;
@@ -511,62 +492,6 @@ header{
top: 90%;
right: 45%;
}
- /* slideshow styles */
-/* * {box-sizing: border-box;}
-body {font-family: Verdana, sans-serif;}
-.mySlides {display: none;}
-img {vertical-align: middle;}
-
-/* Slideshow container */
-/*.slideshow-container {
- max-width: 1000px;
- position: relative;
- margin: auto;
- margin-top:25rem;
-}
-
-/* Caption text */
-/*.text {
- color: #f2f2f2;
- font-size: 15px;
- padding: 8px 12px;
- position: absolute;
- bottom: 8px;
- width: 100%;
- text-align: center;
-}
-
-/* Number text (1/3 etc) */
-/*.numbertext {
- color: #f2f2f2;
- font-size: 12px;
- padding: 8px 12px;
- position: absolute;
- top: 0;
-}
-
-/* The dots/bullets/indicators */
-/*.dot {
- height: 15px;
- width: 15px;
- margin: 0 2px;
- background-color: #bbb;
- border-radius: 50%;
- display: inline-block;
- transition: background-color 0.6s ease;
-}
-
-.active {
- background-color: #717171;
-}
-
-/* Fading animation */
-/*.fade {
- animation-name: fade;
- animation-duration: 2s;
-}*/
-
-
/* On smaller screens, decrease text size */
@media only screen and (max-width: 100px) {
diff --git a/public/style.css b/public/style.css
index 6394c04c180826991d0bab69a44195315ba6eb86..eef2d58c28994bf32791ea6a1249cd51189c19e5 100644
--- a/public/style.css
+++ b/public/style.css
@@ -8,9 +8,10 @@ body, h1, h2, p {
}
/* Basic page styles */
-body {
+.responsive {
font-family: Arial, sans-serif;
- background-image:linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3));
+ background:linear-gradient(rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3));
+
}
.your-fashion-text-box {
diff --git a/routes/pages.js b/routes/pages.js
index 8945d3b3b059decf79c77e650a35f8cabf9a1809..ed2dafbaa0c76669afd297c9b80691cba054428e 100644
--- a/routes/pages.js
+++ b/routes/pages.js
@@ -1,10 +1,11 @@
const express = require('express');
-//const { modules } = require('node:module');
-const { hCtrlFunction, cartCtrlFunction, kidsSCtrlFunction, kidsCtrlFunction, menSCtrlFunction, menCtrlFunction, womenSCtrlFunction, womenCtrlFunction } = require('../controllers/pagesCtrlFile');
+const { hCtrlFunction, cartCtrlFunction, kidsSCtrlFunction,
+ kidsCtrlFunction, menSCtrlFunction, menCtrlFunction,
+ womenSCtrlFunction, womenCtrlFunction, authenticateCtrlFunction, activateAccountCtrlFunction } = require('../controllers/pagesCtrlFile');
const router = express.Router();
-router.get('/', hCtrlFunction);
+
router.get('/cart', cartCtrlFunction);
router.get('/kids-shoes', kidsSCtrlFunction);
router.get('/kids', kidsCtrlFunction);
@@ -12,5 +13,8 @@ router.get('/men-shoes', menSCtrlFunction);
router.get('/men', menCtrlFunction);
router.get('/women-shoes', womenSCtrlFunction);
router.get('/women', womenCtrlFunction);
+router.get('/', hCtrlFunction);
+router.get('/authenticate', authenticateCtrlFunction);
+router.get('/activate-account', activateAccountCtrlFunction);
module.exports = router;
\ No newline at end of file
diff --git a/views/cart.hbs b/views/cart.hbs
index a3d68fbcda2f1850b977bfe748d5499992ec3e9c..c034b5a9f177dbb747adea7aa37b05123edf1bdc 100644
--- a/views/cart.hbs
+++ b/views/cart.hbs
@@ -26,50 +26,7 @@
<header>
- <div class="your-fashion-text-box">
- <a href="/index" class="shopname">Your Fashion</a>
- </div>
-
-
- <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
- <div class="container-fluid">
- <a href="/" class="actives"><i class="fa fa-home"></i></a>
- <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
- <span class="navbar-toggler-icon"></span>
- </button>
-
- <div class="collapse navbar-collapse" id="collapsibleNavbar">
-
- <ul class="navbar-nav">
-
-
- <li class="nav-item">
- <a class="nav-link" id="men-products" href="/men">Men</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" id="women-products" href="/women">Women</a>
- </li>
- <li class="nav-item">
- <a class="nav-link" id="kids-products" href="/kids">Kids</a>
- </li>
- <li class="nav-item dropdown">
- <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">Footwear</a>
- <ul class="dropdown-menu" id="submenu">
- <li><a class="dropdown-item" id="men-s-products" href="/men-shoes">Men Shoes</a></li>
- <li><a class="dropdown-item" id="women-s-products" href="/women-shoes">Women Shoes</a></li>
- <li><a class="dropdown-item" id="kids-s-products" href="/kids-shoes">Kids Shoes</a></li>
- </ul>
- </li>
- </ul>
- </div>
- <a class="login-button"href="#">login</a>
- <a class="add-cart" href="/cart"><i class="fa fa-shopping-cart" style="font-size:24px"></i><span>0</span></a>
- </div>
- </nav>
- <div class="search-bar">
- <input class="search" type="text" id="search-input" placeholder="🔍 Start typing to search" list="container" autocomplete="off"/>
-
- </div>
+ {{> common/navbar}}
</header>