generated from raja21068/yoga
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-food.html
160 lines (137 loc) · 5.87 KB
/
index-food.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Healthy Eating Guide Index</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Montserrat', sans-serif;
background-color: #f7f9fc;
color: #333;
margin: 0;
padding: 0;
}
.container {
max-width: 1000px;
margin: 0 auto;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #2b7a78;
font-size: 2.5em;
margin-bottom: 20px;
}
h2 {
font-size: 2em;
color: #2b7a78;
border-bottom: 2px solid #2b7a78;
padding-bottom: 5px;
margin-top: 30px;
}
.section {
margin-bottom: 30px;
padding: 20px;
background-color: #e9f7f7;
border-radius: 8px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s, box-shadow 0.3s;
}
.section:hover {
transform: scale(1.02);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.section h3 {
color: #2b7a78;
font-size: 1.8em;
margin-bottom: 10px;
}
.section p {
color: #555;
line-height: 1.6;
}
.link {
display: inline-block;
margin-top: 15px;
padding: 10px 20px;
background-color: #2b7a78;
color: #fff;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
transition: background-color 0.3s;
}
.link:hover {
background-color: #248d3d;
}
</style>
</head>
<body>
<div class="container">
<h1>Healthy Eating Guide</h1>
<!-- Essential Eating Habits and How-To Basics -->
<h2>1. Essential Eating Habits and How-To Basics</h2>
<div class="section">
<h3><a href="how-to-eat.html" class="link">How You Eat Matters</a></h3>
<p>Explore the significance of mindful eating habits and how they can improve digestion and enhance the eating experience.</p>
</div>
<div class="section">
<h3><a href="eating6.html" class="link">Adjusting Your Eating Habits</a></h3>
<p>Find tips for modifying your daily eating habits to achieve a more balanced diet and healthier lifestyle.</p>
</div>
<div class="section">
<h3><a href="eating4.html" class="link">Four Essential Healthy Eating Habits</a></h3>
<p>Discover the core habits, such as meal timing and food choices, that contribute to a balanced and healthy lifestyle.</p>
</div>
<!-- Introduction to Healthy Eating Concepts -->
<h2>2. Introduction to Healthy Eating Concepts</h2>
<div class="section">
<h3><a href="eating3.html" class="link">Healthy Eating and Nutrition</a></h3>
<p>Learn about the importance of a balanced diet that includes whole grains and limits processed foods to support overall wellness.</p>
</div>
<div class="section">
<h3><a href="eating5.html" class="link">Choosing Healthy Foods and Drinks</a></h3>
<p>Learn about the importance of a balanced diet that includes whole grains and limits processed foods to support overall wellness.</p>
</div>
<div class="section">
<h3><a href="water-rich-plant-based diet.html" class="link">Water-Rich, Plant-Based Diet</a></h3>
<p>Explore the principles of a water-rich, plant-based diet for optimal hydration and nutrition from natural, minimally processed foods.</p>
</div>
<!-- Core Guidelines and Principles -->
<h2>3. Core Guidelines and Principles</h2>
<div class="section">
<h3><a href="food-law.html" class="link">Essential Food Guidelines</a></h3>
<p>Follow essential dietary guidelines to help prioritize plant-based foods, reduce processed items, and encourage a well-balanced lifestyle.</p>
</div>
<div class="section">
<h3><a href="food-combine-in.html" class="link">Food Combining</a></h3>
<p>Learn about effective food combinations that enhance digestion, reduce bloating, and improve nutrient absorption.</p>
</div>
<!-- Diet and Meal Planning -->
<h2>4. Diet and Meal Planning</h2>
<div class="section">
<h3><a href="diet-plan-2.html" class="link">Interactive Meal Plans</a></h3>
<p>Access meal plans for fasting, weight loss, and active lifestyles, with interactive tracking features to support your goals.</p>
</div>
<div class="section">
<h3><a href="eating.html" class="link">Mindful Eating & Intermittent Fasting</a></h3>
<p>Discover mindful eating practices and intermittent fasting as powerful tools for managing food intake and promoting overall wellness.</p>
</div>
<!-- Supporting Guides -->
<h2>5. Supporting Guides</h2>
<div class="section">
<h3><a href="vegitable-menu.html" class="link">Vegetable Shopping List</a></h3>
<p>Organize your kitchen with this shopping list, covering fresh and dry ingredients essential for healthy, balanced meals.</p>
</div>
<div class="section">
<h3><a href="eating2.html" class="link">Guide to Vegetables, Fruits, and Protein Foods</a></h3>
<p>Gain insights into the benefits of various vegetables, fruits, and proteins to make healthier food choices for every meal.</p>
</div>
</div>
</body>
</html>