Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Files added successfully #31

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Files added successfully #31

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 66 additions & 0 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!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>About Us - Ecommerce Website</title>
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Navbar (Reuse the same navbar code for consistency) -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
</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">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link active" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>

<!-- About Us Content -->
<section class="container my-5">
<div class="row">
<div class="col-md-12 text-center">
<h1>About Us</h1>
<p class="lead">Welcome to our ecommerce platform! We are dedicated to providing high-quality products and excellent service.</p>
</div>
<div class="col-md-6">
<img src="images/about/a6.jpg" class="img-fluid" alt="About Us">
</div>
<div class="col-md-6">
<h2>Our Story</h2>
<p>
Founded in 2020, our mission is to revolutionize online shopping by providing an exceptional customer experience. Our collection features the latest fashion trends and everyday essentials, all at competitive prices.
</p>
<p>
Our team is committed to sourcing the best products from around the world and bringing them directly to your doorstep. Whether you're looking for apparel, accessories, or home goods, we have something for everyone!
</p>
</div>
</div>
</section>

<!-- Footer -->
<footer class="bg-dark text-white text-center py-3">
<p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
</footer>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
87 changes: 87 additions & 0 deletions blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,87 @@
<!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>Blog - Ecommerce Website</title>
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
</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">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
<li class="nav-item"><a class="nav-link active" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>

<!-- Blog Content -->
<section class="container my-5">
<div class="row">
<div class="col-md-12 text-center">
<h1>Blog</h1>
<p class="lead">Stay updated with the latest news and articles from our blog.</p>
</div>
</div>

<div class="row">
<div class="col-md-4">
<div class="card mb-4">
<img src="images/blog/b1.jpg" class="card-img-top" alt="Blog Post 1">
<div class="card-body">
<h5 class="card-title">Blog Post Title 1</h5>
<p class="card-text">Short description of the blog post. This will give users a glimpse of the content.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4">
<img src="images/blog/b4.jpg" class="card-img-top" alt="Blog Post 2">
<div class="card-body">
<h5 class="card-title">Blog Post Title 2</h5>
<p class="card-text">Short description of the blog post. This will give users a glimpse of the content.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4">
<img src="images/blog/b3.jpg" class="card-img-top" alt="Blog Post 3">
<div class="card-body">
<h5 class="card-title">Blog Post Title 3</h5>
<p class="card-text">Short description of the blog post. This will give users a glimpse of the content.</p>
<a href="#" class="btn btn-primary">Read More</a>
</div>
</div>
</div>
</div>
</section>

<!-- Footer -->
<footer class="bg-dark text-white text-center py-3">
<p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
</footer>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
82 changes: 82 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!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>Contact Us - Ecommerce Website</title>
<!-- Include Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="style.css" />
</head>
<body>
<!-- Navbar -->
<header>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
</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">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><a class="nav-link active" href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>
</header>

<!-- Contact Us Content -->
<section class="container my-5">
<div class="row">
<div class="col-md-12 text-center">
<h1>Contact Us</h1>
<p class="lead">We'd love to hear from you! Feel free to get in touch with us using the form below.</p>
</div>
</div>

<div class="row">
<div class="col-md-6">
<h3>Get in Touch</h3>
<address>
<p><b>Address:</b> Wellington Road, Street 32, San Francisco</p>
<p><b>Phone:</b> +1 234 567 890</p>
<p><b>Email:</b> [email protected]</p>
</address>
</div>
<div class="col-md-6">
<form>
<div class="mb-3">
<label for="name" class="form-label">Your Name</label>
<input type="text" class="form-control" id="name" placeholder="Enter your name">
</div>
<div class="mb-3">
<label for="email" class="form-label">Email Address</label>
<input type="email" class="form-control" id="email" placeholder="Enter your email">
</div>
<div class="mb-3">
<label for="message" class="form-label">Message</label>
<textarea class="form-control" id="message" rows="5" placeholder="Your message"></textarea>
</div>
<button type="submit" class="btn btn-primary">Send Message</button>
</form>
</div>
</div>
</section>

<!-- Footer -->
<footer class="bg-dark text-white text-center py-3">
<p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
</footer>

<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
Loading