-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
78 lines (77 loc) · 4.14 KB
/
about.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
<!DOCTYPE html>
<html lang="fr">
<head>
<title>Mr Coffee - Qui sommes-nous?</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="./application.css" rel="stylesheet" type="text/css"/>
<script src="https://kit.fontawesome.com/cf53bba659.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav class="navbar-mobile">
<div class="menu-btn-mobile">
<i class="fas fa-bars fa-2x"></i>
<div class="menu-text">Menu</div>
</div>
<div class="navbar-links-mobile">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="about.html">Qui sommes-nous?</a></li>
<li><a href="contact.html">Nous contacter</a></li>
</ul>
</div>
</nav>
<nav class="navbar">
<div class="brand"><a href="index.html"><img id="navbar-logo" src="./assets/full_logo_white.png" alt="Mr Coffee logo"></a></div>
<div class="navbar-links">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="about.html">Qui sommes-nous?</a></li>
<li><a href="contact.html">Nous contacter</a></li>
</ul>
</div>
</nav>
<img src="./assets/logo_mrcoffee.png" alt="Mr Coffee logo">
</header>
<article class="our-commitment">
<div>
<h2>Chez Mr.Coffee, notre engagement commence dans le café. </h2>
<p>On ne pouvait pas offrir un espace de liberté d’expression et de partage sans penser à ce que l’on sert dans nos
tasses.. <br><br>
Tout nos cafés viennent d’exploitations équitables : les agriculteurs bénéficient d’une rémunération
juste pour leur labeur, les conditions de travail respectent les droits de l’Homme. <br><br>
C’est ce qui rend nos cafés si bons : ils poussent, sont cultivés, cueillis, et séchés dans le respect et l’amour.</p>
</div>
<img src="./assets/trois_cafés.jpg" alt="Trois cafes">
</article>
<article class="common-coffee">
<div>
<h2>Mr.Coffee, un café (presque) comme les autres. </h2>
<p>Ici, on vient pour retrouver quelqu’un, ou se retrouver avec soi, pour travailler sur son ordinateur ou se détendre,
pour lire parmis les ouvrages de notre bibliothèque ou simplement apprécier un bon café.<br><br>
Tout ce monde si différent qui se croise sans se voir, ça nous a donné envie de faire quelque chose en plus.<br><br>
C’est comme cela que Mr.Coffee, le philosophe, est né.<br><br>
Notre ambition : réunir des gens de tous les horizons autour de sujets de société, de débats philosophiques, de
leur passion commune pour l’écriture et les lettres.
</p>
</div>
<img src="./assets/mrcoffee_salle2.jpg" alt="Trois cafes">
</article>
<div class="spacer"></div>
<footer>
<img id="logo-footer" src="./assets/logo_blanc.png" alt="Mr Coffee logo">
<div class="social-media">
<p>Suivez nous sur les réseaux sociaux !</p>
<div class="social-media-icons">
<img src="./assets/logo_linkedin.png" alt="linkedin">
<img src="./assets/logo_twitter.png" alt="twitter">
<img src="./assets/logo_facebook.png" alt="facebook">
</div>
</div>
<div class="footer-filler"></div>
</footer>
<script src="./js/jquery-3.6.0.js"></script>
<script src="./js/script.js"></script>
</body>
</html>