kriskesh1 commited on
Commit
448da6a
·
verified ·
1 Parent(s): 7a0086b

en anglais - Follow Up Deployment

Browse files
Files changed (1) hide show
  1. index.html +14 -14
index.html CHANGED
@@ -40,10 +40,10 @@
40
  <i class="fas fa-bars text-2xl"></i>
41
  </button>
42
  <div class="hidden md:flex space-x-8" id="nav-links">
43
- <a href="#home" class="hover:text-indigo-600">Accueil</a>
44
- <a href="#services" class="hover:text-indigo-600">Séances & Tarifs</a>
45
  <a href="#portfolio" class="hover:text-indigo-600">Portfolio</a>
46
- <a href="#booking" class="hover:text-indigo-600">Réservation</a>
47
  <a href="#contact" class="hover:text-indigo-600">Contact</a>
48
  </div>
49
  </div>
@@ -60,16 +60,16 @@
60
  <!-- Hero Section -->
61
  <section id="home" class="hero-image h-screen flex items-center justify-center text-center text-white">
62
  <div class="px-4">
63
- <h1 class="text-4xl md:text-6xl font-bold mb-6">Immortalisez chaque instant avec passion et précision</h1>
64
- <p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">Photographe professionnel spécialisé dans les mariages, portraits et événements corporatifs. Capturant l'émotion pure depuis plus de 10 ans.</p>
65
- <a href="#booking" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block">Réserver une séance</a>
66
  </div>
67
  </section>
68
 
69
  <!-- Services Section -->
70
  <section id="services" class="py-20 bg-gray-50">
71
  <div class="container mx-auto px-4">
72
- <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Séances & Tarifs</h2>
73
 
74
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
75
  <!-- Mariage -->
@@ -210,7 +210,7 @@
210
  <!-- Booking Section -->
211
  <section id="booking" class="py-20 bg-gray-50">
212
  <div class="container mx-auto px-4">
213
- <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Réserver une séance</h2>
214
 
215
  <div class="bg-white rounded-lg shadow-lg overflow-hidden max-w-4xl mx-auto">
216
  <div class="md:flex">
@@ -273,7 +273,7 @@
273
  <!-- Contact Section -->
274
  <section id="contact" class="py-20 bg-white">
275
  <div class="container mx-auto px-4">
276
- <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Contact</h2>
277
 
278
  <div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-6xl mx-auto">
279
  <div>
@@ -359,12 +359,12 @@
359
  </div>
360
 
361
  <div>
362
- <h4 class="text-xl font-semibold mb-4">Liens rapides</h4>
363
  <ul class="space-y-2">
364
- <li><a href="#home" class="hover:text-indigo-400 transition duration-200">Accueil</a></li>
365
- <li><a href="#services" class="hover:text-indigo-400 transition duration-200">Séances & Tarifs</a></li>
366
  <li><a href="#portfolio" class="hover:text-indigo-400 transition duration-200">Portfolio</a></li>
367
- <li><a href="#booking" class="hover:text-indigo-400 transition duration-200">Réservation</a></li>
368
  <li><a href="#contact" class="hover:text-indigo-400 transition duration-200">Contact</a></li>
369
  </ul>
370
  </div>
@@ -388,7 +388,7 @@
388
  </div>
389
 
390
  <div class="border-t border-gray-700 mt-8 pt-8 text-center">
391
- <p>&copy; 2023 Mrkeshphotography & Film. Tous droits réservés.</p>
392
  </div>
393
  </div>
394
  </footer>
 
40
  <i class="fas fa-bars text-2xl"></i>
41
  </button>
42
  <div class="hidden md:flex space-x-8" id="nav-links">
43
+ <a href="#home" class="hover:text-indigo-600">Home</a>
44
+ <a href="#services" class="hover:text-indigo-600">Sessions & Pricing</a>
45
  <a href="#portfolio" class="hover:text-indigo-600">Portfolio</a>
46
+ <a href="#booking" class="hover:text-indigo-600">Booking</a>
47
  <a href="#contact" class="hover:text-indigo-600">Contact</a>
48
  </div>
49
  </div>
 
60
  <!-- Hero Section -->
61
  <section id="home" class="hero-image h-screen flex items-center justify-center text-center text-white">
62
  <div class="px-4">
63
+ <h1 class="text-4xl md:text-6xl font-bold mb-6">Capture Every Moment with Passion and Precision</h1>
64
+ <p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">Professional photographer specializing in weddings, portraits and corporate events. Capturing pure emotion for over 10 years.</p>
65
+ <a href="#booking" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-full text-lg transition duration-300 inline-block">Book a Session</a>
66
  </div>
67
  </section>
68
 
69
  <!-- Services Section -->
70
  <section id="services" class="py-20 bg-gray-50">
71
  <div class="container mx-auto px-4">
72
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Sessions & Pricing</h2>
73
 
74
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
75
  <!-- Mariage -->
 
210
  <!-- Booking Section -->
211
  <section id="booking" class="py-20 bg-gray-50">
212
  <div class="container mx-auto px-4">
213
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-12">Book a Session</h2>
214
 
215
  <div class="bg-white rounded-lg shadow-lg overflow-hidden max-w-4xl mx-auto">
216
  <div class="md:flex">
 
273
  <!-- Contact Section -->
274
  <section id="contact" class="py-20 bg-white">
275
  <div class="container mx-auto px-4">
276
+ <h2 class="text-3xl md:text-4xl font-bold text-center mb-16">Contact Us</h2>
277
 
278
  <div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-6xl mx-auto">
279
  <div>
 
359
  </div>
360
 
361
  <div>
362
+ <h4 class="text-xl font-semibold mb-4">Quick Links</h4>
363
  <ul class="space-y-2">
364
+ <li><a href="#home" class="hover:text-indigo-400 transition duration-200">Home</a></li>
365
+ <li><a href="#services" class="hover:text-indigo-400 transition duration-200">Sessions & Pricing</a></li>
366
  <li><a href="#portfolio" class="hover:text-indigo-400 transition duration-200">Portfolio</a></li>
367
+ <li><a href="#booking" class="hover:text-indigo-400 transition duration-200">Booking</a></li>
368
  <li><a href="#contact" class="hover:text-indigo-400 transition duration-200">Contact</a></li>
369
  </ul>
370
  </div>
 
388
  </div>
389
 
390
  <div class="border-t border-gray-700 mt-8 pt-8 text-center">
391
+ <p>&copy; 2023 Mrkeshphotography & Film. All rights reserved.</p>
392
  </div>
393
  </div>
394
  </footer>