-
Notifications
You must be signed in to change notification settings - Fork 0
/
italianCook.html
110 lines (110 loc) · 9.69 KB
/
italianCook.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
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="dist/css/bootstrap.min.css"/>
<link rel="icon" type="image/png" href="images/logo-weeatworld.png"/>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link rel="stylesheet" href="italianCook.css">
<title>WE EAT WORLD</title>
</head>
<body class="p-3 mb-2 bg-light" data-spy="scroll" data-target="#mainmenu">
<nav id="mainmenu" class="navbar navbar-default navbar-fixed-top"><!--debut navbar-->
<div class="container">
<div class="nav-header">
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#monmenu">Menu</button>
<a href="index.html" class="navbar-brand new ">WE EAT WORLD!!</a>
</div>
<div class="collapse navbar-collapse navbar-right" id="monmenu">
<form class="navbar-form navbar-left">
<div class="form-group">
<input type="text" placeholder="newsletter" class="newsletter"/>
</div>
<input type="submit" value="recevoir" class="btn btn-info"/>
</form>
<ul class="nav navbar-nav">
<li><a href="americanCook.html">Cuisine Américaine</a></li>
<li><a href="italianCook.html">Cuisine Italienne</a></li>
<li class="dropdown"><a href="orientCook.html" class="dropdown-toggle" data-toggle="dropdown">
Cuisine Orientale<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="orientCook.html">Cuisine moyen-orientale</a></li>
<li><a href="maroc.html">Cuisine maghrébine</a></li>
</ul>
</li>
<li class="dropdown"><a href="" class="dropdown-toggle" data-toggle="dropdown"> Cuisine Asiatique<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="asieCook.html">Cuisine japonaise</a></li>
<li><a href="#">Cuisine vietnamienne</a></li>
<li><a href="#">Cuisine thaïlandaise</a></li>
<li><a href="#">Cuisine indienne</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav><!--fin de la nav bar-->
<main>
<element>
<div class="cuisineItalienne">
<p class="cuisine">Cuisine italienne</p>
</div>
<article>
<div class="yellowbackground">
<h1>Le risotto, un plat méconnu de la cuisine italienne</h1>
<p class="chapo">On ne présente plus les pasta, les pizzas, la mozzarella ou le chianti de la gastronomie italienne, mais connaissez-vous le risotto ?</p>
</div>
<h2>Les origines du riz en Italie</h2>
<p class="origin">Bien que le riz soit connu dès l’antiquité en Italie, en tant que remède médicinal, c’est à partir du Moyen-âge que sa culture se développe. D’abord en Sicile, importé par les arabes, puis en Lombardie. La première mention du riz date de 1475 dans une lettre du duc de Milan, Galeazzao Maria Sforza (le père de la célèbre Caterina Sforza).</p>
<p class= "origin">Le risotto est traditionnellement au safran. La légende raconte qu’un maître verrier du Dôme de Milan décida d’incorporer du safran, alors utilisé comme colorant du verre, dans les plats de riz pour le mariage de sa fille.</p>
<div class="images">
<img src="images/2.png" alt="risoto au jambon">
<img src="images/1.png"alt="risoto au safran">
<img src="images/3.png" alt="risoto aux tomates">
</div>
<h2>La recette du risotto aux tomates cerises, viande des grisons et mozzarella</h2>
<h3>Ingrédients :</h3>
<ul>
<li>200 g de riz à risotto</li>
<li>100g de mozzarella</li>
<li>Une dizaine de tomates cerises</li>
<li>5 à 8 tranches de viande des grisons</li>
<li>50g de beurre</li>
<li>800ml de bouillon (légumes, bœuf etc.)</li>
<li>Sel et poivre</li>
</ul>
<h3>Préparation :</h3>
<ol>
<li>Préparer le bouillon : porter à ébullition 800ml d’eau, faire fondre un cube de bouillon,</li>
<li>Couper la viande des grisons et la mozzarella et réserver,</li>
<li>Faire fondre le beurre dans une poêle, ajouter le riz et remuer jusqu’à ce que les grains deviennent nacrés,</li>
<li>Mouiller une louche de bouillon, remuer jusqu’à ce que le liquide soit absorbé, puis ajouter le bouillon louche par louche. Au bout de quinze à vingt minutes, le riz doit être tendre,</li>
<li>Ajouter la mozzarella coupée et mélanger jusqu’à ce que le fromage soit bien incorporés à la préparation,</li>
<li>Faire le dressage : dans une assiette, mettre le risotto, puis disposez les tomates cerises et les lamelles de viande des grisons.</li>
</ol>
</article>
</element>
</main>
<footer><!-- debut footer-->
<div class="text-center center-block">
<p class="txt-railway">-©copyright-WE EAT WORLD-</p>
<br />
<a href="#" target="a_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a>
<a href="#" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
<a href="mailto:berrichif0717@gmail.com"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.758 2.855L15 11.114v-5.73zm-.034 6.878L9.271 8.82 8 9.583 6.728 8.82l-5.694 3.44A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.739zM1 11.114l4.758-2.876L1 5.383v5.73z"/>
</svg></a>
</div>
</footer><!--fin footer-->
<script src="dist/js/jquery-2.1.1.min.js"></script>
<script src="dist/js/bootstrap.min.js" ></script><!-- script javascript et jquery-->
</body>
</html>