-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (52 loc) · 1.95 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coffee Page</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav>
<h1 class="logo">Logo</h1>
<ul>
<li><a href="">About</a></li>
<li><a href="">Home</a></li>
<li><a href="">Menu</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</nav>
<header class="header">
<h1 class="mainhe">Start Your Day</h1>
<h1 class="primaryh">WITH OUR COFFEE</h1>
<button class="btn">Shop Now</button>
</header>
<section id="our-story">
<div class="imgc">
<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>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias quasi, aut maxime eaque quisquam blanditiis quis ipsam. Ipsum, officia nobis soluta optio nemo voluptatibus perferendis qui doloribus, porro, sint quis</p>
<button>Learn More</button>
</div>
</section>
<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>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium eligendi maiores iste et rem laudantium quibusdam. Excepturi dolorem aut, voluptas reprehenderit laborum porro aspernatur ullam numquam laudantium esse, voluptate repudiandae veniam ex alias ipsum?</p>
<button>Learn More</button>
</div>
se
</section>
</body>
</html>