-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathOverweight.html
107 lines (103 loc) · 2.9 KB
/
Overweight.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
<!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.0">
<title>page</title>
<link rel="stylesheet" href="./Overweight.css">
<link href="https://fonts.googleapis.com/css2?family=Teko:wght@500&display=swap" rel="stylesheet">
<style>
body{
background-color: rgb(31, 30, 30);
}
#services{
margin: 34px;
display: flex;
}
#services a{
text-decoration: none;
}
/* #services a:after{
text-decoration: none;
} */
#services .box:hover{
cursor: pointer;
box-shadow: 0 5px 15px violet;
border: 4px;
}
#services .box1:hover{
cursor: pointer;
box-shadow: 0 5px 15px violet;
}
#services .box{
background-image: url('https://cdn.pixabay.com/photo/2016/11/19/12/43/barbell-1839086__480.jpg');
height: auto;
border: 2px solid black;
padding: 34px;
margin: 3px 6px;
border-radius: 23px;
background-color: rgb(209, 230, 230);
color: yellowgreen;
width: 600px;
height: 80%;
}
#services .box1{
background-image: url('https://cdn.pixabay.com/photo/2017/05/25/15/08/jogging-2343558__480.jpg');
height: auto;
border: 2px solid black;
padding: 34px;
margin: 3px 6px;
border-radius: 23px;
background-color: rgb(209, 230, 230);
width: 100%;
color:black;
width: 600px;
height: 80%;
}
/* #services .box img{
height: 160px;
margin: auto;
display: block;
} */
#services .box p{
font-family: 'Teko', sans-serif;
}
#services .box1 p{
font-family: 'Teko', sans-serif;
}
.h-primary{
font-size: 3.8rem;
padding: 10px;
font-family: 'Teko', sans-serif;
color: white;
}
.h-secondary{
font-size: 2.8rem;
padding: 12px;
font-family: 'Teko', sans-serif;
}
</style>
</head>
<body>
</section>
<section class="services-container">
<h1 class="h-primary center">For OverWeight</h1>
<div id="services">
<a href="fitoverweight.html">
<div class="box">
<h2 class="h-secondary center">Fitness</h2>
<p class="center">Being physically active can improve your brain health, help manage weight, reduce the risk of disease, strengthen bones and muscles, and improve your ability to do everyday activities.Being fit can improve your cardiovascular health.</p>
</div>
</a>
<a href="overweight_nutrition.html">
<div class="box1">
<img src="h2.jpg"alt="">
<h2 class="h-secondary center">Nutrition Plan</h2>
<p class="center">Nutrition is a critical part of health and development. Better nutrition is related to improved infant, child and maternal health, stronger immune systems, safer pregnancy and childbirth, lower risk of non-communicable diseases (such as diabetes and cardiovascular disease), and longevity.</p>
</div>
</a>
</div>
</section>
</body>
</html>