forked from pitambartiwari/Cafe-Project
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathStory.html
More file actions
209 lines (170 loc) · 5.52 KB
/
Story.html
File metadata and controls
209 lines (170 loc) · 5.52 KB
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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Campany</title>
<style>
*{
padding: 0%;
margin: 0%;
box-sizing: border-box;
}
img{
border-radius: 50%;
height:10CAP;
}
header{
background-color:#1fc47f;
top: 0%;
right: 0%;
left: 0%;
position: sticky;
}
#acc1{
height: 6cap;
margin-left: 0cap;
}
IMG{
margin-right: 4cap;
margin-left: 1cap;
margin-top: 10px;
}
a{
text-decoration: none;
color: black;
margin-right: 4.5cap;
font-size: 3cap;
text-align: center;
}
.search{
--padding:24px;
display: flex;
align-items: center;
padding: var(--padding);
border-radius: 28px;
background-color: #f6f6f6;
transition: box-shadow 0.25s;
width: 350px;
height: 50px;
}
.search:hover{
border: 2.5px solid black;
}
.search:focus-within{
box-shadow: 0 0 2px rgba(0, 0, 0, 0.75);
}
.search-input{
font-size: 19px;
font-family: 'lexend', sans-serif;
color: #333;
margin-left: var(--padding);
outline: none;
border: none;
background: transparent;
width: 200px;
}
.menu{
text-decoration: underline;
color:#085c2e;
}
.search-input::placeholder,
.search-icon{
color: rgba(0, 0, 0, 0.25);
}
#acc{
height: 4.5cap;
margin-left: 5cap
}
h3{
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 39px;
margin: 10px;
padding: 15px;
color:#085c2e;
}
#dd1{
text-align: center;
display:inline-block;
background-color:#1fc47f;
min-height: 250px;
height: 299px;
width: 280px;
margin-top: 20px;
border-radius: 10%;
overflow: auto;
font-size: 25px;
padding: 0%;
}
nav
{
background-color:#1fc47f;
}
a{
text-decoration: none;
color: black;
margin-right: 4.5cap;
font-size: 3cap;
text-align: center;
}
a:hover{
text-decoration:underline;
}
#logo2{
display: inline-block;
height: 60px;
margin: 10px;
}
</style>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=search" />
</head>
<body>
<header><div id="navbar">
<img src="back_1-removebg-preview.png">
<a href="Home.html">Home</a>
<a href="Menu.html">Menu</a>
<a href="gift.html">Voucher</a>
<a href="About.html" class="menu">About Us</a>
<a href="Contact.html">Contact Us</a>
<from style="display: inline-block; padding-bottom: 15px;">
<div class="search">
<span class=" search-icon material-symbols-outlined">search</span>
<input class="search-input" type="search" placeholder="search">
</div>
</from>
<img id="acc" src="logo acc.png">
<img id="acc1" src="add card.img.png" alt="card" >
</div></header>
<center> <img src="journy.img.jpg" alt="story" style="border-radius: 0%; height: 500px; width: 1200px; display: inline-block; padding: 15px;"></center>
<h3>☕ Our Story:</h3>
<h3><pre> It all started with a simple idea — to create a space where coffee isn’t just a
drink, but an experience. A place where people could slow down, connect, and feel
at home.
Founded in [2025] by [Pitambar Tiwari], our little coffee shop began as a
neighborhood dream. Nestled in the heart of [NAGPUR], we opened our doors with
nothing more than a second-hand espresso machine, a few cozy chairs, and a
whole lot of heart.
We believed in sourcing coffee ethically, roasting it with care, and serving
every cup with purpose. Our beans are handpicked from small, sustainable farms
around the world, then locally roasted to bring out their unique flavor and
character.
But our story isn't just about coffee. It's about people — the early risers
grabbing a quiet moment before the day begins, the friends catching up over
lattes, the artists, students, dreamers, and thinkers who make our space
feel alive.
At [ENDLESS COFFEE SHOP], you're not just a customer. You're part of the story
we’re writing every day — one sip, one smile, one conversation at a time.
Whether you’re here for the coffee, the community, or just a quiet corner
to read, welcome. We saved you a seat.
— With love,
The [ENDLESS COFFEE SHOP] Team
</pre></h3>
<nav>
<center>
<div id="dd1"><a href="About.html" style="font-size: 25px;"> About Us </a><br><br><a href="Our Campany.html" style="font-size: 25px;">Our Campany </a> <br><br><a href="Our Coffee.html" style="font-size: 25px;">Our Coffee </a><br> <br><a href="Story.html" style="font-size: 25px;">Story </a><br><br><a href="job.html" style="font-size: 25px;"> Job</a></div>
<div id="dd1"> <a href="policy.html" style="font-size: 25px;">Our Policy </a><br><br> <a href="terms.html" style="font-size: 25px;">Terms & Conditions</a> <br><br> <a href="privacy.html" style="font-size: 25px;">Privacy Policy</a></div>
<div id="dd1"> <b>Follow Us</b> <br><br> <a href="https://www.instagram.com/pitambar_tiwari__?igsh=eDh3ZmVpdzczNTAw" style=" height: 60px; margin: 10px;"><img id="logo2" src="insta logo.png" alt="insta logo"></a> <a href="https://www.instagram.com/pitambar_tiwari__?igsh=eDh3ZmVpdzczNTAw"style=" height: 60px; margin: 10px;"> <img id="logo2" src="face book logo.png" alt="facebook logo"></a></div>
</center>
</nav>
</body>
</html>