-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (235 loc) · 12 KB
/
index.html
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
<!DOCTYPE html>
<html lang="fr">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./assets/style.min.css">
<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=Inter&family=Spectral:ital,wght@0,400;1,300;1,400;1,800&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<title>Nina Carducci - Photographe portraits et événements Bordeaux</title>
<meta name="description"
content="Découvrez une photographe spécialisée dans les portraits et évènements. Des images captivantes pour vos moments importants. Contactez-moi pour réserver une séance photo ou couvrir vos évènements spéciaux.">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "Nina Carducci",
"description": "Photographe professionnelle basée à Bordeaux : shootings, retouches et albums photos.",
"openingHours": "Mo-Fr 09:00-12:00",
"telephone": "+33 5 56 67 78 89",
"address": {
"@type": "PostalAddress",
"addressLocality": "Bordeaux, France",
"postalCode": "F-33200",
"streetAddress": "68 avenue Alsace-Lorraine"
},
"url": "https://ludivineclement.github.io/Nina-Carducci/",
"image": "https://ludivineclement.github.io/Nina-Carducci/assets/images/nina.webp",
"priceRange": "$$"
}
</script>
<!-- Balises meta pour Rich Snippet Google -->
<meta itemprop="name" content="Nina Carducci - Photographe portraits et événements">
<meta itemprop="description" content="Découvrez une photographe spécialisée dans les portraits et évènements. Des images captivantes pour vos moments importants. Contactez-moi pour réserver une séance photo ou couvrir vos évènements spéciaux.">
<meta itemprop="image" content="https://ludivineclement.github.io/Nina-Carducci/assets/images/nina.webp">
<!-- Balises meta pour Facebook OpenGraph -->
<meta property="og:title" content="Nina Carducci - Photographe portraits et événements">
<meta property="og:description" content="Découvrez une photographe spécialisée dans les portraits et évènements. Des images captivantes pour vos moments importants. Contactez-moi pour réserver une séance photo ou couvrir vos évènements spéciaux.">
<meta property="og:image" content="https://ludivineclement.github.io/Nina-Carducci/assets/images/camera.webp">
<meta property="og:url" content="https://ludivineclement.github.io/Nina-Carducci/">
<meta property="og:type" content="website">
<!-- Balises meta pour Twitter Cards -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Nina Carducci - Photographe portraits et événements">
<meta name="twitter:description" content="Découvrez une photographe spécialisée dans les portraits et évènements. Des images captivantes pour vos moments importants. Contactez-moi pour réserver une séance photo ou couvrir vos évènements spéciaux.">
<meta name="twitter:image" content="https://ludivineclement.github.io/Nina-Carducci/assets/images/camera.webp">
</head>
<body>
<header>
<div class="top-header">
<h1 class="name">Nina Carducci</h1>
<div class="nav">
<ul>
<li><a href="#about">À propos</a></li>
<li><a href="#gallery">Galerie</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
<li><a class="social-link" href="https://www.instagram.com/ninacarducci.photo/?hl=fr" target="_blank"><img
src="assets/images/instagram.webp" width="20" height="20" alt="Icône Instagram"></a></li>
</ul>
</div>
</div>
</header>
<main>
<section id="header">
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./assets/images/slider/ryoji-iwata-wUZjnOv7t0g-unsplash.webp" class="d-block w-100" alt="homme marchant dans un rue avec un décor urbain en noir et blanc" width="1583" height="732">
</div>
<div class="carousel-item">
<img src="./assets/images/slider/nicholas-green-nPz8akkUmDI-unsplash.webp" class="d-block w-100" alt="moment de joie lors d'un spectacle" width="1583" height="732">
</div>
<div class="carousel-item">
<img src="./assets/images/slider/edward-cisneros-3_h6-1NPDGw-unsplash.webp" class="d-block w-100" alt="un moment intime et romantique lors d'un mariage, avec les mariés dansant ensemble." width="1583" height="732">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</section>
<section id="about">
<div class="picture left">
<img src="./assets/images/nina.webp"
alt="Portrait de Nina Carducci, photographe spécialisée dans les portraits et les évènements" width="445"
height="445">
</div>
<div id="about-me">
<h2 class="about-me__title">À propos de moi</h2>
<h3 class="about-me__introduction">Devenir photographe était pour moi une évidence. Comme si j'y étais
prédestinée.
Saisir un moment, une émotion, une situation, un endroit, une lumière et les rendre immortels, voilà ce qui me
fait vibrer.</h3>
<p>Nous passons notre vie à chercher le bonheur, et lorsque nous y touchons, nous n'avons qu'une envie : le
figer
à travers des photographies pour le savourer avec les personnes qui sont importantes à nos yeux, ou le
partager
au plus grand nombre.
C'est ce que je vous propose : saisir ces merveilleux moments à travers mon regard, mon approche, ma
technique. Rendre ces moments immortels, afin que vous puissiez y puiser de l'amour, du bonheur, de la
tendresse
et de la lumière à chaque fois que vous poserez les yeux sur vos photos.</p>
</div>
</section>
<section id="gallery">
<h3 class="title">Portfolio</h3>
<div class="container py-3">
<div class="gallery">
<img data-gallery-tag="Concert" class="gallery-item"
src="./assets/images/gallery/concerts/aaron-paul-wnX-fXzB6Cw-unsplash.webp"
alt="Concert en direct avec des artistes sur scène et une foule enthousiaste" />
<img data-gallery-tag="Entreprises" class="gallery-item"
src="./assets/images/gallery/entreprise/ali-morshedlou-WMD64tMfc4k-unsplash.webp"
alt="Portrait d'un homme d'affaires confiant en costume" />
<img data-gallery-tag="Entreprises" class="gallery-item"
src="./assets/images/gallery/entreprise/mateus-campos-felipe-Fsgzm8N0hIY-unsplash.webp"
alt="Femme souriante travaillant sur son ordinateur au bureau" />
<img data-gallery-tag="Mariages" class="gallery-item"
src="./assets/images/gallery/mariage/hannah-busing-RvF2R_qMpRk-unsplash.webp"
alt="Mains de mariés se touchant délicatement lors de la cérémonie de mariage" />
<img data-gallery-tag="Portrait" class="gallery-item"
src="./assets/images/gallery/portraits/ade-tunji-rVkhWWZFAtQ-unsplash.webp"
alt="Homme noir se fermant les yeux à cause du soleil éclatant" />
<img data-gallery-tag="Mariages" class="gallery-item"
src="./assets/images/gallery/mariage/jakob-owens-SiniLJkXhMc-unsplash.webp"
alt="Couple de mariage souriant et se tenant la main" />
<img data-gallery-tag="Portrait" class="gallery-item"
src="./assets/images/gallery/portraits/nino-van-prattenburg-443cl1uR_8-unsplash.webp"
alt="Portrait d'une femme élégante, regardant vers le sol avec sa main dans les cheveux" />
<img data-gallery-tag="Concert" class="gallery-item"
src="./assets/images/gallery/concerts/austin-neill-hgO1wFPXl3I-unsplash.webp"
alt="Chanteur sur scène lors d'un concert" />
<img data-gallery-tag="Entreprises" class="gallery-item"
src="./assets/images/gallery/entreprise/jason-goodman-tHO1_OuKbg0-unsplash_1.webp"
alt="Femme souriante lors d'une réunion d'affaires" />
</div>
</div>
<div class="quote">
<figure>
<blockquote>
<h2 class="quote__text">Un portrait n’est pas une ressemblance. Dès lors qu’une émotion ou qu’un fait est
traduit en photo, il cesse d’être un fait pour devenir une opinion. L’inexactitude n’existe pas en
photographie. Toutes les photos sont exactes. Aucune d’elles n’est la vérité.</h2>
</blockquote>
<figcaption class="quote__author">- Richard Avedon</figcaption>
</figure>
</div>
</section>
<section id="services">
<h3 class="title">Mes services</h3>
<div class="container">
<div class="service">
<div class="service__description">
<h3>Shooting photo</h3>
<p>Pour capturer vos moments les plus précieux et garder un souvenir impérissable. Je me déplace en
Île-de-France pour réaliser vos photos.</p>
</div>
<div class="service__price">
<h4>350€/demi-journée</h4>
<span>Matériel et déplacement inclus</span>
</div>
</div>
<div class="service">
<div class="service__description">
<h3>Retouches</h3>
<p>Vous souhaitez retoucher vos photos pour un résultat professionnel ? Bénéficiez d'un rendu optimal pour
vos publications.</p>
</div>
<div class="service__price">
<h4>50€/photo</h4>
<span>2 AR par photo</span>
</div>
</div>
<div class="service">
<div class="service__description">
<h3>Album photos</h3>
<p>Partagez avec vos proches et vos clients les photos des moments partagés ensemble à travers un album
photo
personnalisé.</p>
</div>
<div class="service__price">
<h4>400€ album A4</h4>
<span>30 pages recto/verso</span>
</div>
</div>
</div>
</section>
<div class="quote">
<figure>
<blockquote>
<h2 class="quote__text">De manière inconsciente, je crois, je guette un regard, une expression, des traits ou
une nostalgie capable de résumer ou plus exactement de révéler une vie</h2>
</blockquote>
<figcaption class="quote__author">- Richard Avedon</figcaption>
</figure>
</div>
<section id="contact">
<div class="container">
<div class="form-container">
<h3>Une question ? Une demande de devis ?</h3>
<p>N'hésitez pas à m'écrire ! Je vous répondrai en moins de 24 heures.</p>
<form action="#" method="post">
<label for="nom">Nom</label>
<input type="text" name="nom" id="nom">
<label for="email">Email</label>
<input type="email" name="email" id="email">
<label for="message">Message</label>
<textarea name="message" id="message" cols="30" rows="10"></textarea>
<input type="submit" value="Envoyer">
</form>
</div>
<div class="picture right">
<img src="./assets/images/camera.webp" alt="Appareil photo professionnel" width="420" height="420">
</div>
</div>
</section>
</main>
<script src="./assets/bootstrap/bootstrap.bundle.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="./assets/maugallery.min.js"></script>
<script src="./assets/scripts.min.js"></script>
</body>
</html>