Skip to content

Commit 3d90ba8

Browse files
SandeshGharal264SandeshGharal264
committed
Files added successfully
1 parent a95ba3e commit 3d90ba8

File tree

4 files changed

+514
-363
lines changed

4 files changed

+514
-363
lines changed

‎about.html‎

Lines changed: 66 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>About Us - Ecommerce Website</title>
8+
<!-- Include Bootstrap CSS -->
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
10+
<link rel="stylesheet" href="style.css" />
11+
</head>
12+
<body>
13+
<!-- Navbar (Reuse the same navbar code for consistency) -->
14+
<header>
15+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
16+
<div class="container-fluid">
17+
<a class="navbar-brand" href="index.html">
18+
<img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
19+
</a>
20+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
<div class="collapse navbar-collapse" id="navbarNav">
24+
<ul class="navbar-nav ms-auto">
25+
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
26+
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
27+
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
28+
<li class="nav-item"><a class="nav-link active" href="about.html">About</a></li>
29+
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
30+
</ul>
31+
</div>
32+
</div>
33+
</nav>
34+
</header>
35+
36+
<!-- About Us Content -->
37+
<section class="container my-5">
38+
<div class="row">
39+
<div class="col-md-12 text-center">
40+
<h1>About Us</h1>
41+
<p class="lead">Welcome to our ecommerce platform! We are dedicated to providing high-quality products and excellent service.</p>
42+
</div>
43+
<div class="col-md-6">
44+
<img src="images/about/a6.jpg" class="img-fluid" alt="About Us">
45+
</div>
46+
<div class="col-md-6">
47+
<h2>Our Story</h2>
48+
<p>
49+
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.
50+
</p>
51+
<p>
52+
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!
53+
</p>
54+
</div>
55+
</div>
56+
</section>
57+
58+
<!-- Footer -->
59+
<footer class="bg-dark text-white text-center py-3">
60+
<p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
61+
</footer>
62+
63+
<!-- Bootstrap JS -->
64+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
65+
</body>
66+
</html>

‎blog.html‎

Lines changed: 87 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,87 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Blog - Ecommerce Website</title>
8+
<!-- Include Bootstrap CSS -->
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
10+
<link rel="stylesheet" href="style.css" />
11+
</head>
12+
<body>
13+
<!-- Navbar -->
14+
<header>
15+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
16+
<div class="container-fluid">
17+
<a class="navbar-brand" href="index.html">
18+
<img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
19+
</a>
20+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
<div class="collapse navbar-collapse" id="navbarNav">
24+
<ul class="navbar-nav ms-auto">
25+
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
26+
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
27+
<li class="nav-item"><a class="nav-link active" href="blog.html">Blog</a></li>
28+
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
29+
<li class="nav-item"><a class="nav-link" href="contact.html">Contact Us</a></li>
30+
</ul>
31+
</div>
32+
</div>
33+
</nav>
34+
</header>
35+
36+
<!-- Blog Content -->
37+
<section class="container my-5">
38+
<div class="row">
39+
<div class="col-md-12 text-center">
40+
<h1>Blog</h1>
41+
<p class="lead">Stay updated with the latest news and articles from our blog.</p>
42+
</div>
43+
</div>
44+
45+
<div class="row">
46+
<div class="col-md-4">
47+
<div class="card mb-4">
48+
<img src="images/blog/b1.jpg" class="card-img-top" alt="Blog Post 1">
49+
<div class="card-body">
50+
<h5 class="card-title">Blog Post Title 1</h5>
51+
<p class="card-text">Short description of the blog post. This will give users a glimpse of the content.</p>
52+
<a href="#" class="btn btn-primary">Read More</a>
53+
</div>
54+
</div>
55+
</div>
56+
<div class="col-md-4">
57+
<div class="card mb-4">
58+
<img src="images/blog/b4.jpg" class="card-img-top" alt="Blog Post 2">
59+
<div class="card-body">
60+
<h5 class="card-title">Blog Post Title 2</h5>
61+
<p class="card-text">Short description of the blog post. This will give users a glimpse of the content.</p>
62+
<a href="#" class="btn btn-primary">Read More</a>
63+
</div>
64+
</div>
65+
</div>
66+
<div class="col-md-4">
67+
<div class="card mb-4">
68+
<img src="images/blog/b3.jpg" class="card-img-top" alt="Blog Post 3">
69+
<div class="card-body">
70+
<h5 class="card-title">Blog Post Title 3</h5>
71+
<p class="card-text">Short description of the blog post. This will give users a glimpse of the content.</p>
72+
<a href="#" class="btn btn-primary">Read More</a>
73+
</div>
74+
</div>
75+
</div>
76+
</div>
77+
</section>
78+
79+
<!-- Footer -->
80+
<footer class="bg-dark text-white text-center py-3">
81+
<p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
82+
</footer>
83+
84+
<!-- Bootstrap JS -->
85+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
86+
</body>
87+
</html>

‎contact.html‎

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Contact Us - Ecommerce Website</title>
8+
<!-- Include Bootstrap CSS -->
9+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" />
10+
<link rel="stylesheet" href="style.css" />
11+
</head>
12+
<body>
13+
<!-- Navbar -->
14+
<header>
15+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
16+
<div class="container-fluid">
17+
<a class="navbar-brand" href="index.html">
18+
<img src="images/logo.png" alt="Logo" class="img-fluid" width="100">
19+
</a>
20+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
21+
<span class="navbar-toggler-icon"></span>
22+
</button>
23+
<div class="collapse navbar-collapse" id="navbarNav">
24+
<ul class="navbar-nav ms-auto">
25+
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
26+
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
27+
<li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
28+
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
29+
<li class="nav-item"><a class="nav-link active" href="contact.html">Contact Us</a></li>
30+
</ul>
31+
</div>
32+
</div>
33+
</nav>
34+
</header>
35+
36+
<!-- Contact Us Content -->
37+
<section class="container my-5">
38+
<div class="row">
39+
<div class="col-md-12 text-center">
40+
<h1>Contact Us</h1>
41+
<p class="lead">We'd love to hear from you! Feel free to get in touch with us using the form below.</p>
42+
</div>
43+
</div>
44+
45+
<div class="row">
46+
<div class="col-md-6">
47+
<h3>Get in Touch</h3>
48+
<address>
49+
<p><b>Address:</b> Wellington Road, Street 32, San Francisco</p>
50+
<p><b>Phone:</b> +1 234 567 890</p>
51+
<p><b>Email:</b> support@ecommerce.com</p>
52+
</address>
53+
</div>
54+
<div class="col-md-6">
55+
<form>
56+
<div class="mb-3">
57+
<label for="name" class="form-label">Your Name</label>
58+
<input type="text" class="form-control" id="name" placeholder="Enter your name">
59+
</div>
60+
<div class="mb-3">
61+
<label for="email" class="form-label">Email Address</label>
62+
<input type="email" class="form-control" id="email" placeholder="Enter your email">
63+
</div>
64+
<div class="mb-3">
65+
<label for="message" class="form-label">Message</label>
66+
<textarea class="form-control" id="message" rows="5" placeholder="Your message"></textarea>
67+
</div>
68+
<button type="submit" class="btn btn-primary">Send Message</button>
69+
</form>
70+
</div>
71+
</div>
72+
</section>
73+
74+
<!-- Footer -->
75+
<footer class="bg-dark text-white text-center py-3">
76+
<p>&copy; 2024 Ecommerce Website | All Rights Reserved</p>
77+
</footer>
78+
79+
<!-- Bootstrap JS -->
80+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
81+
</body>
82+
</html>

0 commit comments

Comments
 (0)