OCProject_HTML5-CSS/index.html at main · LucyAGOU/OCProject_HTML5-CSS · 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
<!DOCTYPE html>
<html lang="fr">

<head>
        <meta charset="utf-8"/>
        <title>Accueil - Robbie Lens Photographie</title>
        <link href="style/style.css" rel="stylesheet" />
        <link href="style/index.css" rel="stylesheet" />
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Manrope&family=Montserrat&display=swap" rel="stylesheet">
</head>

<body>
    <header>
        <nav>
            <a href="index.html" class="lien-icone">
                <img src="images/logo.png" alt="Logo Robbie Lens"/>
            </a>
             <div>
                <a href="index.html"> Accueil</a>
                <a href="a-propos.html"> À propos</a>
                <a href="portfolio.html"> Portfolio</a>
            </div>
        </nav>
    </header>
    <main>
        <section class="accueil-intro" >
            <div>
                <h1>Robbie Lens Photographie</h1>
                <p >
                    Où <em>professionalisme</em> s’allie avec <em>passion</em>. Depuis
                    plus de 5 ans maintenant, j’exerce mon métier avec la passion
                    qui m’anime : capturer l’essence de chaque instant.
                </p>
                <a  href="#contact" class="cta">UN PROJET ? ÉCRIVEZ-MOI</a>
            </div>
            <img  src="images/robbie-lens.png" alt="Portrait Robbie Lens" />
        </section>

        <section class="accueil-photos">
            <h2>Mon dernier Projet</h2>
           <div>
                <img src="images/accueil/element-1.png" alt="Twelve apostles -Australie" />
                <img src="images/accueil/element-2.png" alt="Wai-O-Tapu-Nouvelle-Zélande" />
                <img src="images/accueil/element-3.png" alt="ParcNational d'Abel Tasman - Nouvelle-Zélande"/>
            </div>
            <div>
                <img src="images/accueil/element-4.png" alt="Lac Rotorua - Nouvelle-Zélande" />
                <img src="images/accueil/element-5.png" alt="Milford Sound - Nouvelle-Zélande"/>
                <img src="images/accueil/element-6.png" alt="Lac Wanaka - Nouvelle-Zélande"/>
            </div>
        </section>
        <section id="contact" class="section-contact">
            <h2>Parlons de votre projet</h2>

            <form  method="get" action="">
                <div class="form-nom-email">
                    <div class="form-column">
                        <label for="nom">Nom</label>
                        <input type="text" name="nom" id="nom"/>
                    </div>
                    <div class="form-column">
                        <label for="email">Email</label>
                        <input type="e-mail" name="email" id="email"/>
                    </div>
                </div>
                <label for="message">Message</label>
                <textarea  name="message" id="message" rows="10" ></textarea>
                <input type="submit" value="ENVOYER" class="cta"/>
            </form>
        </section>
    </main>
    <footer>
        <a href="index.html" class="lien-icone">
            <img src="images/logo.png" alt="Logo Robbie Lens"/>
        </a>
        <div>
            <a target="_blank" href="https://twitter.com/" class="lien-icone">
                <img src="images/twitter.png" alt="Logo Twitter" />
            </a>

            <a target="_blank" href="https://www.instagram.com/" class="lien-icone">
                <img src="images/instagram.png" alt="Logo Instagram"/>
            </a>
        </div>
    </footer>
</body>

</html>