generated from raja21068/yoga
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmood.html
200 lines (175 loc) · 6.64 KB
/
mood.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Romantic Atmosphere & Relaxing Bath Guide</title>
<style>
/* Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Main Styles */
body {
font-family: Arial, sans-serif;
background-color: #fef9f6;
color: #333;
line-height: 1.6;
display: flex;
justify-content: center;
}
.container {
max-width: 1000px;
padding: 20px;
}
/* Header */
header {
text-align: center;
padding: 50px 20px;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('path-to-hero-image.jpg') no-repeat center/cover;
color: #fff;
border-radius: 10px;
}
header h1 {
font-size: 3rem;
margin-bottom: 10px;
}
header p {
font-size: 1.2rem;
color: #f2f2f2;
font-style: italic;
}
/* Section Styles */
section {
margin-top: 40px;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
section h2 {
font-size: 2rem;
color: #b52b65;
margin-bottom: 15px;
text-align: center;
}
section p {
font-size: 1rem;
color: #666;
margin-bottom: 15px;
}
/* Full-width Images */
.section-image {
width: 100%;
max-height: 500px;
object-fit: cover;
border-radius: 10px;
margin-top: 20px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Tip Boxes */
.tip-box {
background-color: #fef1f3;
padding: 15px;
border-left: 4px solid #b52b65;
font-style: italic;
color: #b52b65;
margin-top: 15px;
border-radius: 5px;
}
/* Buttons */
.interactive-button {
display: inline-block;
padding: 10px 20px;
font-size: 1rem;
color: #fff;
background-color: #b52b65;
border: none;
border-radius: 5px;
text-decoration: none;
margin-top: 10px;
text-align: center;
transition: background-color 0.3s;
}
.interactive-button:hover {
background-color: #a2355a;
}
/* Footer */
footer {
text-align: center;
padding: 30px;
font-size: 0.9rem;
color: #666;
margin-top: 40px;
}
</style>
</head>
<body>
<div class="container">
<!-- Header Section -->
<header>
<h1>Creating a Romantic Ambiance</h1>
<p>Transform your space into a haven of romance and relaxation.</p>
</header>
<!-- Setting the Mood Section -->
<section>
<h2>Setting the Mood</h2>
<p>Light candles, play some soft music, and adjust the lighting to create a cozy and intimate atmosphere. Consider dimming the lights or using warm-colored lamps to add depth to your setting.</p>
<img src="images-e/romantic1.webp" alt="Candlelight setup" class="section-image">
<div class="tip-box">Pro Tip: Cluster candles of different heights for a cozy feel. Use LED candles if moving around.</div>
</section>
<!-- Music for the Mood Section -->
<section>
<h2>Music for the Mood</h2>
<p>Choose relaxing or sensual music like jazz, classical, or ambient electronic. A curated playlist can add a soft rhythm to enhance the setting’s intimacy.</p>
<a href="https://www.youtube.com/watch?v=AvPmNp2TnRc" class="interactive-button">Play Romantic Playlist</a>
<div class="tip-box">Pro Tip: Make a custom playlist with songs that mean something to both of you.</div>
</section>
<!-- Romantic Dinner Section -->
<section>
<h2>Romantic Dinner at Home</h2>
<p>Cook a special meal together and enjoy it by candlelight. Aphrodisiac foods like oysters, chocolate, or a glass of red wine can set a romantic tone for the evening.</p>
<img src="images-e/mood2.webp" alt="Romantic dinner" class="section-image">
<div class="tip-box">Recipe Ideas: Try chocolate-covered strawberries, oysters with mignonette.</div>
</section>
<!-- Fresh Flowers Section -->
<section>
<h2>Fresh Flowers for Ambiance</h2>
<p>Fill the room with fresh roses, lilies, or your partner’s favorite flowers. Their beauty and fragrance create a naturally romantic atmosphere.</p>
<img src="images-e/mood3.webp" alt="Fresh flowers" class="section-image">
<div class="tip-box">Pro Tip: Place flowers in various spots to distribute fragrance evenly.</div>
</section>
<!-- Couples Massage Section -->
<section>
<h2>Couples Massage with Scented Oils</h2>
<p>Offer each other a relaxing massage using essential oils like lavender or sandalwood. Hand, foot, and back massages are perfect for unwinding together.</p>
<img src="path-to-massage-image.jpg" alt="Couples massage setup" class="section-image">
<div class="tip-box">Suggested Oils: Lavender, sandalwood, and rose for relaxation.</div>
</section>
<!-- Sweet Endings Section -->
<section>
<h2>Sweet Endings: Dessert & Champagne</h2>
<p>End the evening with a treat like chocolate-dipped strawberries, and enjoy champagne or sparkling wine in your cozy setup.</p>
<img src="images-e/mood4.webp" alt="Dessert and champagne" class="section-image">
<div class="tip-box">Pro Tip: Strawberries and chocolate are natural mood enhancers!</div>
</section>
<!-- Unwind with a Relaxing Tub Bath Section -->
<section>
<h2>Unwind with a Relaxing Tub Bath</h2>
<p>Transform your bathroom into a spa with candles, soothing music, and a warm bath infused with Epsom salts or essential oils for the ultimate relaxation.</p>
<img src="images-e/bath-tub.webp" alt="Relaxing bath setup" class="section-image">
<div class="tip-box">Pro Tip: Keep the water between 92-100°F to avoid overheating and add calming oils like lavender.</div>
<a href="tub.html" class="interactive-button">Full Bath Guide</a>
</section>
<!-- Dance Section -->
<section>
<h2>A Dance to Remember</h2>
<p>Surprise your partner with a slow dance to your special love song. It’s a simple but beautiful way to connect.</p>
<a href="https://open.spotify.com/playlist/romantic-dance" class="interactive-button">Play Slow Dance Songs</a>
<div class="tip-box">Pro Tip: Turn off the lights and dance in the candlelight for an extra romantic feel.</div>
</section>
</div>
</body>
</html>