-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (110 loc) · 4.56 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flower shop</title>
<link rel="stylesheet" href="styles/flowershop.css">
</head>
<body class="bod">
<header class="header">
<div class="banner">
<div>
<h1 class="banner-initial">
Let's make<br>beautiful flowers a<br>part of your life.
</h1>
<p class="bannerchuta">
It is a long established fact that a reader will be distracted by the readable<br>content of a page when looking at its layout. The point of using Lorem Ipsum is<br>that it has a more-or-less normal distribution of letters.
</p>
<button class="btn">Shop Now</button>
</div>
<div>
<img src="images/pngwing 10.png" alt="" class="imgmain">
</div>
</div>
</header>
<main>
<div class="pad">
<section class="about">
<h3 class="title">
Our Featured Flowers
</h3>
<p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</section>
<section class="flowers">
<div class="flower" >
<img src="./images/pngwing 6.png" alt="" class="flowe1">
<p class="hea">Pink flower tree</p>
</div>
<div class="flower">
<img src="./images/pngwing 5.png" alt="" class="flowe2">
<p class="hea">Flower set</p>
</div>
<div class="flower">
<img src="./images/pngwing 7.png" alt="" class="flowe3">
<p class="hea">Yellow flower tree</p>
</div>
</section>
<section class="middle">
<div class="help">
<img src="./images/Group 57.png" alt="" class="hel1">
<p class="he">Same Day Delivery. Click & Collect.</p>
</div>
<div class="help">
<img src="./images/Group 58.png" alt="" class="hel2">
<p class="he">Fresh Flowers. Local Growers.</p>
</div>
<div class="help">
<img src="./images/Group 59.png" alt="" class="hel3">
<p class="he">24/7 Free Support.</p>
</div>
</section>
</div>
<div class="banner2">
<div class="headd">
<div class="text">
<p class="a">Hot Deal ! Sale Up To 25% Off</p>
<p class="b">It is a long established fact that a reader will be distracted by the readable<br>content of a page when looking at its layout.</p>
<button class="btn">Sign up</button>
</div>
<img src="./images/pngwing 8.png" alt="" class="pic2">
</div>
</div>
<div class="pad">
<section class="about">
<h3 class="title">
Instragram
</h3>
<p class="description">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
</section>
<section class="onlyimg">
<img src="./images/Flower 01.png" alt="" class="onlypic">
<img src="./images/Rectangle 4.png" alt="" class="onlypic">
<img src="./images/Rectangle 5.png" alt="" class="onlypic">
<img src="./images/Rectangle 6.png" alt="" class="onlypic">
</section>
<section class="last">
<div class="background">
<div class="text1">
<p class="aa">Get The Latest Deals</p>
<p class="b">$30 coupon for first shopping</p>
<div class="flex">
<form>
<label>
<input type="email" placeholder="Enter your email here...." class="form">
</label>
</form>
<button class="btn">Subscribe</button>
</div>
</div>
</div>
</section>
</div>
</main>
<footer class="black">
<p class="heading2"><span class="color">Flower</span>Shop</p>
<p class="ajaira2">It is a long established fact that a reader will be distracted by the readable<br>content of a page when looking at its layout.</p>
<p class="ending">@2020-2023, FlowerShop.com. All rights reserved.</p>
</footer>
</body>
</html>