-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (108 loc) · 6.5 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="Style/style.css">
<link rel="stylesheet" href="Style/media-query.css">
<title>72HealthInfo</title>
<link rel="icon" type="image/x-icon" href="img/apple_icon.ico" />
</head>
<body>
<!-- Mobile menu -->
<a href="#" class="open-button">
<span></span>
<span></span>
<span></span>
</a>
<div class="container">
<header>
<h1>72Health.<span>info</span></h1>
<ul class="nav-menu">
<a href="#home"><li>Home</li></a>
<a href="#about"><li>About</li></a>
<a href="#menu"><li>Menu</li></a>
<a href="#big-images"><li>Gallery</li></a>
<a href="#contact"><li>Contact</li></a>
</ul>
</header>
<section class="about-text">
<h2 id="home">EAT HEALTHY - BE HEALTHY</h2>
<p id="about">Eating a healthy diet is not about strict limitations, staying unrealistically thin, or depriving yourself of the foods you love. Rather, it’s about feeling great, having more energy, improving your health, and boosting your mood. <br> <br>
Healthy eating doesn’t have to be overly complicated. If you feel overwhelmed by all the conflicting nutrition and diet advice out there, you’re not alone. It seems that for every expert who tells you a certain food is good for you, you’ll find another saying exactly the opposite. The truth is that while some specific foods or nutrients have been shown to have a beneficial effect on mood, it’s your overall dietary pattern that is most important. The cornerstone of a healthy diet should be to replace processed food with real food whenever possible. Eating food that is as close as possible to the way nature made it can make a huge difference to the way you think, look, and feel. <br> <br>
By using these simple tips, you can cut through the confusion and learn how to create—and stick to—a tasty, varied, and nutritious diet that is as good for your mind as it is for your body.</p>
<a href="https://en.wikipedia.org/wiki/Health_food" target="_blank">Read more »</a>
</section>
<section class="show-food" id="menu">
<div class="food">
<img class="images" src="img/Almonds.jpg" alt="Almonds">
<div class="food-text">
<h2>Almonds</h2>
<p>The almond (Prunus dulcis, syn. Prunus amygdalus) is a species of tree native to Iran and surrounding countries, but widely cultivated elsewhere. The almond is also the name of the edible and widely cultivated seed of this tree. Within the genus Prunus, it is classified with the peach in the subgenus Amygdalus, distinguished from the other subgenera by corrugations on the shell (endocarp) surrounding the seed. </p>
</div>
</div>
<div class="food">
<img class="images" src="img/Bananas.jpg" alt="Bananas">
<div class="food-text">
<h2>Bananas</h2>
<p>A banana is an elongated, edible fruit – botanically a berry – produced by several kinds of large herbaceous flowering plants in the genus Musa. In some countries, bananas used for cooking may be called "plantains", distinguishing them from dessert bananas. The fruit is variable in size, color, and firmness, but is usually elongated and curved, with soft flesh rich in starch covered with a rind, which may be green, yellow, red, purple, or brown when ripe. </p>
</div>
</div>
<div class="food">
<img class="images" src="img/Sandwich.jpg" alt="Sandwich">
<div class="food-text">
<h2>Sandwiches</h2>
<p>A sandwich is a food typically consisting of vegetables, sliced cheese or meat, placed on or between slices of bread, or more generally any dish wherein bread serves as a container or wrapper for another food type. The sandwich began as a portable finger food in the Western world, though over time it has become prevalent worldwide. The 3rd of November marks the National Sandwich Day. </p>
</div>
</div>
</section>
<div class="slideshow-container" id="big-images">
<h3 class="numbertext">Healthy foods gallery</h3>
<div class="mySlides fade">
<div class="numbertext">1 / 4</div>
<img src="img/Tomato.png" alt="Tomato">
</div>
<div class="mySlides fade">
<div class="numbertext">2 / 4</div>
<img src="img/Fruits.png" alt="Fruits">
</div>
<div class="mySlides fade">
<div class="numbertext">3 / 4</div>
<img src="img/Avocado.png" alt="Avocado">
</div>
<div class="mySlides fade">
<div class="numbertext">4 / 4</div>
<img src="img/Nuts.png" alt="Nuts">
</div>
<a class="prev" onclick="plusSlides(-1)">❮</a>
<a class="next" onclick="plusSlides(1)">❯</a>
</div>
<div class="dots">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
<span class="dot" onclick="currentSlide(4)"></span>
</div>
<section class="contact" id="contact">
<h2>Contact us</h2>
<p>If you have any questions, please feel free to contact us! We will answer as soon as possible!</p>
<br>
<form action="https://submit-form.com/NCcIqsu8N0aspkVZ5BDYj" target="_self">
<label for="name">Your name</label>
<input type="text" name="name" id="name">
<label for="mail">Your e-mail</label>
<input type="email" name="mail" id="mail">
<label for="message">Your message</label>
<textarea name="idMessage" id="message" rows="5"></textarea>
<button class="btn">Submit</button>
</form>
</section>
<footer>
<p>© Seven2Heaven 2020; Done by Milovan Srdanović</p>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="main.js"></script>
</body>
</html>