김민규 / rest_stop_list

Go to a project
Toggle navigation Toggle navigation pinning
지창언
b2c620ff 1 parent ec58223c

login&signup routing, name modified

Inline Side-by-side
Showing 11 changed files with 202 additions and 35 deletions
...@@ -7,7 +7,7 @@ var bodyParser = require('body-parser') ...@@ -7,7 +7,7 @@ var bodyParser = require('body-parser')
7 var expressErrorHandler = require('express-error-handler'); 7 var expressErrorHandler = require('express-error-handler');
8 var indexRouter = require('./routes/index') 8 var indexRouter = require('./routes/index')
9 var loginRouter = require('./routes/login') 9 var loginRouter = require('./routes/login')
10 -var sign_upRouter = require('./routes/sign_up') 10 +var signupRouter = require('./routes/signup')
11 var lpgRouter = require('./routes/lpg') 11 var lpgRouter = require('./routes/lpg')
12 var weatherRouter = require('./routes/weather') 12 var weatherRouter = require('./routes/weather')
13 var menuRouter = require('./routes/menu') 13 var menuRouter = require('./routes/menu')
...@@ -40,7 +40,7 @@ app.use('/menu',menuRouter) ...@@ -40,7 +40,7 @@ app.use('/menu',menuRouter)
40 app.use('/login',loginRouter); // login page route 40 app.use('/login',loginRouter); // login page route
41 app.use('/weather',weatherRouter) 41 app.use('/weather',weatherRouter)
42 app.use('/lpg',lpgRouter) 42 app.use('/lpg',lpgRouter)
43 -app.use('/signup',sign_upRouter); // sign up page route 43 +app.use('/signup',signupRouter); // sign up page route
44 app.use('/', indexRouter); // main page route 44 app.use('/', indexRouter); // main page route
45 45
46 46
......
1 +<!DOCTYPE html>
2 +<html lang="en">
3 + <head>
4 + <meta charset="utf-8" />
5 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
6 + <meta name="description" content="" />
7 + <meta name="author" content="" />
8 + <title>Modern Business - Start Bootstrap Template</title>
9 + <!-- Favicon-->
10 + <link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
11 + <!-- Bootstrap icons-->
12 + <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" />
13 + <!-- Core theme CSS (includes Bootstrap)-->
14 + <link href="css/styles.css" rel="stylesheet" />
15 + </head>
16 + <body class="d-flex flex-column h-100">
17 + <main class="flex-shrink-0">
18 + <!-- Navigation-->
19 + <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
20 + <div class="container px-5">
21 + <a class="navbar-brand" href="/">휴게소 정보</a>
22 + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
23 + <div class="collapse navbar-collapse" id="navbarSupportedContent">
24 + <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
25 + <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
26 + <li class="nav-item"><a class="nav-link" href="/menu">휴게소 메뉴</a></li>
27 + <li class="nav-item"><a class="nav-link" href="/weather">날씨</a></li>
28 + <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li>
29 + <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
30 + <li class="nav-item dropdown">
31 + <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
32 + <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog">
33 + <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li>
34 + <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li>
35 + </ul>
36 + </li>
37 + <li class="nav-item dropdown">
38 + <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 + <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 + </ul>
43 + </li>
44 + </ul>
45 + </div>
46 + </div>
47 + </nav>
48 + <!-- Page Content-->
49 + <section class="py-5">
50 + <div class="container px-5 my-5">
51 + <div class="text-center mb-5">
52 + <h1 class="fw-bolder">Frequently Asked Questions</h1>
53 + <p class="lead fw-normal text-muted mb-0">How can we help you?</p>
54 + </div>
55 + <div class="row gx-5">
56 + <div class="col-xl-8">
57 + <!-- FAQ Accordion 1-->
58 + <h2 class="fw-bolder mb-3">Account &amp; Billing</h2>
59 + <div class="accordion mb-5" id="accordionExample">
60 + <div class="accordion-item">
61 + <h3 class="accordion-header" id="headingOne"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h3>
62 + <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
63 + <div class="accordion-body">
64 + <strong>This is the first item's accordion body.</strong>
65 + It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
66 + <code>.accordion-body</code>
67 + , though the transition does limit overflow.
68 + </div>
69 + </div>
70 + </div>
71 + <div class="accordion-item">
72 + <h3 class="accordion-header" id="headingTwo"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h3>
73 + <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
74 + <div class="accordion-body">
75 + <strong>This is the second item's accordion body.</strong>
76 + It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
77 + <code>.accordion-body</code>
78 + , though the transition does limit overflow.
79 + </div>
80 + </div>
81 + </div>
82 + <div class="accordion-item">
83 + <h3 class="accordion-header" id="headingThree"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button></h3>
84 + <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
85 + <div class="accordion-body">
86 + <strong>This is the third item's accordion body.</strong>
87 + It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
88 + <code>.accordion-body</code>
89 + , though the transition does limit overflow.
90 + </div>
91 + </div>
92 + </div>
93 + </div>
94 + <!-- FAQ Accordion 2-->
95 + <h2 class="fw-bolder mb-3">Website Issues</h2>
96 + <div class="accordion mb-5 mb-xl-0" id="accordionExample2">
97 + <div class="accordion-item">
98 + <h3 class="accordion-header" id="headingOne"><button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Accordion Item #1</button></h3>
99 + <div class="accordion-collapse collapse show" id="collapseOne" aria-labelledby="headingOne" data-bs-parent="#accordionExample2">
100 + <div class="accordion-body">
101 + <strong>This is the first item's accordion body.</strong>
102 + It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
103 + <code>.accordion-body</code>
104 + , though the transition does limit overflow.
105 + </div>
106 + </div>
107 + </div>
108 + <div class="accordion-item">
109 + <h3 class="accordion-header" id="headingTwo"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Accordion Item #2</button></h3>
110 + <div class="accordion-collapse collapse" id="collapseTwo" aria-labelledby="headingTwo" data-bs-parent="#accordionExample2">
111 + <div class="accordion-body">
112 + <strong>This is the second item's accordion body.</strong>
113 + It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
114 + <code>.accordion-body</code>
115 + , though the transition does limit overflow.
116 + </div>
117 + </div>
118 + </div>
119 + <div class="accordion-item">
120 + <h3 class="accordion-header" id="headingThree"><button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Accordion Item #3</button></h3>
121 + <div class="accordion-collapse collapse" id="collapseThree" aria-labelledby="headingThree" data-bs-parent="#accordionExample2">
122 + <div class="accordion-body">
123 + <strong>This is the third item's accordion body.</strong>
124 + It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the
125 + <code>.accordion-body</code>
126 + , though the transition does limit overflow.
127 + </div>
128 + </div>
129 + </div>
130 + </div>
131 + </div>
132 + <div class="col-xl-4">
133 + <div class="card border-0 bg-light mt-xl-5">
134 + <div class="card-body p-4 py-lg-5">
135 + <div class="d-flex align-items-center justify-content-center">
136 + <div class="text-center">
137 + <div class="h6 fw-bolder">Have more questions?</div>
138 + <p class="text-muted mb-4">
139 + Contact us at
140 + <br />
141 + <a href="#!">support@domain.com</a>
142 + </p>
143 + <div class="h6 fw-bolder">Follow us</div>
144 + <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-twitter"></i></a>
145 + <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-facebook"></i></a>
146 + <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-linkedin"></i></a>
147 + <a class="fs-5 px-2 link-dark" href="#!"><i class="bi-youtube"></i></a>
148 + </div>
149 + </div>
150 + </div>
151 + </div>
152 + </div>
153 + </div>
154 + </div>
155 + </section>
156 + </main>
157 + <!-- Footer-->
158 + <footer class="bg-dark py-4 mt-auto">
159 + <div class="container px-5">
160 + <div class="row align-items-center justify-content-between flex-column flex-sm-row">
161 + <div class="col-auto"><div class="small m-0 text-white">Copyright &copy; Your Website 2022</div></div>
162 + <div class="col-auto">
163 + <a class="link-light small" href="#!">Privacy</a>
164 + <span class="text-white mx-1">&middot;</span>
165 + <a class="link-light small" href="#!">Terms</a>
166 + <span class="text-white mx-1">&middot;</span>
167 + <a class="link-light small" href="#!">Contact</a>
168 + </div>
169 + </div>
170 + </div>
171 + </footer>
172 + <!-- Bootstrap core JS-->
173 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
174 + <!-- Core theme JS-->
175 + <script src="js/scripts.js"></script>
176 + </body>
177 +</html>
...@@ -2,7 +2,7 @@ var express = require('express') ...@@ -2,7 +2,7 @@ var express = require('express')
2 var router = express.Router() 2 var router = express.Router()
3 3
4 router.get('/',function(req,res){ 4 router.get('/',function(req,res){
5 - res.render('views/signup.html') 5 + res.render('signup.html')
6 }); 6 });
7 7
8 8
......
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 <li class="nav-item dropdown"> 37 <li class="nav-item dropdown">
38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> 38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 - <li><a class="dropdown-item" href="login.html">Login</a></li> 40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 </ul> 42 </ul>
43 </li> 43 </li>
44 </ul> 44 </ul>
......
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 <li class="nav-item dropdown"> 37 <li class="nav-item dropdown">
38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> 38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 - <li><a class="dropdown-item" href="login.html">Login</a></li> 40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 </ul> 42 </ul>
43 </li> 43 </li>
44 </ul> 44 </ul>
......
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 <li class="nav-item dropdown"> 37 <li class="nav-item dropdown">
38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> 38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 - <li><a class="dropdown-item" href="login.html">Login</a></li> 40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 </ul> 42 </ul>
43 </li> 43 </li>
44 </ul> 44 </ul>
......
...@@ -21,10 +21,7 @@ ...@@ -21,10 +21,7 @@
21 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 21 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
22 <div class="container px-5"> 22 <div class="container px-5">
23 <a class="navbar-brand" href="/">휴게소 정보</a> 23 <a class="navbar-brand" href="/">휴게소 정보</a>
24 - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 24 + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
25 - data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
26 - aria-expanded="false" aria-label="Toggle navigation"><span
27 - class="navbar-toggler-icon"></span></button>
28 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 25 <div class="collapse navbar-collapse" id="navbarSupportedContent">
29 <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> 26 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
30 <li class="nav-item"><a class="nav-link" href="/">Home</a></li> 27 <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
...@@ -33,19 +30,17 @@ ...@@ -33,19 +30,17 @@
33 <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> 30 <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li>
34 <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li> 31 <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
35 <li class="nav-item dropdown"> 32 <li class="nav-item dropdown">
36 - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" 33 + <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
37 - data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
38 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> 34 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog">
39 <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> 35 <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li>
40 <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> 36 <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li>
41 </ul> 37 </ul>
42 </li> 38 </li>
43 <li class="nav-item dropdown"> 39 <li class="nav-item dropdown">
44 - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" 40 + <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
45 - data-bs-toggle="dropdown" aria-expanded="false">Login</a>
46 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 41 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
47 - <li><a class="dropdown-item" href="login.html">Login</a></li> 42 + <li><a class="dropdown-item" href="/login">Login</a></li>
48 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 43 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
49 </ul> 44 </ul>
50 </li> 45 </li>
51 </ul> 46 </ul>
......
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 <li class="nav-item dropdown"> 37 <li class="nav-item dropdown">
38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> 38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 - <li><a class="dropdown-item" href="login.html">Login</a></li> 40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 </ul> 42 </ul>
43 </li> 43 </li>
44 </ul> 44 </ul>
......
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 <li class="nav-item dropdown"> 37 <li class="nav-item dropdown">
38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> 38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 - <li><a class="dropdown-item" href="login.html">Login</a></li> 40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 </ul> 42 </ul>
43 </li> 43 </li>
44 </ul> 44 </ul>
......
...@@ -21,10 +21,7 @@ ...@@ -21,10 +21,7 @@
21 <nav class="navbar navbar-expand-lg navbar-dark bg-dark"> 21 <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
22 <div class="container px-5"> 22 <div class="container px-5">
23 <a class="navbar-brand" href="/">휴게소 정보</a> 23 <a class="navbar-brand" href="/">휴게소 정보</a>
24 - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 24 + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
25 - data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
26 - aria-expanded="false" aria-label="Toggle navigation"><span
27 - class="navbar-toggler-icon"></span></button>
28 <div class="collapse navbar-collapse" id="navbarSupportedContent"> 25 <div class="collapse navbar-collapse" id="navbarSupportedContent">
29 <ul class="navbar-nav ms-auto mb-2 mb-lg-0"> 26 <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
30 <li class="nav-item"><a class="nav-link" href="/">Home</a></li> 27 <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
...@@ -33,19 +30,17 @@ ...@@ -33,19 +30,17 @@
33 <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li> 30 <li class="nav-item"><a class="nav-link" href="/lpg">LPG</a></li>
34 <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li> 31 <li class="nav-item"><a class="nav-link" href="faq.html">FAQ</a></li>
35 <li class="nav-item dropdown"> 32 <li class="nav-item dropdown">
36 - <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" 33 + <a class="nav-link dropdown-toggle" id="navbarDropdownBlog" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
37 - data-bs-toggle="dropdown" aria-expanded="false">Blog</a>
38 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog"> 34 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownBlog">
39 <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li> 35 <li><a class="dropdown-item" href="blog-home.html">Blog Home</a></li>
40 <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li> 36 <li><a class="dropdown-item" href="blog-post.html">Blog Post</a></li>
41 </ul> 37 </ul>
42 </li> 38 </li>
43 <li class="nav-item dropdown"> 39 <li class="nav-item dropdown">
44 - <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" 40 + <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
45 - data-bs-toggle="dropdown" aria-expanded="false">Login</a>
46 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 41 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
47 - <li><a class="dropdown-item" href="login.html">Login</a></li> 42 + <li><a class="dropdown-item" href="/login">Login</a></li>
48 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 43 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
49 </ul> 44 </ul>
50 </li> 45 </li>
51 </ul> 46 </ul>
......
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
37 <li class="nav-item dropdown"> 37 <li class="nav-item dropdown">
38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a> 38 <a class="nav-link dropdown-toggle" id="navbarDropdownLogin" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">Login</a>
39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin"> 39 <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownLogin">
40 - <li><a class="dropdown-item" href="login.html">Login</a></li> 40 + <li><a class="dropdown-item" href="/login">Login</a></li>
41 - <li><a class="dropdown-item" href="signup.html">Sign-up</a></li> 41 + <li><a class="dropdown-item" href="/signup">Sign-up</a></li>
42 </ul> 42 </ul>
43 </li> 43 </li>
44 </ul> 44 </ul>
......