-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (74 loc) · 2.96 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<title>Be a Perfect man</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
</head>
<body>
<div>
<nav class="nav">
<input type="checkbox" id="check" />
<label for="check" class="checkbtn">
<i class="fas fa-bars"></i>
</label>
<h2>P.Zone</h2>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
</div>
<section>
<div class="img">
<div class="txt">
<h1>Leading a better life is a BEST option</h1>
<p>You can achieve a happy life by first detaching your expectations of what a happy life should be.Instead, focus only on what makes you happy and take action to do those things you find joy in. Then, you'll be able to lead your ideal happy life.</p>
</div>
</div>
</section>
<section class="inf">
<div class="plates food">
<img src="food.png" alt="" />
<h3>Build Healthy Eating Habits</h3>
<ul>
<li>Eat a variety of vegetables, especially dark green, red, and orange vegetables (3 or more servings a day).</li>
<li>Eat a variety of fruits (2 or more servings a day).</li>
<li>Eat whole-grain, high-fiber breads and cereals (3 to 6 servings a day)</li>
<li>Drink fat-free or low-fat milk and eat low-fat dairy products.</li>
</ul>
</div>
<div class="plates sleep">
<img src="sleep.png" alt="" />
<h3>A healthy lifestyle and simple behavior changes can help you get a good night's sleep</h3>
<ul>
<li>Limit electronics. Limit usage of electronic devices and blue light 45–60 minutes before bed</li>
<li>Maintain healthy sleep environment. </li>
<li>Limit caffeine and other stimulants. </li>
<li>Keep a consistent sleep-wake schedule.</li>
</ul>
</div>
<div class="plates run">
<img src="run.png" alt="" />
<h3>Make exercise a daily habit</h3>
<ul>
<li>Piece your workout together. You don't need to get all your exercise at one time.</li>
<li>Exercise with a friend.</li>
<li>Move your feet before you eat.</li>
<li>Turn sit time into fit time. </li>
</ul>
</div>
</section>
</body>
</html>