Skip to content

Commit

Permalink
p
Browse files Browse the repository at this point in the history
  • Loading branch information
@gauravChaurasiya18
gauravChaurasiya18 committed Jun 14, 2024
1 parent bc95522 commit f449e00
Show file tree
Hide file tree
Showing 80 changed files with 4,339 additions and 0 deletions.
149 changes: 149 additions & 0 deletions 404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
<!DOCTYPE html>
<html lang="en">


<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>404 Error</title>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
<link rel="stylesheet" href="./Home-Page/style.css">
</head>


<body>
<header class="main-header fixed-top bg-light">
<section
class="row-1 d-flex flex-wrap-reverse flex-sm-nowrap justify-content-between align-content-center align-items-center py-4">
<ul class="second-navbar-bi-list-clicked nav-bar list-unstyled position-absolute d-flex flex-column w-100">
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center w-100">
<a href="./ProductsPage/LinkedHTMLs/self-dev-index.html" role="button"
class="w-100 h-100 d-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Self-Development</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center w-100">
<a href="./ProductsPage/LinkedHTMLs/philosophy-index.html" role="button"
class="w-100 h-100 d-inline-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Philosophy</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center w-100">
<a href="./ProductsPage/LinkedHTMLs/novels-index.html" role="button"
class="w-100 h-100 d-inline-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Novels</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center w-100">
<a href="./ProductsPage/MainPage/index.html" role="button"
class="w-100 h-100 d-inline-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Newest Books</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center w-100">
<a href="./ProductsPage/LinkedHTMLs/best.html" role="button"
class="w-100 h-100 d-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Best Of BookTown</a>
</li>
<li id="categorieSelector" class="close-list-btn categorie flex-grow-1 fs-18 text-center w-100">
<a role="button"
class="w-100 h-100 d-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Close<i class="bi bi-arrow-up ms-2"></i></a>
</li>
</ul>
<a class="d-none d-md-block ms-5" href="../../Home-Page/index.html">
<img class="logo-name w-50 img-fluid" src="../../IMG/deafults/logo-name.svg"
alt="logo and name of website" />
</a>
<a class="d-none d-sm-block d-md-none me-4 pb-1" href="../Home-Page/index.html">
<i role="button" class="bi bi-house-door-fill text-danger fs-32 ps-2">
</i>
</a>
<nav class="navbar flex-grow-1 align-self-center me-sm-5 pe-lg-5">
<div class="container-fluid me-sm-5 pe-sm-5">
<form class="d-flex me-sm-5 pe-sm-5 w-100" role="search">
<input class="form-control me-sm-2 h-100 w-100 border-danger border-opacity-25" type="search"
placeholder="Search" aria-label="Search" />
<button class="btn btn-outline-danger" type="submit">
Search
</button>
</form>
</div>
</nav>
<div class="personal-profile d-flex gap-3 align-items-center justify-content-center me-5">
<a href="../Home-Page/index.html">
<i role="button" class="bi bi-house-door-fill text-danger fs-32 ps-2 d-block d-sm-none">
</i>
</a>

<span onclick="window.open('http://127.0.0.1:5500/Cart/index.html','_self','resizable=yes')">
<button type="button" class="btn btn-outline-danger">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-bag-fill" viewBox="0 0 16 16">
<path
d="M8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1zm3.5 3v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5z">
</path>
</svg>
Purchase
</button>
</span>
<a class="link" href="../../SignUpModal/index.html" rel="noopener noreferrer">
<button type="button" class="btn btn-outline-danger">
<svg class="" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
</svg>
Profile
</button>
</a>
<i role="button" class="bi bi-list fs-32 ps-2 d-block d-sm-none"></i>
</div>
</section>
<section class="row-2">
<ul class="nav-bar list-unstyled d-none d-sm-flex">
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center">
<a href="./ProductsPage/LinkedHTMLs/self-dev-index.html" role="button"
class="w-100 h-100 d-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Self-Development</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center">
<a href="./ProductsPage/LinkedHTMLs/philosophy-index.html" role="button"
class="w-100 h-100 d-inline-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Philosophy</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center">
<a href="./ProductsPage/LinkedHTMLs/novels-index.html" role="button"
class="w-100 h-100 d-inline-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Novels</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center">
<a href="./ProductsPage/MainPage/index.html" role="button"
class="w-100 h-100 d-inline-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Newest Books</a>
</li>
<li id="categorieSelector" class="categorie flex-grow-1 fs-18 text-center">
<a href="./ProductsPage/LinkedHTMLs/best.html" role="button"
class="w-100 h-100 d-block spinner-border-sm bg-danger text-light border border-1 border-warning border-opacity-10"
rel="noopener noreferrer">Best Of BookTown</a>
</li>
</ul>
</section>
</header>

<main class="d-flex align-items-center justify-content-center vh-100">
<div class="text-center">
<h1 class="display-1 fs-42 fw-bold">404</h1>
<p class="fs-3"> <span class="text-danger">Opps!</span> Page not found.</p>
<p class="lead">
The page you’re looking for doesn’t exist.
</p>
</div>
</main>
<script src="./JS/biList.js"></script>
</body>


</html>
93 changes: 93 additions & 0 deletions CSS/Utiles.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,93 @@
/*******************font-size*******************/

.fs-10 {
font-size: 10px;
}

.fs-12 {
font-size: 12px;
}
.fs-14 {
font-size: 14px;
}
.fs-16 {
font-size: 16px;
}
.fs-18 {
font-size: 18px;
}
.fs-20 {
font-size: 2px;
}
.fs-22 {
font-size: 22px;
}
.fs-24 {
font-size: 24px;
}
.fs-26 {
font-size: 26px;
}
.fs-28 {
font-size: 28px;
}
.fs-30 {
font-size: 3px;
}
.fs-32 {
font-size: 32px;
}
.fs-34 {
font-size: 34px;
}
.fs-36 {
font-size: 36px;
}
.fs-38 {
font-size: 38px;
}
.fs-40 {
font-size: 40px;
}
.fs-42 {
font-size: 42px;
}
.fs-44 {
font-size: 44px;
}
.fs-46 {
font-size: 46px;
}
.fs-48 {
font-size: 48px;
}

/*******************font-weight*******************/
.fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}

Empty file added CSS/components.css
View file
Empty file.
8 changes: 8 additions & 0 deletions CSS/reset.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
html {
font-size: 62.5%;
}

a {
text-decoration: none;
color: inherit;
}
Empty file added CSS/responsive.css
View file
Empty file.
80 changes: 80 additions & 0 deletions Cart/index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./style.css">
<title>BookTown Cart Page</title>
</head>
<body>
<section class="h-100 h-custom">
<div class="container h-100 py-sm-5">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col border border-danger rounded px-sm-3 py-3">
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th scope="col" class="h5">Shopping Bag</th>
<th scope="col">Price</th>
</tr>
</thead>
<tbody id="productItemsList"></tbody>
</table>
</div>
<div
class="card border-0 rounded-0 mt-3"
>
<div class="card-body pb-0">
<button
type="button"
class="btn btn-danger btn-block btn-lg w-100"
data-bs-toggle="modal" data-bs-target="#staticBackdrop"
>
Proceed to Pay
</button>
<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Are you sure about your purchase?</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
</div>
<hr class="my-2">
<div class="modal-body-2 px-4">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-danger" data-bs-dismiss="modal">Close</button>
<button onclick="window.open('https://booktown-4ix2.onrender.com/PaymentPage/index.html','_self','resizable=yes')" type="button" class="btn btn-danger">Go To Payment Page</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>

<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa"
crossorigin="anonymous"
></script>
<script type="module" src="./script.js"></script>
</body>
</html>
Loading

0 comments on commit f449e00

Please sign in to comment.