-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
211 lines (179 loc) · 6.29 KB
/
index.html
File metadata and controls
211 lines (179 loc) · 6.29 KB
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!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>Index.html</title>
<meta name="description" content="Practica final-Your Health">
<link rel="stylesheet" href="Indexstyle.css">
<link rel="icon" type="image/x-icon" href="images/logo.png">
<link rel="stylesheet" href="fontawesome-free-6.5.1-web/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="header1">
<h1>Humanist clinic</h1>
<nav class="navigationbar">
<ul class="navigation">
<li class="nav-item active"><a href="index.html">HOME</a></li>
<li class="nav-item"><a href="#">OUR CLINIC</a></li>
<li class="nav-item"><a href="#">DEPARTMENTS</a></li>
<li class="nav-item"><a href="#">TEAM</a></li>
<li class="nav-item"><a href="#">NEWS</a></li>
<li class="nav-item"><a href="products.html">PRODUCTS</a></li>
<li class="nav-item"><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
<div class="headerContainer">
<div class="titulo">
<h2>Your health is our goal. Humanist clinic</h2>
<img src="images/logo.svg" alt="logo1" class="logo2">
</div>
</div>
<nav class="socialmedia1">
<ul>
<li>
<a href="https://www.instagram.com/" target="_blank" aria-label="Instagram" class="instagram1">
<i class="fab fa-instagram circle-icon1"></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/" target="_blank" aria-label="facebook" class="facebook1">
<i class="fab fa-facebook circle-icon2"></i>
</a>
</li>
<li>
<a href="https://www.tiktok.com/" target="_blank" aria-label="tiktok" class="tiktok1">
<i class="fab fa-tiktok circle-icon3"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/" target="_blank" aria-label="linkedin" class="linkedin1">
<i class="fab fa-linkedin circle-icon4"></i>
</a>
</li>
<li>
<a href="https://twitter.com/" target="_blank" aria-label="twitter" class="twitter1">
<i class="fab fa-twitter circle-icon5"></i>
</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="containercolumns">
<div class="column1">
<h2>Weight loss linked to healthy eating</h2>
<p>Participants who ate the most vegetables and consumed
the fewest processed foods, sugary drinks, and unhealthy
fats lost the most pounds.</p>
<button>READ MORE</button>
</div>
<div class="column2">
<i class="fas fa-shopping-cart"></i>
<h2>More than 300 food products</h2>
<p>Explore our extensive selection of over
300 food products for diverse culinary experiences
and nutritional choices.</p>
</div>
<div class="column3">
<i class="fa-solid fa-hand-holding-heart"></i>
<h2>Only natural products</h2>
<p>Discover our exclusive range
featuring only natural products for pure,
wholesome goodness you can trust.</p>
</div>
<div class="column4">
<i class="fa-solid fa-leaf"></i>
<h2>Significant weight loss</h2>
<p>Experience significant weight loss with
our tailored programs and effective solutions
for a healthier lifestyle.</p>
</div>
</section>
<section>
<div class=banner1>
<img src="images/raspberry.jpg" alt="Image 1" class="bannerimage">
<div class=tituloo>
<h2 class="titulo4">Start a lifestyle that lasts forever.</h2>
<button>MAKE AN APPOINTMENT</button>
</div>
</div>
</section>
<section class="banner22">
<div class="banner2">
<img src="images/woman-fruit.jpg" alt="women fruit" class="image4">
<div class="bannercontent2">
<h2>How can I eat healthier?</h2>
<p>Eating healthier doesn't need to be overwhelming. Start by adding more fruits and vegetables to
your meals for a nutrient boost. Replace processed snacks with wholesome options like nuts or fresh fruit.
Watch your portion sizes and aim for balanced meals with lean proteins, whole grains, and healthy fats. Experiment
with cooking methods like grilling or steaming to cut down on added oils. And remember to stay hydrated by drinking
plenty of water. Small, mindful changes can make a big difference in nourishing your body and feeling your best..</p>
<button>Make an appointment</button>
<div class="circles">
<span class="circlepink"></span>
<span class="circleblue"></span>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer11">
<h3 class="titulo3">Humanist clinic</h3>
<div class="footercontent">
<div class="footer-section">
<h3 class="white">Menu</h3>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="footer-section2">
<h3 class="white1">Services</h3>
<ul>
<li><a href="#">Our Clinic</a></li>
<li><a href="#">Departments</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">See More</a></li>
</ul>
</div>
</div>
<div class="contactinformation">
<h3 class="white2">Contact</h3>
<ul>
<li>
+00 (123) 765 8765
<i class="fa-solid fa-phone"></i>
</li>
<li>
<a href="mailto:myName@domain.com">myName@domain.com</a>
<i class="fa-solid fa-envelope"></i>
</li>
<li>
<span>Monday-Thursday</span>
<i class="fa-solid fa-clock"></i>
<span class="time">14.00am-18.00pm</span>
</li>
</ul>
</div>
</div>
<hr class="footer-line">
<div class="footer2">
<p>All photographs come from <a href="https://pxhere.com/es/" class="link1">
PxHere </a> with a <abbr title="Chief Compliance Officer"> CCO </abbr> license.</p>
</div>
<nav class="termsprivacy">
<p class="footer3"><a href="#" class="link1">Terms of use</a></p>
<p class="footer3"><a href="#" class="link1">Privacy policy</a></p>
</nav>
</footer>
</body>
</html>