-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (132 loc) · 6.66 KB
/
Copy pathindex.html
File metadata and controls
143 lines (132 loc) · 6.66 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Florist - Project Landing Page</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="main">
<!-- First page -->
<div class="first-page">
<div class="header">
<div class="logo">Florist.ph</div>
<div class="right-links">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">My Cart</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</div>
<div class="hero-container">
<div class="hero">
<p class="hero-main-text">Brighten Your Day with Fresh Flowers</p>
<p class="hero-secondary-text">
Discover our stunning collection of bouquets, arrangements, and gifts, handpicked for every occasion.
Delivered with care, just for you.
</p>
<button class="shop-now-btn">Shop Now</button>
</div>
<div class="image">
<img src="./images/01.webp" alt="Woman in Black and White Dress Holding Vase with Yellow Flowers">
</div>
</div>
</div>
<!-- Second page -->
<div class="second-page">
<div class="info-header">
<h3>Why Choose Our Flowers?</h3>
</div>
<div class="info-container">
<div class="info">
<div class="info-icon">
<img src="./images/02.jpeg" alt="A person holding a bunch of roses in their hands">
</div>
<div class="text">
<p>Freshly handpicked blooms, guaranteed to stay vibrant and beautiful for days.</p>
</div>
</div>
<div class="info">
<div class="info-icon">
<img src="./images/03.webp" alt="A Woman Receiving a Bouquet of Flowers from the Deliveryman">
</div>
<div class="text">
<p>Fast and reliable delivery, ensuring your flowers arrive just as perfect as when they left us.</p>
</div>
</div>
<div class="info">
<div class="info-icon">
<img src="./images/04.jpeg" alt="Focused florist arranging flowers in floral shop">
</div>
<div class="text">
<p>Personalized arrangements tailored to your unique needs and preferences.</p>
</div>
</div>
<div class="info">
<div class="info-icon">
<img src="./images/05.jpeg" alt="Woman in White Long Sleeve Shirt Holding Bouquet of Flowers">
</div>
<div class="text">
<p>Committed to sustainability, sourcing flowers from eco-friendly farms.</p>
</div>
</div>
</div>
</div>
<!-- Third Page -->
<div class="third-page">
<div class="testimonial-container">
<p class="testimonial">
"The bouquet I received was absolutely stunning! The flowers were fresh, vibrant, and beautifully arranged.
It made my special day unforgettable."
</p>
<p class="author">- Sarah M., Happy Customer</p>
</div>
</div>
<!-- Fourth Page -->
<div class="fourth-page">
<div class="action-container">
<div class="action-text">
<div class="action-text-header">
<h3 >Brighten Someone’s Day with Flowers!</h3>
</div>
<div class="action-subtext">
<p >Discover our stunning collection of floral arrangements and bouquets.</p>
</div>
</div>
<div>
<button class="sign-up-btn">Shop Now</button>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="left-footer">
<div>Alright Reserved. © 2024 <a href="https://www.florist.com.ph" title="florist.ph">Florist.ph</a></div>
<div>Developed by: <a href="https://www.facebook.com/grim3ntrix" title="developer">Do Dong</a></div>
<div>Made with ❤️</div>
</div>
<div class="right-footer">
<div>
All image used can be found in <a href="https://www.pexels.com" title="_">www.pexels.com</a>
</div>
<div>
Hero <a href="https://www.pexels.com/photo/woman-in-black-and-white-dress-holding-vase-with-yellow-flowers-3894212/" title="Woman in Black and White Dress Holding Vase with Yellow Flowers">image</a> is made by <a href="https://www.pexels.com/@olly/" title="Andrea Piacquadio">Andrea Piacquadio</a>
</div>
<div>
Image <a href="https://www.pexels.com/photo/a-person-holding-a-bunch-of-roses-in-their-hands-27549314/" title="A person holding a bunch of roses in their hands">info-1</a> is made by <a href="https://www.pexels.com/@julia-viktorovna-155339386/" title="Julia Viktorovna">Julia Viktorovna</a>
</div>
<div>
Image <a href="https://www.pexels.com/photo/a-woman-receiving-a-bouquet-of-flowers-from-the-deliveryman-6682873/" title="A Woman Receiving a Bouquet of Flowers from the Deliveryman">info-2</a> is made by <a href="https://www.pexels.com/@kampus/" title="Kampus Production">Kampus Production</a>
</div>
<div>
Image <a href="https://www.pexels.com/photo/focused-florist-arranging-flowers-in-floral-shop-5414034/" title="Focused florist arranging flowers in floral shop">info-3</a> is made by <a href="https://www.pexels.com/@amina-filkins/" title="Amina Filkins">Amina Filkins</a>
</div>
<div>
Image <a href="https://www.pexels.com/photo/woman-in-white-long-sleeve-shirt-holding-bouquet-of-flowers-6508777/" title="Woman in White Long Sleeve Shirt Holding Bouquet of Flowers">info-4</a> is made by <a href="https://www.pexels.com/@tima-miroshnichenko/" title="Tima Miroshnichenko">Tima Miroshnichenko</a>
</div>
</div>
</div>
</body>
</html>