Exercice-HTML/index.html at main · Ryan-Wsf/Exercice-HTML · 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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fonciere-pagerie-malmaison.com/</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="preconnect" href="https://fonts.googleapis.com%22%3E/">
    <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/2bb90c57b5.js" crossorigin="anonymous"></script>
</head>
<body>
    <header>
            <a href="/"><img src="img/cropped-logo-fpm.jpg.png" alt="logo"></a>
            <nav>
                <ul>
                    <li><a href="#section2">Rueil malmaison</a></li>
                    <li><a href="#section3">bureaux à meaux</a></li>
                    <li><a href="#section4">bureaux à louer</a></li>
                    <li><a href="#">galerie</a></li>
                    <li><a href="#section5">contact</a></li>
                </ul>
            </nav>
            <i id="leburger" class="fa-solid fa-bars"></i>
    </header>
    <main>
        <section id="section1">
            <div id="divsection1">
                <article>
                    <h1>bureaux à rueil malmaison</h1>
                    <h2>Location de bureaux destination des entreprises</h2>
                    <a class="lien1" href="#">Découvrez nos bureaux à louer</a>
                </article>
            </div>
        </section>
        <section id="section2">
            <div id="divsection2">
                <article>
                    <div>
                        <h2>Rueil malmaison</h2>
                        <h3>LOCATION DE BUREAUX PROFESSIONNELS</h3>
                    </div>
                    <div>
                        <div id="div_hr">
                            <hr>
                        </div>
                        <p>Foncière Pagerie Malmaison est une entreprise de location de bureaux professionnels située 16 avenue des Chateaupieds 92500 RUEIL-MALMAISON. Nos bureaux sont conçus pour répondre aux besoins des entreprises modernes et offrir un environnement de travail confortable et stimulant pour les professionnels. Avec un design épuré et une attention portée aux détails, nos locaux sont équipés pour répondre à vos exigences. Nous sommes convaincus que nos bureaux sont l’endroit idéal pour les entreprises ambitieuses et nous invitons tous les professionnels à venir visiter nos locaux pour découvrir l’expérience Foncière Pagerie Malmaison.</p>
                    </div>
                    <a class="lien2" href="#">En savoir plus sur rueil malmaison</a>
                </article>
                <article>
                    <img src="img/34bbe9602501358b4581dc72e8b854c8.jpeg" alt="img">
                </article>
            </div>
            <div id="div2section2">
                <article>
                    <img src="img/Symbol.png" alt="img">
                    <p>32 Bureaux loués</p>
                </article>
                <article>
                    <img src="img/Symbol2.png" alt="img">
                    <p>16 avenue des Chateaupieds</p>
                    <p>92500 RUEIL MALMAISON</p>
                </article>
                <article>
                    <img src="img/Symbol3.png" alt="img">
                    <p>Parking à proximité</p>
                </article>
            </div>
        </section>
        <section id="section3">
            <div id="divsection3">
                <article>
                    <img src="img/section_3_1.jpeg" alt="img">
                    <img src="img/Img2.png" alt="img">
                    <img src="img/Img3.png" alt="img">
                    <img src="img/Img4.png" alt="img">
                    <img src="img/Img5.png" alt="img">
                </article>
                <article>
                    <h2>Bureaux à Meaux</h2>
                    <h3>LOCATION DE BUREAUX PROFESSIONNELS</h3>
                    <div>
                        <p>Découvrez cette opportunité unique au sein d’un immeuble moderne polyvalent, qui combine à la fois des espaces de bureaux et des logements. Idéalement situé en face de la cité administrative, cet emplacement stratégique vous assure une visibilité optimale pour votre entreprise.</p>

                        <p>Les bureaux, situés aux 1er et 2ème étages et accessibles par un ascenseur, offrent un environnement de travail agréable avec une abondance de lumière naturelle et des installations pratiques. De plus, des terrasses sont disponibles pour vous permettre de vous détendre ou d’échanger en plein air.</p>

                        <p>Nous vous proposons des surfaces flexibles de 800 m² et 200 m², parfaitement adaptées aux besoins de divers projets professionnels. Pour obtenir plus d’informations ou organiser une visite, n’hésitez pas à nous contacter. C’est une opportunité à ne pas manquer !</p>
                    </div>

                    <a class="lien1" href="#">En savoir plus sur les bureaux de Meaux</a>
                </article>
            </div>
        </section>
        <section id="section4">
            <div>
                <h2>Nos bureaux à loués</h2>
                <h3>RUEIL MALMAISON ET MEAUX</h3>
            </div>
            <div>
            <article>
                <img src="img/LOT-107-108-600x449.jpg.png" alt="img">
                <p>Bureaux 116+117 26.5m²</p>
            </article>
            <article>
                <img src="img/IMG_6345-600x450.jpg.png" alt="img">
                <p>Lot 112 : 67 m2</p>
            </article>
            <article>
                <img src="img/IMG_5156-600x450.jpg.png" alt="img">
                <p>Lot C : 184 m2</p>
            </article>
        </div>
        <div id="btn_section4">
            <a class="lien2" href="#">Voir tout les bureaux</a>
        </div>
            </section>
            <section id="section5">
                <div>
                    <h2>Nous contacter</h2>
                    <h3>POUR UNE QUESTION OU UNE VISITE</h3>
                    <form action="#"></form>
                        <div id="divsection5">
                            <input class="input1" type="text" placeholder="Votre nom">
                            <input class="input1" type="text" placeholder="Votre prénom">
                            <input class="input2" type="text" placeholder="Votre entreprise">
                            <input class="input1" type="email" id="email" name="email" placeholder="Votre email">
                            <input class="input1" type="tel" id="telephone" name="telephone" pattern="[0-9]{10}" placeholder="Votre téléphone">
                            <textarea name="textarea" class="input2" placeholder="Message" cols="30" rows="10"></textarea>
                        </div>
                        <div>
                            <label class="input3" for="checkbox">
                            <input class="input3"type="checkbox" id="checkbox">En soumettant ce formulaire, j'accepte que les informations saisies soient transmises par mail à l'équipe de SkillFacile dans le but d'être recontacté concernant la demande effectuée. Je comprends que j'ai un droit de modification, d'accès et de suppression de mes informations personnelles.</label>
                        </div>
                        <input id="envoyer" type="submit" value="Envoyer">
                    </form>
                </div>
        </section>
    </main>
    <footer>
        <div>
            <p>©2023 – Foncière Pagerie Malmaison – Création de site : <a href="#">StoryCom</a> – <a href="#">Mentions légales</a></p>
        </div>
    </footer>

</body>
</html>