-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
112 lines (95 loc) · 6.61 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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style/font.css">
<link rel="stylesheet" href="style/style.css">
<link rel="shortcut icon" href="img/favicon/favicon.ico" type="image/x-icon">
<title>MaïChef</title>
</head>
<body>
<header>
<img src="img/logo_horizontal.svg" alt="">
</header>
<section>
<img src="img/piece1.webp" alt="" class="puzzle">
<div class="text">
<h2> Qui sommes-nous ? </h2>
<p>
<span>MaïChef</span> est une application de cuisine personnalisée.
Créez des plats uniques avec vos propres ingrédients.
Des recettes simples dès maintenant !
</p>
</div>
<hr/>
<div class="text">
<h2> Notre Mission ? </h2>
<p>
<span>C</span>hez MaïChef, notre engagement est de simplifier votre expérience culinaire.
En entrant simplement les ingrédients que vous avez chez vous,
découvrez des recettes élaborées avec soin,
des instructions détaillées et des informations nutritionnelles précises.
</p>
</div>
<img src="img/piece2.webp" alt="" class="puzzle">
<hr/>
<img src="img/piece3.webp" alt="" class="puzzle">
<div class="text">
<p>
<span>MaïChef</span> est bien plus qu'une simple application de cuisine.
C'est un compagnon de cuisine intelligent qui s'adapte à vos besoins,
vous permettant de préparer des repas délicieux sans tracas.
</p>
<hr/>
<p>
Que vous soyez un novice en cuisine ou un chef chevronné,
MaïChef vous offre la liberté de créer et d'apprécier des plats uniques..
</p>
</div>
<hr/>
<div class="text">
<h2> Pourquoi MaïChef ? </h2>
<ul>
<li>
<span>C</span>réation Personnalisée: Concevez des plats uniques en fonction de votre inventaire.
</li>
<br/>
<li>
<span>G</span>uides Pas à Pas: Des instructions détaillées pour chaque recette, adaptées à tous les niveaux de compétence.
</li>
<br/>
<li>
<span>I</span>nformations Nutritionnelles: Connaissez les valeurs caloriques et nutritionnelles pour des choix éclairés.
</li>
</ul>
</div>
<img src="img/piece4.webp" alt="" class="puzzle">
</section>
<footer>
<article>
<div>
<img src="img/logo.svg" alt="" class="logoFooter">
<p>Reprenez vos ingrédients oubliés<br/>en délices personnalisés, une recette à la fois !</p>
<div id="socialNet">
<!-- Facebook -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><defs><style>.cls-1{fill:#cbb899;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M250,0C111.94,0,0,112.61,0,251.51,0,377,91.41,481.06,211,500V324.23H147.44V251.51H211V196.1c0-63.09,37.32-97.88,94.41-97.88,27.35,0,56,4.91,56,4.91V165h-31.6c-31,0-40.71,19.42-40.71,39.32v47.16h69.29l-11.08,72.72H289.05V500c119.54-18.84,211-122.9,211-248.44C500,112.61,388.06,0,250,0Z"/></g></g></svg>
<!-- Instagram -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 553.66 553.22"><defs><style>.cls-1{fill:#cbb899;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M553.66,276.69c0,152.84-124,276.56-277.12,276.53S-.1,429.34,0,276.19C.1,123.32,124.32-.08,278,0,429.7.08,553.64,124.5,553.66,276.69Zm-445.12-.59h.52c0,9-.31,18,.06,26.94.87,21.08.32,42.4,3.49,63.15,5.52,36.16,26.56,60.84,62.11,71.22a145.14,145.14,0,0,0,37.34,5.38c38.43.77,76.88.64,115.32.48a314.31,314.31,0,0,0,34.82-2.18c38.7-4.5,67.28-29.81,76.93-67.5,4.21-16.44,4.39-33.27,4.55-50q.42-44.67,0-89.33c-.13-13.62-.65-27.28-2-40.83-4-41.34-30.65-71.87-71.17-80.06-15.18-3.08-31-3.77-46.61-3.81-41.92-.11-83.86,0-125.74,1.43-25.81.92-48.47,11-65.75,31.12-14.73,17.19-20.94,37.68-22,59.71C109.24,226.53,109.13,251.33,108.54,276.1Z"/><path class="cls-1" d="M140.1,276.15c0-23.45-.26-46.9.1-70.33.21-13.44,3-26.5,10.36-38,11.28-17.77,28.61-25.21,48.72-27.05,11.09-1,22.26-1.61,33.39-1.59q56.15.1,112.3.89a95.53,95.53,0,0,1,17.81,2.06c28.38,5.77,46,24.71,49,53.56A426,426,0,0,1,413.81,239c0,35.25-.43,70.51-.9,105.76-.17,12.92-2.37,25.57-8.65,37C393,402.31,374.2,411.36,351.94,412c-40.73,1.24-81.49,1.25-122.24,1.36a258,258,0,0,1-35.81-2.21c-30.29-4.16-49.28-23.55-52.6-53.81-1.55-14.17-1.76-28.52-2.14-42.8-.34-12.8-.07-25.62-.07-38.42Zm222.31.45c.06-47.82-38.28-86-86.34-86.05-47.11,0-85.6,38.59-85.57,85.86,0,47.08,38.4,85.78,85.13,85.86C323.79,362.36,362.35,324.28,362.41,276.6Zm-16.65-89.2a20,20,0,1,0,19.66-20.24A20,20,0,0,0,345.76,187.4Z"/><path class="cls-1" d="M332.41,276.33a55.85,55.85,0,0,1-55.76,56c-31,.06-56.43-25.28-56.23-56.12a56,56,0,0,1,112,.14Z"/></g></g></svg>
<!-- X -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><defs><style>.cls-1{fill:#cbb899;}</style></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><path class="cls-1" d="M250.13,0C388.4.07,500.17,112.25,500,250.78,499.83,388.36,387.48,500.19,249.62,500S-.11,387.76,0,250C.11,111.82,112-.07,250.13,0ZM96.07,105.28,215.48,264.92,95.27,394.81c8.26,0,15.1-.19,21.91.08a9.94,9.94,0,0,0,8.49-3.6q48.69-52.86,97.56-105.57c1.34-1.46,2.05-3.51,3.37-5.83,3.3,4.34,5.08,6.64,6.83,9q38.22,51.13,76.38,102.3c1.94,2.61,3.87,3.75,7.22,3.74,27.43-.15,54.87-.08,82.31-.1,1.43,0,2.85-.22,5.07-.41L278.55,226.08,390.36,105.26c-8.6,0-15.66-.29-22.67.15a12,12,0,0,0-7.41,3.28c-17.84,19-35.44,38.12-53.12,57.22-13.45,14.54-26.92,29.06-40.66,43.91-1.48-1.91-2.76-3.5-4-5.14q-35.77-47.81-71.6-95.55c-1.27-1.7-3.61-3.67-5.47-3.69C156.13,105.21,126.8,105.28,96.07,105.28Z"/><path class="cls-1" d="M364.83,374.9c-14.19,0-27.09.14-40-.17-1.71,0-3.77-2.08-5-3.71Q256.6,286.68,193.49,202.23,166.4,166,139.31,129.82c-.91-1.21-1.71-2.49-2.93-4.29,1.8-.19,3.06-.43,4.32-.44,10.87,0,21.74.12,32.61-.1,3.47-.07,5.59,1.06,7.67,3.85q63.79,85.54,127.77,171l50.79,67.85C361.07,369.7,362.55,371.78,364.83,374.9Z"/></g></g></svg>
</div>
</div>
<div id="storeBtn">
<img src="img/google-play.svg" alt="">
<img src="img/apple-store.svg" alt="">
<a href="index.html" class="link">Page Principale</a>
</div>
</article>
<hr/>
<article>
<h3>2023 © MaïChef</h3>
</article>
</footer>
</body>
</html>