-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathNutri.html
108 lines (106 loc) · 5.53 KB
/
Nutri.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
<!DOCTYPE>
<html lang="en">
<head>
<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=Baloo+Bhaijaan+2:[email protected]&family=Song+Myung&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible"content="ie=edge">
<title>Nutrition</title>
<style>
/*Body CSS*/
body{
font-family:'Song Myung','cursive';
color:white;
margin:0px;
padding:0px;
background-image:url("https://cdn.pixabay.com/photo/2015/07/02/10/22/training-828732_1280.jpg");
width:400px
}
/*Left div Css*/
.left{
display:inline-block;
position:absolute;
left:60px;
top:20px;
/*border: 2px solid red;*/
/*Left div Css*/
/*Left logo image Css*/
}
.left img{
width:100px;
filter:invert(100%);
}
/*Left logo text Css*/
.left div{
inline-height:19px;
font-size:26;
text-align:center;
}
/*mid div Css*/
.mid{
display:block;
width:200%;
margin:20px 300px;
/*border: 2px solid yellow;*/
/*mid navbar Css*/
}
.navbar{
display:inline-block;
}
/*mid navbar for list Css*/
.navbar li{
display: inline-block;
font-size:25px;
}
/*mid navbar for list text a Css*/
.navbar li a{
color:white;
text-decoration: none;
padding:34px 23px;
}
/*mid navbar movement function Css*/
.navbar li a:hover,.navbar li a.active{
text-decoration:underline;
color:gray;
}
/*Contain div function in home which simple form box*/
.container{
/*border:2px solid white;*/
margin:125px 350px;
padding:35px 25px;
width:30%;
border-radius:5px;
display:inline-block;
position:absolute;
left:20px;
}
p{
font-size:18;
justify-content: space-between;
}
</style>
</head>
<body>
<header class="header">
<!--Left box for logo-->
<div class="left">
<img src="data:image/png;base64,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">
<div>Fitness</div>
</div>
<!--Midbox for navbar-->
<div class="mid">
<ul class="navbar">
<li><a href="D:\Gym\Main.html">Home</a></li>
<li><a href="D:\Gym\About.html">About us</a></li>
<li><a href="#" class="active">Nutrition</a></li>
<li><a href="D:\Gym\class.html">Classes</a></li>
</ul>
<div class="container">
<h1><em>Body Composition Analysis</em></h1>
<h1>Dive Deeper into what makes You You</h2>
<p>Embarking on a journey to transform your health? Look no further than the InBody 260 analysis, your passport to a comprehensive health assessment. This cutting-edge scan unveils crucial details about your body, from fat percentages to muscle balance, providing invaluable insights for injury prevention and movement enhancement. Don't delay—seize the opportunity to kickstart your fitness journey today with an InBody Scan. It's the foundation you need for a healthier, stronger you.</p>
</div>
</body>
</html>