BrigitteBee/brigittebee.html at main · Anthony83860/BrigitteBee · 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="brigittebee.css">
    <title>brigittebee</title>
    <script src="https://kit.fontawesome.com/2bb90c57b5.js" crossorigin="anonymous"></script>

</head>
<body>
    <header>

            <a href="/"><img src="img/cropped-Art-studio.png.png" alt="Logo"></a>


            <nav>
                <ul>
                    <li><a id="accueil"hdref="#">Accueil</a></li>
                    <li><a href="#">La Galerie</a></li>
                    <li><a href="#">Les Oeuvres</a></li>
                    <li><a href="#">Les Artistes</a></li>
                    <li><a href="#">Les Oeuvres</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </nav>

        <div>
            <a href="#"><img src="img/YouTube.png" alt="YouTube"></a>
            <a href="#"><img src="img/Instagram.png" alt="Instagram"></a>
            <a href="#"><img src="img/Facebook.png" alt="Facebook"></a>
        </div>
        <i id="burger" class="fa-solid fa-bars"></i>
    </header>
    <main>
        <section id="premiertableau">
           <div id="section1">
                <article>
                    <div>
                        <hr>
                        <h1>BIENVENUE</h1>
                    </div>
                    <h2>Je suis Brigitte Bee</h2>
                    <h3>Gérante / Artiste / Exposante</h3>
                    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur error porro, dicta accusantium deserunt dolorum tenetur molestias! Aperiam minus repellat ea dolorum nulla alias necessitatibus est nemo, in qui hic?</p>
                    <a id="bouton" hdref="#">Me rejoindre</a>
                </article>
                <article>
                    <img src="img/food-blogger-hero-img.jpg.png" alt="brigittebee">
                </article>
            </div>
        </section>
        <section class="tableau1">
            <article id="sectiongalerie">
                <h2>A propos de la Galerie</h2>
                <p>La Galerie Brigiite Bee, fondée en 2011, est le lieu incontournable pour les amateurs d'art en quête de découvertes uniques.Brigitte Bee , artiste et exposante renomée, a créé cet espace en tant que vitrine pour des créations artistiques aussi diverses que captivantes. Les oeuvres exposées sont le fruit d'artistes en herbe , chacune portant en elle l'essence de son créateur.

                Découvrez dans nos murs un panorama artistique riche et varié, où la singularité et la diversité des expressions artistiques se rencontrent. Des peintures vibrantes aux sculptures élégantes, chaque pièce exposée témoigne d'une sensibilté artistique unique. Notre galerie offre ainsi une expérience immersive où la créativité se dévoile à chaque pas.

                Plongez dans l'univers de la Galerie Brigitte Bee, un espace où l'art sous toutes ses fores trouve sa place et où les oeuvres uniques vous invitent à explorer la richesse et la profondeur de l'expression artistique contemporaine.</p>
            </article>
            <article id="sectionphoto">
                    <img src="img/pexels-deeana-arts-1646953-200x300.jpg.png" alt="pinceaux">
                    <img src="img/div.modula-item (1).png" alt="cdjhgca">
                    <img src="img/div.modula-item (2).png" alt="zefiuvhqtueivl">
                    <img src="img/div.modula-item (3).png" alt=";vgig">
                    <img src="img/div.modula-item (4).png" alt="fvjhv">
                    <img src="img/div.modula-item (5).png" alt="f=lkvhoi">
            </article>
        </section>
        <section id="petitesection">
            <h2>Découvrez nos oeuvres</h2>
            <a id="bouton" hdref="#">Voir toutes les oeuvres</a>
        </section>
        <section id="sectionpeinture">
            <article>
                <img src="img/div.modula-item (1).png"alt="jfh">
                <h2>Peinture 5</h2>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Possimus, voluptatibus repellat facere perspiciatis, totam quidem consequatur est eveniet labore doloremque adipisci incidunt quasi ducimus illo sequi! Laborum beatae quas repellat.</p>
            </article>
            <article>
                <img src="img/div.modula-item (2).png" alt="fgv">
                <h2>Peinture 4</h2>
                <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Impedit sapiente vitae quo alias dolorem beatae voluptates optio assumenda voluptatem deserunt. Quisquam molestiae voluptatum ut! Sit officia ducimus inventore! Doloremque, itaque.</p>
            </article>
            <article>
                <img src="img/div.modula-item (4).png" alt="hhch">
                <h2>Peinture 3</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat quo molestiae officiis vel, expedita sunt eos voluptatibus quos. Beatae dicta enim porro distinctio ab aperiam ea saepe quaerat ipsam et?</p>
            </article>
            <article>
                <img src="img/pexels-deeana-arts-1646953-200x300.jpg.png" alt="fvje">
                <h2>Peinture 2</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore, debitis doloribus ducimus excepturi accusamus nihil iure unde voluptatibus exercitationem consectetur. Distinctio cum fugit minus adipisci, accusamus debitis. Fugit, ad repellat?</p>
            </article>
        </section>
        <div id="fondgris">
        <div class="maxwidth">

                <div id="FC">
                <h2>Nos Artistes</h2>
                </div>
        <section id="nosartistes">
            <article>
                <img src="img/Rinaldo.png" alt="Rinaldo">
                <h2>Rinaldo Nunez</h2>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis quisquam ipsa quia adipisci itaque ipsum, soluta repudiandae quas sint facilis eligendi dolor. Maiores aperiam pariatur sunt vero eaque odio nobis?</p>
                <div class="lienartiste">
                    <a id="bouton" hdref="#">Site Web</a>
                    <div>
                        <a href="#"><img src="img/Facebook.png" alt="FB"></a>
                        <a href="#"><img src="img/Instagram.png" alt="Insta"></a>
                    </div>
                </div>
            </article>
            <article>
                <img src="img/Gloria.png" alt="Gloria">
                <h2>Gloria Sanchez</h2>
                <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Accusantium unde, atque quod corrupti, similique tenetur reprehenderit quam ab quis deserunt vel doloremque eos sed fugiat iste officia quae quo? Iure?</p>
                <div class="lienartiste">
                    <a id="bouton" hdref="#">Site Web</a>
                    <div>
                        <a href="#"><img src="img/Facebook.png" alt="FB"></a>
                        <a href="#"><img src="img/Instagram.png" alt="Insta"></a>
                    </div>
                </div>
            </article>
            <article>
                <img src="img/Jeanne.png" alt="jeannedarc">
                <h2>Jeanne d'Arc</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam sed soluta voluptatem nostrum, ea deleniti eveniet ipsum explicabo modi porro aliquid inventore nihil sit voluptatibus magni. Distinctio hic sunt quaerat!</p>
                <div class="lienartiste">
                    <a id="bouton" hdref="#">Site Web</a>
                    <div>
                        <a href="#"><img src="img/Facebook.png" alt="FB"></a>
                        <a href="#"><img src="img/Instagram.png" alt="Insta"></a>
                    </div>
                </div>
            </article>
            <article>
                <img src="img/mohammed.jpg.png" alt="mohammed">
                <h2>Mohammed Ali</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae doloremque, odio quibusdam perspiciatis tempore minus, corporis illum porro reiciendis repudiandae blanditiis consectetur sit ducimus ullam modi voluptate ipsa molestias dicta.</p>
                <div class="lienartiste">
                    <a id="bouton" hdref="#">Site Web</a>
                    <div>
                        <a href="#"><img src="img/Facebook.png" alt="FB"></a>
                        <a href="#"><img src="img/Instagram.png" alt="Insta"></a>
                    </div>
                </div>
            </article>
            <article>
                <img src="img/ariana.png" alt="arianna">
                <h2>Arianna Grande</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis beatae molestias, nemo minima totam esse sed quae vitae suscipit temporibus dolor neque culpa blanditiis atque quos voluptatibus eius sit debitis!</p>
                <div class="lienartiste">
                    <a id="bouton" hdref="#">Site Web</a>
                    <div>
                        <a href="#"><img src="img/Facebook.png" alt="FB"></a>
                        <a href="#"><img src="img/Instagram.png" alt="Insta"></a>
                    </div>
                </div>
            </article>
            <article>
                <img src="img/charles.jpg.png" alt="charles">
                <h2>Charles Bronson</h2>
                <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quam numquam dolorem vero distinctio fuga dolorum, modi atque quo debitis sit totam deserunt esse accusantium aliquid sunt cupiditate ex iusto. Veritatis.
                </p>
                <div class="lienartiste">
                    <a id="bouton" hdref="#">Site Web</a>
                    <div>
                        <a href="#"><img src="img/Facebook.png" alt="FB"></a>
                        <a href="#"><img src="img/Instagram.png" alt="Insta"></a>
                    </div>
                </div>
            </article>
        </section>
        </div>
   </div>
        <section id="petitesection" class="maxwidth">
            <h2>Découvrez nos Actualités</h2>
            <a id="bouton" hdref="#">Voir toutes les Actualités</a>
        </section>
        <section id="tableauactu" class="maxwidth">
            <article>
                <img src="img/farkerake.png" alt="hvbhvq">
                <h2>Voyage dans l'art moderne</h2>
                <p>décembre 8, 2023</p>
                <p>L’Art Moderne, avec ses éclats de créativité et sa diversité stylistique, offre un périple captivant à travers les expressions contemporaines. À la Galerie d’Art Urbain,…</p>
                <a href="#">Read More »</a>
            </article>
            <article>
                <img src="img/dirigeable.png" alt="dirigeable">
                <h2>Delectus non nesciunt sunt</h2>
                <p>décembre 7, 2023</p>
                <p>Error illum.</p>
                <p>Libero voluptatem.</p>
                <a href="#">Read More »</a>
            </article>
            <article>
                <img src="img/vache.png" alt="vache">
                <h2>Labore deleniti fugiat beatae nesciunt</h2>
                <p>décembre 7, 2023</p>
                <p>Repellat magnam et et soluta voluptatum. Dolores excepturi rerum asperiores in aut id Nostrum ab vel consequuntur aut magnam est. aut minima debitis eius alias.…</p>
                <a href="#">Read More »</a>
            </article>
        </section>
        <section class="fondorange">
            <article>
                <h2>Contactez-nous pour exposer vos oeuvres dans la galerie</h2>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Mollitia dicta nostrum, ratione doloremque accusantium ex, magni obcaecati vitae assumenda itaque natus tempore. Eaque consequatur sunt, dolores minima earum nesciunt pariatur.</p>
                <div>
                    <a href="#">Nous contacter</a>
                </div>
            </article>
        </section>
    </main>

    <footer>
        <section>
            <article>
                <a href="#"><img src="img/cropped-Art-studio.png.png" alt="Logo"></a>
            </article>
            <article id="gridtableau">
                <ul>
                    <li><a id="accueil"hdref="#">Accueil</a></li>
                    <li><a href="#">La Galerie</a></li>
                    <li><a href="#">Les Oeuvres</a></li>
                    <li><a href="#">Les Artistes</a></li>
                    <li><a href="#">Les Oeuvres</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>

                <p>© 2023 StoryCo & MMI - Mentions légales</p>
            </article>
            <article>
                <a href="#"><img src="img/YouTube.png" alt="YouTube"></a>
                <a href="#"><img src="img/Instagram.png" alt="Instagram"></a>
                <a href="#"><img src="img/Facebook.png" alt="Facebook"></a>
            </article>

        </section>


    </footer>


</body>
</html>