-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_recipe.html
58 lines (51 loc) · 4.36 KB
/
index_recipe.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Recipe website</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/style_recipe.css"/>
</head>
<body>
<header id="banner">
<nav id="meniu">
<ul>
<li><a class="buton" href="#">Acasa</a></li>
<li><a class="buton" href="#">Despre noi</a></li>
<li><a class="buton" href="#">Contact</a></li>
</ul>
</nav>
</header>
<div id="tot">
<section id="continut">
<article class="articol">
<header><a href="#">Our Most Popular Recipes in July</a></header>
<p><img src="imagini/imagini_recipe/top.jpg" alt="top" class="top"/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum in massa at vestibulum. Proin sollicitudin est at convallis ultrices. Phasellus vitae lectus lobortis, iaculis libero in, euismod sem. Morbi hendrerit nisl leo, a vulputate nisl pulvinar sit amet. Donec metus ex, mattis at fermentum id, molestie et nibh. Nunc in purus diam. Vestibulum ultrices malesuada ultricies. Proin maximus ut urna quis tristique. Duis sagittis est vel urna feugiat pellentesque. Duis tincidunt dapibus lorem, eu faucibus lectus pellentesque non. Proin condimentum finibus odio, sit amet dapibus erat luctus efficitur. </p>
<footer>Categorie: <a href="#">Top</a></footer>
</article>
<article class="articol">
<header><a href="#">Sangria Recipe</a></header>
<p><img src="imagini/imagini_recipe/sangria.jpg" alt="Sangria" class="sangria"/> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in velit a eros tincidunt porta. Praesent sit amet sapien pharetra, venenatis felis vitae, feugiat risus. Aliquam ut nunc quis dolor condimentum malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque aliquam pulvinar mi, ut laoreet dui vehicula scelerisque. Curabitur vel neque sem. Duis scelerisque ligula lorem, vitae laoreet metus lobortis quis. Ut non lacinia felis, ac euismod ex. </p>
<footer>Categorie: <a href="#">Bauturi</a></footer>
</article>
<article class="articol">
<header><a href="#">Watermelon Salad </a></header>
<p><img src="imagini/imagini_recipe/watermelon.jpg" alt="watermelon" class="watermelon" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec consectetur bibendum quam. Sed facilisis ex sem, sed vehicula eros placerat nec. Sed vitae facilisis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer dapibus fermentum est ac semper. Donec gravida rhoncus tellus a iaculis. Phasellus tempus pulvinar dui, vel ornare turpis semper vel. Suspendisse suscipit lacinia est, ut consequat dui. Curabitur eget quam massa. Aliquam eu gravida odio. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
<footer>Categorie: <a href="#">Desert</a></footer>
</article>
</section>
<aside id="lista-linkuri">
<h3>Ne gasiti pe:</h3>
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</aside>
<footer id="subsol">© Some Corp, 2049</footer>
</div>
</body>
</html>