generated from raja21068/yoga
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcleaning.html
185 lines (159 loc) · 5.76 KB
/
cleaning.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Japanese-Inspired Cleaning Habits</title>
<style>
/* Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Poppins:wght@300;600&display=swap');
/* Base Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body Styling */
body {
font-family: 'Poppins', sans-serif;
background-color: #f7f7f7;
color: #333;
padding: 20px;
}
/* Container Styling */
.container {
max-width: 800px;
margin: auto;
background-color: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* Header Styling */
.header {
text-align: center;
margin-bottom: 30px;
}
.header h1 {
font-size: 2.5em;
font-weight: 600;
color: #2d3436;
}
.header p {
font-size: 1.2em;
color: #636e72;
}
/* Image Styling */
.feature-image {
width: 100%;
height: auto;
margin: 20px 0;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Section Styling */
.section {
margin-bottom: 20px;
padding: 15px;
border-left: 4px solid #27ae60;
background-color: #ecf0f1;
border-radius: 5px;
}
.section h2 {
font-size: 1.5em;
color: #2c3e50;
margin-bottom: 10px;
}
.section p {
font-size: 1em;
line-height: 1.6;
color: #555;
}
/* Benefits Section */
.benefits {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
.benefit-item {
padding: 15px;
border-radius: 8px;
background-color: #dfe6e9;
text-align: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.benefit-item h3 {
font-size: 1.3em;
color: #2c3e50;
margin-bottom: 8px;
}
.benefit-item p {
font-size: 0.9em;
color: #555;
}
/* Footer Styling */
footer {
text-align: center;
margin-top: 20px;
color: #636e72;
font-size: 0.9em;
}
</style>
</head>
<body>
<!-- Container Start -->
<div class="container">
<!-- Header Section -->
<div class="header">
<h1>Embrace Cleaning Habits</h1>
<p>Bring peace and harmony into your home through mindful cleaning practices.</p>
</div>
<!-- Feature Image -->
<img src="images-e/cleaning-1.jpg" alt="Clean and minimalist room" class="feature-image">
<!-- Section 1: Daily Rituals -->
<div class="section">
<h2>Daily Rituals for a Clutter-Free Home</h2>
<p>A clean and clutter-free environment brings clarity and peace. Incorporate small, daily cleaning habits like organizing surfaces and discarding unused items to create a serene space that reflects simplicity and mindfulness.</p>
</div>
<!-- Section 2: Mindful Washroom Cleaning -->
<div class="section">
<h2>Mindful Washroom Cleaning</h2>
<p>Washroom cleanliness is essential for maintaining health and hygiene. Use dedicated cleaning supplies and incorporate daily cleaning to create a calming space that promotes relaxation and renewal.</p>
</div>
<!-- Section 3: Shoes Off at the Door -->
<div class="section">
<h2>Shoes Off at the Door</h2>
<p>Removing shoes at the entrance keeps dirt out and maintains cleanliness in the home. This simple habit brings a sense of respect and order to the space.</p>
</div>
<!-- Section 4: Natural Cleaning Methods -->
<div class="section">
<h2>Natural, Eco-Friendly Cleaning</h2>
<p>Using natural ingredients like vinegar and baking soda for cleaning is eco-friendly and safe. Incorporate natural elements like plants and wooden accents to further promote harmony in the home.</p>
</div>
<!-- Benefits Grid Section -->
<div class="benefits">
<div class="benefit-item">
<h3>1. Mental Clarity</h3>
<p>Clean spaces reduce stress and increase focus, promoting mental clarity and calm.</p>
</div>
<div class="benefit-item">
<h3>2. Healthier Living</h3>
<p>Daily cleaning minimizes dust and allergens, creating a healthier environment.</p>
</div>
<div class="benefit-item">
<h3>3. Eco-Friendly</h3>
<p>Using natural cleaning products supports sustainability and reduces waste.</p>
</div>
<div class="benefit-item">
<h3>4. Welcoming Atmosphere</h3>
<p>A tidy home feels warm and inviting, enhancing social connections.</p>
</div>
</div>
</div>
<!-- Container End -->
<!-- Footer -->
<footer>
<p>© 2024 Clean & Harmonious Living | Inspired by Mindful Traditions</p>
</footer>
</body>
</html>