-
Notifications
You must be signed in to change notification settings - Fork 0
/
floral-photography.html
171 lines (136 loc) · 7.75 KB
/
floral-photography.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
171
<!--
*********************************************************************************************
* File: floral-photography.html
* Author: Madhurima Rawat
* Date: December 18, 2024
* Description: This page showcases a collection of floral photography by Madhurima Rawat. The page
* features several photographs of flowers, including roses and daisies, displayed with
* brief descriptions and inspirational quotes. Each photo item is embedded with Pinterest
* iframe elements to allow visitors to view larger versions of the photographs and share them.
* The page also includes an introduction to the collection and a conclusion thanking visitors
* for exploring the beauty of flowers through the photographer's lens.
* Version: 1.0
* GitHub Repository: https://github.com/madhurimarawat/Madhurima-Mindscape
* Issues/Bugs: For any issues or bugs, please visit the GitHub repository issues section.
* Comments:
- The page introduces the floral photography collection with a welcoming message and a quote about nature's artistry.
- Each photo item contains a detailed description and a relevant quote that reflects the photographer's artistic vision.
- Embedded Pinterest iframes allow visitors to view and share images directly from the page.
- The conclusion section expresses gratitude to visitors for exploring the floral photography collection.
* Dependencies:
- Bootstrap 4.6.1 for responsive design and layout management.
- Font Awesome for icons (e.g., social links and other UI elements).
- jQuery for smooth interaction and functionality.
*********************************************************************************************
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Meta Description for SEO -->
<meta name="description"
content="Explore Madhurima Mindscape's Floral Photography collection, featuring beautiful close-ups of roses, daisies, and other vibrant flowers.">
<!-- Meta Keywords for SEO -->
<meta name="keywords"
content="Floral Photography, Pink Rose, Daisies, Cream Rose, Red Rose, Nature Photography, Flower Photography, Floral Art">
<!-- Meta Author for SEO -->
<meta name="author" content="Madhurima Rawat">
<!-- Meta Robots to tell search engines how to treat the page -->
<meta name="robots" content="index, follow">
<title>Madhurima Mindscape</title>
<!-- For PNG and SVG logos -->
<link rel="icon" href="images/Logo.png" type="image/png">
<!-- Bootstrap CSS CDN-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"
integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/contents.css">
<!-- Link to Font Awesome -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<script defer src="js/index.js"></script>
</head>
<body>
<!-- Placing the div with a specific id to insert the navbar -->
<div id="header-container"></div>
<h2>Floral Photography</h2>
<section class="floral-intro">
<blockquote class="blockquote">
<p>“Through the lens of my camera, I capture the delicate beauty of nature's floral creations. Every
photograph
is an exploration of color, texture, and life—a testament to the world’s natural artistry.”</p>
</blockquote>
<p>Welcome to my Floral Photography collection! I am passionate about capturing the intricate beauty of flowers
in
their full bloom. From the delicate petals of a pink rose to the vibrant hues of daisies, each shot is an
attempt to bring the enchanting world of flora closer to you.</p>
</section>
<section class="floral-photography">
<div class="photo-item">
<h3>Pink Rose Close-Up</h3>
<p>This close-up shot captures the delicate layers of a pink rose, showcasing its soft petals and vibrant
color.</p>
<blockquote class="blockquote">
<p>Every petal tells a story of nature's perfect symmetry and beauty.</p>
</blockquote>
<div style="display: flex; justify-content: center; align-items: center;">
<iframe src="https://assets.pinterest.com/ext/embed.html?id=1032661389546260052" height="452"
width="236" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<br>
<div class="photo-item">
<h3>Daisis in a Small Pot</h3>
<p>A shot of two daisis flowers in a small pot, their bold colors stand out against the green backdrop,
showcasing
their vibrant beauty.</p>
<blockquote class="blockquote">
<p>Bright colors in small spaces remind us that beauty can be found anywhere.</p>
</blockquote>
<div style="display: flex; justify-content: center; align-items: center;">
<iframe src="https://assets.pinterest.com/ext/embed.html?id=1032661389544240013" height="424"
width="236" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<br>
<div class="photo-item">
<h3>Cream Rose with Red-Marron Center</h3>
<p>This photograph highlights the elegant contrast between the cream-colored petals and the red-maroon
center,
creating a striking visual effect.</p>
<blockquote class="blockquote">
<p>Sometimes, the most subtle contrasts create the most beautiful compositions.</p>
</blockquote>
<div style="display: flex; justify-content: center; align-items: center;">
<iframe src="https://assets.pinterest.com/ext/embed.html?id=1032661389544240508" height="387"
width="236" frameborder="0" scrolling="no"></iframe>
</div>
</div>
<br>
<div class="photo-item">
<h3>Stunning Red Rose</h3>
<p>The red rose, surrounded by green leaves, symbolizes deep emotions and timeless beauty, with its rich,
vibrant
color standing out beautifully against the foliage.</p>
<blockquote class="blockquote">
<p>Red roses represent passion, and their beauty never fades.</p>
</blockquote>
<div style="display: flex; justify-content: center; align-items: center;">
<iframe src="https://assets.pinterest.com/ext/embed.html?id=1032661389544240398" height="415"
width="236" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</section>
<section class="floral-conclusion">
<p>Thank you for exploring the beauty of flowers through my lens. Each photograph represents not only a moment
frozen in time but a connection to nature’s wonders. I hope this collection inspires you to appreciate the
delicate details of the world around us.</p>
</section>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
<br>
</body>
<footer class="footer-section">
<p>© 2024 Madhurima Mindscape. All rights reserved.</p>
</footer>
</html>