Blog_helloWorld/index.html at master · Cecile-29/Blog_helloWorld · 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
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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width" initial-scale="1">
        <title>Hello World, let's exploring it</title>
        <link rel="stylesheet" href="style.css">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Shippori+Mincho+B1:wght@400;500;600;700&display=swap" rel="stylesheet">
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;1,100;1,200&display=swap" rel="stylesheet">
    </head>
    <body>

        <!--MENU BURGER DE TELEPHONE A TABLETTE-->
        <div class="conteneurMenuHamburger">
            <div class="barTop">
              <a href="#navDeroulante"><i class="fas fa-bars" id="iconeBurger"></i></a>
            </div>
            <div class="navDeroulante" id="navDeroulante">
              <div class="cross">
                <a href="#"><i class="fas fa-times" id="iconeCross"></i></a>
              </div>
              <div class="lienDeNavigation">
                <div class="liensInterne">
                  <a href="index.html">Home</a>
                  <a href="bresil.html">Brésil</a>
                  <a href="senegal.html">Sénégal</a>
                  <a href="thailande.html">Thaïlande</a>
                  <a href="inspiration.html">Inspirations</a>
                  <a href="contact.html">Contact</a>
                </div>
                <div id="iconSocial">
                    <a href="http://www.facebook.com" target="_blank"><i class="fab fa-facebook"></i></a>
                    <a href="http://www.twitter.com" target="_blank"><i class="fab fa-twitter-square"></i></a>
                    <a href="http://www.pinterest.com" target="_blank"><i class="fab fa-pinterest"></i></a>
                    <a href="http://www.instagram.com" target="_blank"><i class="fab fa-instagram"></i></a>
                  </div>
              </div>
            </div>
        </div>
        <!--MENU BURGER DE TELEPHONE A TABLETTE-->

        <header>
            <div id="logo">
                <img src="Images/logo_hello_world.png" alt="Logo de Hello World, un bateau devant un soleil couchant">
            </div>
        </header>
        <!--MENU NAVBAR FIXE POUR DESK-->
        <nav>
            <ul>
                <li id="homeActive"><a href="index.html" >Home</a></li>
                <li><a href="bresil.html">Brésil</a></li>
                <li><a href="senegal.html">Sénégal</a></li>
                <li><a href="thailande.html">Thaïlande</a></li>
                <li><a href="inspiration.html">Inspirations</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
            <div id="social">
                <a href="http://facebook.com" target="_blank"><img src="Images/facebook.png" alt="logo facebook"></a>
                <a href="http://twitter.com" target="_blank"><img src="Images/twitter.png" alt="logo twitter"></a>
                <a href="http://instagram.com" target="_blank"><img src="Images/instagram.png" alt="logo instagram"></a>
                <a href="http://pinterest.com" target="_blank"><img src="Images/pinterest.png" alt="logo pinterest"></a>
            </div>
        </nav>
        <!--MENU NAVBAR FIXE POUR DESK-->

        <!--CONTENU PAGE HOME-->
        <div id="imageAccueil">
        </div>
        <div id="presentation">
            <h1>Namaste les amis !</h1>
            <div id="presTexte">
                <p>Aventurière dans l'âme et passionnée de photographie, je t'invite à t'évader et prendre un grand bol d'air dans les 4 coins du  monde et partager avec toi mes rencontres, conseil et découvertes à travers mes articles et photos. </p>
                <p>Parce-que le monde est tellement intéréssant je te propose ce grand voyage virtuel.</p>
                <p>Hésite pas à me donner tes impressions ou à me poser des question sur la page contact de mon blog.</p>
                <p id="citation">"Un voyage est la seule chose qui s'achète et vous rend plus riche"</p>
            </div>
        </div>
        <!--CONTENU PAGE HOME-->

        <!--FOOTER POUR DESK-->
        <div id="conteneurFooter">
            <footer>
                <div id=footer>
                    <img src="images/facebook.png" alt="logo facebook">
                    <img src="images/twitter.png" alt="logo twitter">
                    <img src="images/instagram.png" alt="logo instagram">
                    <img src="images/pinterest.png" alt="logo pinterest">
                </div>
                <p>&copy; 2021 HelloWorld.com</p>
            </footer>
        </div>
        <!--FOOTER POUR DESK-->
    </body>
    <script src="https://kit.fontawesome.com/8e02a7b303.js" crossorigin="anonymous"></script>
</html>