timmybee/diploma_todoapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

end of night

Browse Source
This commit is contained in:
Tim Basten
2026-03-10 20:19:24 +08:00
parent 2c23322841
commit 896f7e41a6
8 changed files with 694 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/css/styles.css
View File

@@ -1,30 +1,29 @@
:root {
--primary: #150135;
--secondary: #6c2bad;
--secondary-hover: #3c7aca;
--pink: #ff00f2;
--primary: #1d2021;
--bg: #282828;
--bg-soft: #32302f;
--bg-1: #3c3836;
--fg: #ebdbb2;
--secondary: #d65d0e;
--secondary-hover: #fe8019;
--accent: #fabd2f;
--orange: #d65d0e;
--yellow: #d79921;
--aqua: #689d6a;
--blue: #458588;
--purple: #b16286;
--red: #cc241d;
--gray: #a89984;
--pink: #b16286;
}
.bg-img {
/* background-image: url(/frontend/Images/Black\ Background\ Abstract.jpg); */
background:
linear-gradient(var(--primary), #6c2bad4d, var(--primary)),
radial-gradient(
circle 700px at 20% 30%,
rgba(255, 0, 179, 0.445),
transparent
),
radial-gradient(
circle 500px at 80% 70%,
rgba(255, 0, 179, 0.445),
transparent
);
radial-gradient(ellipse 900px 700px at 10% 35%, rgba(214, 93, 14, 0.28), transparent),
radial-gradient(ellipse 700px 600px at 88% 70%, rgba(215, 153, 33, 0.2), transparent),
radial-gradient(ellipse 600px 500px at 55% 5%, rgba(177, 98, 134, 0.18), transparent),
radial-gradient(ellipse 500px 400px at 75% 20%, rgba(104, 157, 106, 0.12), transparent),
linear-gradient(160deg, #1d2021 0%, #282828 45%, #32302f 100%);
min-height: 90vh;
@@ -35,10 +34,6 @@
background-position: center center;
background-repeat: no-repeat;
/* background-blend-mode: overlay; */
/* background-color: rgba(0, 0, 0, 0.467); */
}
.bg-img.dashboard {
@@ -47,21 +42,22 @@
body {
background-color: var(--primary);
color: var(--fg);
}
nav,
footer {
background-color: var(--primary);
color: white;
color: var(--fg);
}
.nav-link {
color: white;
color: var(--fg);
}
.nav-link:hover {
color: var(--secondary);
color: var(--accent);
}
.navbar-toggler {
@@ -73,7 +69,7 @@ footer {
.btn-primary {
background-color: var(--secondary);
color: white;
color: var(--fg);
border-color: transparent;
}
@@ -81,7 +77,7 @@ footer {
.btn-primary:hover {
background-color: var(--secondary-hover);
color: white;
color: var(--primary);
border-color: transparent;
}
@@ -89,17 +85,17 @@ footer {
form a {
text-decoration: none;
color: white;
color: var(--fg);
transition: 0.2s ease-in-out;
}
form a:hover {
color: var(--secondary);
color: var(--accent);
}
.bg-translucent {
background-color: #00000063;
background-color: rgba(40, 40, 40, 0.6);
}
#sortSelect:hover {
@@ -107,7 +103,7 @@ form a:hover {
}
.pinkBorder {
border: var(--pink) 1px solid;
border: var(--purple) 1px solid;
}
textarea {

102
frontend/dashboard.html
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do App | Dashboard</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="./images/Hamburger.svg" alt="hamburger icon" height="40px" width="auto" />
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"
></script>
</body>
</html>

102
frontend/features.html
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do App | Features</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="./images/Hamburger.svg" alt="hamburger icon" height="40px" width="auto" />
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"
></script>
</body>
</html>

58
frontend/index.html
View File

@@ -13,9 +13,9 @@
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar narbar-expand-lg">
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="#">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
@@ -32,24 +32,68 @@
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Features</a>
<a class="nav-link" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Pricing</a>
<a class="nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link disabled">Disabled</a>
<a class="nav-link" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"

102
frontend/login.html
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do App | Login</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="./images/Hamburger.svg" alt="hamburger icon" height="40px" width="auto" />
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"
></script>
</body>
</html>

102
frontend/pricing.html
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do App | Pricing</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="./images/Hamburger.svg" alt="hamburger icon" height="40px" width="auto" />
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"
></script>
</body>
</html>

102
frontend/signup.html
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do App | Signup</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="./images/Hamburger.svg" alt="hamburger icon" height="40px" width="auto" />
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"
></script>
</body>
</html>

102
frontend/support.html
View File

@@ -0,0 +1,102 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>To Do App | Support</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./css/styles.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg">
<div class="container">
<a class="navbar-brand" href="./index.html">
<img src="./images/logo.svg" alt="Logo" width="50" height="auto" />
</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<img src="./images/Hamburger.svg" alt="hamburger icon" height="40px" width="auto" />
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto text-end">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./features.html">Features</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="./support.html">Support</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- ↓ Page not ready ↓ -->
<section class="bg-img d-flex justify-content-center align-items-center support py-5">
<div class="container text-center text-white py-5">
<img src="./images/Construction.svg" alt="Under Construction" height="150px" width="auto" />
<h2 class="mt-5">Page under construction. Check back later!</h2>
<div class="mt-5">
<a href="./index.html" class="btn btn-primary px-4">Go Home</a>
</div>
</div>
</section>
<!-- ↑ Page not ready ↑ -->
<!-- ↓ Footer ↓ -->
<footer>
<div class="py-5 container">
<div class="d-flex justify-content-between flex-column gap-5 gap-md-0 flex-md-row align-items-center px-3 mb-5">
<a href="./index.html">
<img src="./images/logo.svg" alt="logo" height="100px" width="auto" />
</a>
<div class="col-12 col-sm-8 col-md-7 col-lg-5 col-xl-4">
<h3 class="text-white mb-3 text-center text-md-start">Subscribe to our Newsletter</h3>
<div class="input-group">
<input placeholder="Enter your email" type="email" class="form-control" />
<button class="btn btn-primary">Subscribe</button>
</div>
</div>
</div>
<div class="d-flex justify-content-center flex-column gap-3 flex-md-row align-items-center">
<a class="nav-link" href="#">Privacy Policy</a>
<p class="m-0 d-none d-md-block">|</p>
<a class="nav-link" href="#">Terms of Service</a>
<p class="mb-0 me-3 d-none d-md-block">|</p>
<p class="m-0">ListMe &COPY; 2025 All Rights Reserved</p>
</div>
</div>
</footer>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI"
crossorigin="anonymous"
></script>
</body>
</html>