cafe_florette/where.html at master · zyrass/cafe_florette · GitHub

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
<!DOCTYPE html>
<html lang="fr">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Café Florette | Localisation</title>

    <!-- API Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap" rel="stylesheet" />

    <!-- CSS -->
    <link rel="stylesheet" href="css/styles.css" />

    <!-- CSS pour les écran de 500px MAXIMUM -->
    <link
      rel="stylesheet"
      media="only screen and (max-width: 500px)"
      href="css/styles.mobile.css"
    />

    <!-- FONT AWESOME -->
    <script src="https://kit.fontawesome.com/05541d3516.js" crossorigin="anonymous"></script>
  </head>

  <body>
    <header class="header">
      <nav>
        <h1><a href="./index.html">CAFE FLORETTE</a></h1>
        <ul>
          <li><a href="./index.html">Accueil</a></li>
          <li><a href="./where.html" class="active">Nous trouver</a></li>
          <li><a href="./contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>

    <section class="where">

      <div class="container">

        <img
          class="where-img"
          src="https://dyma-images.s3.fr-par.scw.cloud/html-css/projects/project1/cafe2.png"
          alt="carte"
        />

        <div class="where-text">
          <h1 class="underline">Où nous trouver</h1>
          <h3>
            Métro : Ligne <span class="chip chip-purple">4</span> - Odéon, ligne <span class="chip chip-brown">11</span> - Mabillon
          </h3>
          <p>Adresse : 131 Boulevard Saint-Germain, 75006 Paris</p>
        </div>

      </div><!-- /.container -->

    </section>

    <footer>
      <p>Copyright &copy; - Florette - 2019/2020</p>
    </footer>
  </body>
</html>