-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (128 loc) · 5.52 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coffee</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--navigation area-->
<nav>
<h1>Logo</h1>
<ul>
<section>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Menu</a></li>
<li><a href="">Contact</a></li>
</section>
</ul>
</nav>
<!--header-->
<header>
<h1 class="main-heading">Awaken Your Senses</h1>
<h1 class="primary-heading"> with the Finest Brews</h1>
<button class="mn-btn">Shop now</button>
</header>
<section id="our-story">
<div class="img-container">
<div class="img"></div>
</div>
<div class="section-content">
<div class="title-style">
<span class="line"></span>
<h1 class="title">Our Story</h1>
</div>
<p>
"Welcome to BrewCrafters, where the love for coffee takes you on an extraordinary journey. We are founded on a shared passion for exceptional brews and we travel around the world to source the finest beans. Our commitment to quality, sustainability, and the art of crafting the perfect cup are the defining principles of BrewCrafters. Come join us on this flavorful adventure as we bring you a symphony of rich, aromatic experiences, one cup at a time."
</p>
<button>Learn More</button>
</div>
</section>
<!--perfect place to enjoy yr coffee-->
<section class="coffee-container">
<div class="content-section">
<div class="title-style">
<h1 class="title-two">
Perfect Place <br />
To Enjoy Your <br />
Coffee
</h1>
</div>
<p>
Welcome to BrewCrafters, a cozy coffee haven where you can enjoy exceptional coffee and the warm embrace of community. Whether you prefer a bustling café or a quiet corner, BrewCrafters is your sanctuary. Savor your coffee, chat with friends, or lose yourself in a good book – it's the perfect place to indulge in the simple pleasures.
</p>
<button style="margin-top: 20px;">Learn More</button>
</div>
<section class="img-container">
<img src="images/2.png " class="img-2" alt=""/>
</section>
</section>
<!--products-->
<section class="product">
<h1 class="title title-three">Products</h1>
<section class="cards">
<div class="card">
<div class="card-img img-one"></div>
<div class="card-title">
<h1>Mocha</h1>
</div>
<div class="items">
<p>Turkish Coffee</p>
<p>Espresso</p>
<p>Cold Brew</p>
</div>
</div>
<div class="card">
<div class="card-img img-two"></div>
<div class="card-title">
<h1>Mocha</h1>
</div>
<div class="items">
<p>Turkish Coffee</p>
<p>Espresso</p>
<p>Cold Brew</p>
</div>
</div>
<div class="card">
<div class="card-img img-three"></div>
<div class="card-title">
<h1>Mocha</h1>
</div>
<div class="items">
<p>Turkish Coffee</p>
<p>Espresso</p>
<p>Cold Brew</p>
</div>
</div>
</section>
</section>
<!--product ends-->
<!--footer starts-->
<hr>
<footer>
<div class="container">
<h1 class="heading-info">About<span> Us</span></h1>
<p>This website is purely for development purposes and is not affiliated with any coffee shops. It was created by Jishnu Mohan. For inquiries, please contact the provided email address.</p>
</div>
<div class="container">
<h1 class="heading-info">Contact<span> Us</span></h1>
<p>Our customer support team is available to assist you with orders, product inquiries, or any other concerns.
Email: jishnumohanwork@gmail.com
Phone: (+91) 83300xxx65</p>
</div>
<div class="container">
<h1 class="heading-info">Opening<span> Hours</span></h1>
<p>Monday - Friday: 7:00 AM - 7:00 PM
Saturday - Sunday: 8:00 AM - 6:00 PM
Customer Support:
Monday - Friday: 9:00 AM - 5:00 PM (For order inquiries, product information, and general assistance)</p>
</div>
<hr class="hr-second">
</footer>
<p class="para">
Copyright @ 2023 Jishnu Webdev | Provided by<span> Jishnu Webdev</span>
</p>
</body>
</html>