-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
170 lines (168 loc) · 8.04 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="Stylesheet" href="style.css">
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet">
<link rel="stylesheet" href="responsive.css">
</head>
<div>
<div class="header">
<h2>Flower</h2>
<i id="menu" class="ri-menu-line"></i>
<div class="links">
<a href="#">Home</a>
<a href="#">About Us</a>
<a href="#">Our Services</a>
<a href="#">Contact Us</a>
<button>Login</button>
</div>
</div>
<div class="container">
<div class="element">
<h1>Flowers</h1>
<h2>Roses</h2>
<p>Roses are one of the most iconic and beloved flowers in the world, renowned for their breathtaking beauty, intoxicating fragrance, and symbolic significance. With over 150 species, roses come in a stunning array of colors, shapes, and sizes, from classic red and pink to vibrant yellow, orange, and purple. They are often associated with love, romance, and appreciation, making them a timeless choice for bouquets, arrangements, and gardens. Whether you're looking to express deep emotions or simply add a touch of elegance to your space, roses are sure to captivate and inspire!</p>
<button>Know More...</button>
</div>
<div class="element"></div>
</div>
<div class="card-container">
<div class="title2">
<h1>Roses</h1>
</div>
<div class="card-layout">
<div class="card">
<div class="icon">
<i class="ri-flower-line"></i>
</div>
<h2>Old Garden Rose</h2>
<p>Often referred to as “antique” roses and “historic” roses, the Old Garden Rose has been around since before 1867. Double-flower blooms emit a notably strong-scented fragrance, but they only bloom once per season, unlike Modern Roses. Since they are a time-tested variety, Old Garden Roses have evolved with the advantage of being extra hardy and disease-resistant. </p>
</div>
<div class="card">
<div class="icon">
<i class="ri-flower-fill"></i>
</div>
<h2>Wild Roses</h2>
<p>Considered the wildflower type of rose, Wild Roses, or “species roses,” lack the cross-breeding history and hybridization of other modern varieties. Wild Roses typically have a single bloom with a five-petal flower. The easiest way to determine a Wild Rose is in their color they are almost always pink! In fact, it is an anomaly to find a red or white Wild Rose.</p>
</div>
<div class="card">
<div class="icon">
<i class="ri-arrow-down-fill"></i>
</div>
<h2>Modern Garden Roses</h2>
<p>As you browse Jackson & Perkins extensive rose collection, Modern Garden Roses are more likely what you will find. Modern Roses were bred after 1867, taking the place of heritage Old Garden Roses. As mentioned above, there are certain distinctions between the two. Where Old Garden Roses bloom once per year, Modern Roses offer a continuous bloom, as well as a larger bloom size.</p>
</div>
</div>
</div>
<div class="about-container">
<div class="title">
<h2>About Roses</h2>
</div>
<div class="box">
<div class="element-content">
<h1>The Beauty of Roses</h1>
<h2>Roses</h2>
<p>Welcome to our, a haven for rose enthusiasts and anyone who appreciates the beauty and significance of these timeless flowers. Our journey began with a shared passion for roses and a desire to share their beauty, fragrance, and symbolism with the world.To inspire and educate people about the world of roses , to showcase the beauty and diversity of roses through stunning visuals and storytelling and to provide a community for rose enthusiasts to connect, share, and learn from each other
</p>
</div>
<div class="element-image"></div>
</div>
<div class="box">
<div class="element-image"></div>
<div class="element-content">
<h1>Red Roses</h1>
<h2>The Timeless Elegance of Red Roses</h2>
<p>Red roses are the ultimate symbol of love, passion, and romance. Their deep, velvety petals evoke feelings of desire, energy, and commitment. With their classic, timeless beauty, red roses convey a message of devotion, making them the perfect choice for expressing heartfelt emotions on anniversaries, Valentine's Day, and other special occasions. Whether solo or in a bouquet, red roses exude sophistication, elegance, and a deep sense of affection, leaving a lasting impression on all who behold them.</p>
</div>
</div>
</div>
<div class="contact-container">
<div class="title">
<h2>Contact Us!!</h2>
</div>
<div class="form-container">
<div class="background"></div>
<form>
<div class="form-filled">
<label>Full Name</label>
<input type="text">
<span></span>
</div>
<div class="form-filled">
<label>Phone Number</label>
<input type="number">
<span></span>
</div>
<div class="form-filled">
<label>Email</label>
<input type="email">
<span></span>
</div>
<div class="form-filled">
<label>Company Name</label>
<input type="text">
<span></span>
</div>
<div class="form-filled">
<input type="submit" value="Contact Now">
</div>
</form>
</div>
</div>
<div class="footer-container">
<div class="footer">
<div class="card">
<div class="card-title">
<h2>Amazon</h2>
</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Officia minima, iure possimus qui perspiciatis voluptatem vitae, sint numquam, ea ipsam cupiditate eligendi! Corrupti, et accusamus fugit explicabo cumque aperiam officia.</p>
</div>
<div class="card">
<div class="card-title">
<h2>Important Links</h2>
</div>
<ul>
<li><p>Home</p></li>
<li><p>About Us</p></li>
<li><p>Our Services</p></li>
<li><p>Contact Us</p></li>
</ul>
</div>
<div class="card">
<div class="card-title">
<h2>Information</h2>
</div>
<div class="footer-box">
<i class="ri-phone-fill"></i>
<p>+917899274501</p>
</div>
<div class="footer-box">
<i class="ri-mail-line"></i>
<p>@yyd.hatga/.gmail.com</p>
</div>
</div>
<div class="card">
<div class="card-title">
<h2>Get Our Updates</h2>
<form>
<!-- <input type="email"></form> -->
<!-- <div class="submit">
<input type="submit" value="Get Updates">
</div> -->
</form>
</div>
</div>
</div>
<div class="copyright">
<p>© Trisha Banerjee . All Rights Reserved</p>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>