Spaces:
Running
Running
en anglais - Follow Up Deployment
Browse files- 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">
|
| 44 |
-
<a href="#services" class="hover:text-indigo-600">
|
| 45 |
<a href="#portfolio" class="hover:text-indigo-600">Portfolio</a>
|
| 46 |
-
<a href="#booking" class="hover:text-indigo-600">
|
| 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">
|
| 64 |
-
<p class="text-xl md:text-2xl mb-8 max-w-2xl mx-auto">
|
| 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">
|
| 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">
|
| 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">
|
| 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">
|
| 363 |
<ul class="space-y-2">
|
| 364 |
-
<li><a href="#home" class="hover:text-indigo-400 transition duration-200">
|
| 365 |
-
<li><a href="#services" class="hover:text-indigo-400 transition duration-200">
|
| 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">
|
| 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>© 2023 Mrkeshphotography & Film.
|
| 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>© 2023 Mrkeshphotography & Film. All rights reserved.</p>
|
| 392 |
</div>
|
| 393 |
</div>
|
| 394 |
</footer>
|