generated from raja21068/yoga
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcloth.html
145 lines (129 loc) · 4.93 KB
/
cloth.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>7 Essential Tips for Comfortable Clothing</title>
<style>
/* Basic Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body Styling */
body {
font-family: 'Helvetica Neue', Arial, sans-serif;
color: #333;
line-height: 1.6;
background-color: #f9f9f9;
padding: 2em;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
flex-direction: column;
}
/* Heading Styling */
h1 {
font-size: 2.8em;
color: #2c3e50;
text-align: center;
margin-bottom: 0.2em;
font-weight: 700;
letter-spacing: 1px;
}
.intro {
font-size: 1.15em;
color: #555;
text-align: center;
margin-bottom: 1.5em;
max-width: 700px;
line-height: 1.8;
}
/* Container Styling */
.container {
max-width: 800px;
display: grid;
gap: 1.5em;
}
/* Card Styling */
.card {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
padding: 1.5em;
text-align: left;
transition: transform 0.2s;
}
.card:hover {
transform: translateY(-5px);
}
/* Image Styling */
.card img {
width: 100%;
height: auto;
border-radius: 8px;
margin-top: 1em;
}
/* Title Styling */
h2 {
font-size: 1.4em;
color: #2c3e50;
margin-bottom: 0.5em;
font-weight: 600;
}
/* Paragraph Styling */
p {
font-size: 1.05em;
color: #666;
line-height: 1.6;
}
</style>
</head>
<body>
<!-- Main Heading -->
<h1>7 Essential Tips for Choosing Comfortable Clothing</h1>
<div class="intro">
<p>Discover practical tips for selecting clothing that combines comfort, breathability, and style. Embrace natural fabrics, soothing colors, and relaxed fits that make you look and feel great every day.</p>
</div>
<!-- Cards Container -->
<div class="container">
<div class="card">
<h2>1. Avoid Tight Clothing</h2>
<p>Opt for loose, relaxed clothes instead of tight ones. Loose clothing improves airflow and doesn’t restrict movement, promoting comfort and circulation.</p>
<img src="images-e/cloth1.webp" alt="Loose clothing">
</div>
<div class="card">
<h2>2. Minimize Synthetic Fabrics</h2>
<p>Avoid synthetic fibers like nylon, polyester, and spandex. These can trap heat and moisture, leading to discomfort. Choose natural fibers instead.</p>
<img src="cloth2.webp" alt="Avoiding synthetic fabrics">
</div>
<div class="card">
<h2>3. Choose Natural Fabrics</h2>
<p>Pick fabrics like cotton, linen, hemp, and bamboo. These materials are breathable, moisture-wicking, and gentle on the skin.</p>
<img src="images-e/cloth3.jpeg" alt="Natural fabrics like cotton and linen">
</div>
<div class="card">
<h2>4. Comfortable Underwear</h2>
<p>Select undergarments made from cotton or other natural fabrics. Cotton is breathable and ideal for intimate wear, helping prevent irritation.</p>
<img src="images-e/cloth4.jpeg" alt="Cotton underwear">
</div>
<div class="card">
<h2>5. Stick to Light Colors</h2>
<p>Wear lighter colors, especially in hot weather. Light colors reflect sunlight, keeping you cooler, while dark colors absorb more heat.</p>
<img src="images-e/cloth5.jpg" alt="Light colored clothing">
</div>
<div class="card">
<h2>6. Select Calm, Neutral Colors</h2>
<p>Colors like beige, white, and earthy tones create a calming effect. They’re versatile, suit a range of skin tones, and feel comfortable.</p>
<img src="images-e/cloth6.jpg" alt="Neutral color clothing">
</div>
<div class="card">
<h2>7. Invest in Quality, Not Quantity</h2>
<p>Rather than buying a large amount of low-quality clothing, invest in a smaller selection of high-quality, comfortable pieces made from natural fabrics.</p>
<img src="images-e/cloth7.jpg" alt="Quality clothing">
</div>
</div>
</body>
</html>