Update index.html
Browse files- index.html +1628 -18
index.html
CHANGED
|
@@ -1,19 +1,1629 @@
|
|
| 1 |
-
<!
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8">
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 6 |
+
<title>OhLaLa Events - Premium Event Planning & Ceremony Organization</title>
|
| 7 |
+
<meta name="description" content="OhLaLa Events specializes in crafting unforgettable weddings, birthdays, anniversaries, and corporate ceremonies with elegance and passion.">
|
| 8 |
+
<meta property="og:title" content="OhLaLa Events - Premium Event Planning">
|
| 9 |
+
<meta property="og:description" content="Crafting unforgettable ceremonies with elegance and passion.">
|
| 10 |
+
<meta property="og:type" content="website">
|
| 11 |
+
<link rel="icon" type="image/png" href="/favicon.png">
|
| 12 |
+
<link rel="preconnect" href="https://fonts.googleapis.com">
|
| 13 |
+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
| 14 |
+
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:wght@300;400;500;600;700&family=Great+Vibes&display=swap" rel="stylesheet">
|
| 15 |
+
<style>
|
| 16 |
+
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
|
| 17 |
+
|
| 18 |
+
:root {
|
| 19 |
+
--gold: #b8860b;
|
| 20 |
+
--gold-light: #d4a843;
|
| 21 |
+
--gold-dark: #8b6914;
|
| 22 |
+
--cream: #fdf8f0;
|
| 23 |
+
--cream-dark: #f5ead6;
|
| 24 |
+
--charcoal: #2c2c2c;
|
| 25 |
+
--charcoal-light: #4a4a4a;
|
| 26 |
+
--white: #ffffff;
|
| 27 |
+
--blush: #f5e6e0;
|
| 28 |
+
--blush-dark: #e8cfc5;
|
| 29 |
+
--rose: #c9a59a;
|
| 30 |
+
--text-dark: #1a1a1a;
|
| 31 |
+
--text-medium: #555555;
|
| 32 |
+
--text-light: #888888;
|
| 33 |
+
--overlay: rgba(20, 15, 10, 0.55);
|
| 34 |
+
}
|
| 35 |
+
|
| 36 |
+
html { scroll-behavior: smooth; }
|
| 37 |
+
|
| 38 |
+
body {
|
| 39 |
+
font-family: 'Poppins', sans-serif;
|
| 40 |
+
color: var(--text-dark);
|
| 41 |
+
background: var(--white);
|
| 42 |
+
line-height: 1.7;
|
| 43 |
+
overflow-x: hidden;
|
| 44 |
+
-webkit-font-smoothing: antialiased;
|
| 45 |
+
}
|
| 46 |
+
|
| 47 |
+
.font-serif { font-family: 'Playfair Display', serif; }
|
| 48 |
+
.font-script { font-family: 'Great Vibes', cursive; }
|
| 49 |
+
|
| 50 |
+
img { max-width: 100%; height: auto; display: block; }
|
| 51 |
+
a { text-decoration: none; color: inherit; }
|
| 52 |
+
ul { list-style: none; }
|
| 53 |
+
|
| 54 |
+
.container {
|
| 55 |
+
max-width: 1200px;
|
| 56 |
+
margin: 0 auto;
|
| 57 |
+
padding: 0 24px;
|
| 58 |
+
}
|
| 59 |
+
|
| 60 |
+
/* ===== NAVIGATION ===== */
|
| 61 |
+
.navbar {
|
| 62 |
+
position: fixed;
|
| 63 |
+
top: 0; left: 0; right: 0;
|
| 64 |
+
z-index: 1000;
|
| 65 |
+
padding: 20px 0;
|
| 66 |
+
transition: all 0.4s ease;
|
| 67 |
+
}
|
| 68 |
+
|
| 69 |
+
.navbar.scrolled {
|
| 70 |
+
background: rgba(255,255,255,0.97);
|
| 71 |
+
backdrop-filter: blur(12px);
|
| 72 |
+
padding: 12px 0;
|
| 73 |
+
box-shadow: 0 2px 30px rgba(0,0,0,0.08);
|
| 74 |
+
}
|
| 75 |
+
|
| 76 |
+
.navbar .container {
|
| 77 |
+
display: flex;
|
| 78 |
+
align-items: center;
|
| 79 |
+
justify-content: space-between;
|
| 80 |
+
}
|
| 81 |
+
|
| 82 |
+
.logo {
|
| 83 |
+
font-family: 'Great Vibes', cursive;
|
| 84 |
+
font-size: 2.2rem;
|
| 85 |
+
color: var(--white);
|
| 86 |
+
transition: color 0.4s;
|
| 87 |
+
}
|
| 88 |
+
|
| 89 |
+
.navbar.scrolled .logo { color: var(--gold); }
|
| 90 |
+
|
| 91 |
+
.nav-links {
|
| 92 |
+
display: flex;
|
| 93 |
+
gap: 32px;
|
| 94 |
+
align-items: center;
|
| 95 |
+
}
|
| 96 |
+
|
| 97 |
+
.nav-links a {
|
| 98 |
+
color: rgba(255,255,255,0.9);
|
| 99 |
+
font-size: 0.9rem;
|
| 100 |
+
font-weight: 400;
|
| 101 |
+
letter-spacing: 0.5px;
|
| 102 |
+
text-transform: uppercase;
|
| 103 |
+
transition: color 0.3s;
|
| 104 |
+
position: relative;
|
| 105 |
+
}
|
| 106 |
+
|
| 107 |
+
.nav-links a::after {
|
| 108 |
+
content: '';
|
| 109 |
+
position: absolute;
|
| 110 |
+
bottom: -4px; left: 0;
|
| 111 |
+
width: 0; height: 2px;
|
| 112 |
+
background: var(--gold-light);
|
| 113 |
+
transition: width 0.3s;
|
| 114 |
+
}
|
| 115 |
+
|
| 116 |
+
.nav-links a:hover::after { width: 100%; }
|
| 117 |
+
|
| 118 |
+
.navbar.scrolled .nav-links a { color: var(--charcoal); }
|
| 119 |
+
.navbar.scrolled .nav-links a:hover { color: var(--gold); }
|
| 120 |
+
|
| 121 |
+
.nav-cta {
|
| 122 |
+
padding: 10px 28px !important;
|
| 123 |
+
border: 1.5px solid rgba(255,255,255,0.6) !important;
|
| 124 |
+
border-radius: 50px;
|
| 125 |
+
transition: all 0.3s !important;
|
| 126 |
+
}
|
| 127 |
+
|
| 128 |
+
.nav-cta:hover {
|
| 129 |
+
background: var(--gold) !important;
|
| 130 |
+
border-color: var(--gold) !important;
|
| 131 |
+
color: var(--white) !important;
|
| 132 |
+
}
|
| 133 |
+
|
| 134 |
+
.navbar.scrolled .nav-cta {
|
| 135 |
+
border-color: var(--gold) !important;
|
| 136 |
+
color: var(--gold) !important;
|
| 137 |
+
}
|
| 138 |
+
|
| 139 |
+
.navbar.scrolled .nav-cta:hover {
|
| 140 |
+
background: var(--gold) !important;
|
| 141 |
+
color: var(--white) !important;
|
| 142 |
+
}
|
| 143 |
+
|
| 144 |
+
.hamburger {
|
| 145 |
+
display: none;
|
| 146 |
+
flex-direction: column;
|
| 147 |
+
gap: 5px;
|
| 148 |
+
cursor: pointer;
|
| 149 |
+
z-index: 1001;
|
| 150 |
+
}
|
| 151 |
+
|
| 152 |
+
.hamburger span {
|
| 153 |
+
width: 28px; height: 2px;
|
| 154 |
+
background: var(--white);
|
| 155 |
+
transition: all 0.3s;
|
| 156 |
+
}
|
| 157 |
+
|
| 158 |
+
.navbar.scrolled .hamburger span { background: var(--charcoal); }
|
| 159 |
+
|
| 160 |
+
/* ===== HERO ===== */
|
| 161 |
+
.hero {
|
| 162 |
+
position: relative;
|
| 163 |
+
height: 100vh;
|
| 164 |
+
min-height: 700px;
|
| 165 |
+
display: flex;
|
| 166 |
+
align-items: center;
|
| 167 |
+
justify-content: center;
|
| 168 |
+
text-align: center;
|
| 169 |
+
overflow: hidden;
|
| 170 |
+
}
|
| 171 |
+
|
| 172 |
+
.hero-bg {
|
| 173 |
+
position: absolute;
|
| 174 |
+
inset: 0;
|
| 175 |
+
background: url('https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/hero-wedding.png') center/cover no-repeat;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
.hero-overlay {
|
| 179 |
+
position: absolute;
|
| 180 |
+
inset: 0;
|
| 181 |
+
background: linear-gradient(
|
| 182 |
+
180deg,
|
| 183 |
+
rgba(15,10,5,0.4) 0%,
|
| 184 |
+
rgba(15,10,5,0.35) 40%,
|
| 185 |
+
rgba(15,10,5,0.5) 100%
|
| 186 |
+
);
|
| 187 |
+
}
|
| 188 |
+
|
| 189 |
+
.hero-content {
|
| 190 |
+
position: relative;
|
| 191 |
+
z-index: 2;
|
| 192 |
+
color: var(--white);
|
| 193 |
+
max-width: 800px;
|
| 194 |
+
padding: 0 24px;
|
| 195 |
+
}
|
| 196 |
+
|
| 197 |
+
.hero-subtitle {
|
| 198 |
+
font-family: 'Great Vibes', cursive;
|
| 199 |
+
font-size: 1.8rem;
|
| 200 |
+
color: var(--gold-light);
|
| 201 |
+
margin-bottom: 12px;
|
| 202 |
+
opacity: 0;
|
| 203 |
+
transform: translateY(30px);
|
| 204 |
+
animation: fadeUp 0.8s 0.3s forwards;
|
| 205 |
+
}
|
| 206 |
+
|
| 207 |
+
.hero-title {
|
| 208 |
+
font-family: 'Playfair Display', serif;
|
| 209 |
+
font-size: clamp(2.8rem, 6vw, 5rem);
|
| 210 |
+
font-weight: 700;
|
| 211 |
+
line-height: 1.15;
|
| 212 |
+
margin-bottom: 24px;
|
| 213 |
+
opacity: 0;
|
| 214 |
+
transform: translateY(30px);
|
| 215 |
+
animation: fadeUp 0.8s 0.5s forwards;
|
| 216 |
+
}
|
| 217 |
+
|
| 218 |
+
.hero-desc {
|
| 219 |
+
font-size: 1.05rem;
|
| 220 |
+
line-height: 1.8;
|
| 221 |
+
color: rgba(255,255,255,0.85);
|
| 222 |
+
max-width: 550px;
|
| 223 |
+
margin: 0 auto 40px;
|
| 224 |
+
opacity: 0;
|
| 225 |
+
transform: translateY(30px);
|
| 226 |
+
animation: fadeUp 0.8s 0.7s forwards;
|
| 227 |
+
}
|
| 228 |
+
|
| 229 |
+
.hero-buttons {
|
| 230 |
+
display: flex;
|
| 231 |
+
gap: 16px;
|
| 232 |
+
justify-content: center;
|
| 233 |
+
flex-wrap: wrap;
|
| 234 |
+
opacity: 0;
|
| 235 |
+
transform: translateY(30px);
|
| 236 |
+
animation: fadeUp 0.8s 0.9s forwards;
|
| 237 |
+
}
|
| 238 |
+
|
| 239 |
+
@keyframes fadeUp {
|
| 240 |
+
to { opacity: 1; transform: translateY(0); }
|
| 241 |
+
}
|
| 242 |
+
|
| 243 |
+
/* ===== BUTTONS ===== */
|
| 244 |
+
.btn {
|
| 245 |
+
display: inline-flex;
|
| 246 |
+
align-items: center;
|
| 247 |
+
gap: 8px;
|
| 248 |
+
padding: 14px 36px;
|
| 249 |
+
font-family: 'Poppins', sans-serif;
|
| 250 |
+
font-size: 0.85rem;
|
| 251 |
+
font-weight: 500;
|
| 252 |
+
letter-spacing: 1.5px;
|
| 253 |
+
text-transform: uppercase;
|
| 254 |
+
border: none;
|
| 255 |
+
border-radius: 50px;
|
| 256 |
+
cursor: pointer;
|
| 257 |
+
transition: all 0.35s ease;
|
| 258 |
+
}
|
| 259 |
+
|
| 260 |
+
.btn-primary {
|
| 261 |
+
background: var(--gold);
|
| 262 |
+
color: var(--white);
|
| 263 |
+
}
|
| 264 |
+
|
| 265 |
+
.btn-primary:hover {
|
| 266 |
+
background: var(--gold-dark);
|
| 267 |
+
transform: translateY(-2px);
|
| 268 |
+
box-shadow: 0 8px 25px rgba(184,134,11,0.35);
|
| 269 |
+
}
|
| 270 |
+
|
| 271 |
+
.btn-outline {
|
| 272 |
+
background: transparent;
|
| 273 |
+
color: var(--white);
|
| 274 |
+
border: 1.5px solid rgba(255,255,255,0.5);
|
| 275 |
+
}
|
| 276 |
+
|
| 277 |
+
.btn-outline:hover {
|
| 278 |
+
background: rgba(255,255,255,0.1);
|
| 279 |
+
border-color: var(--white);
|
| 280 |
+
}
|
| 281 |
+
|
| 282 |
+
.btn-outline-dark {
|
| 283 |
+
background: transparent;
|
| 284 |
+
color: var(--gold);
|
| 285 |
+
border: 1.5px solid var(--gold);
|
| 286 |
+
}
|
| 287 |
+
|
| 288 |
+
.btn-outline-dark:hover {
|
| 289 |
+
background: var(--gold);
|
| 290 |
+
color: var(--white);
|
| 291 |
+
transform: translateY(-2px);
|
| 292 |
+
box-shadow: 0 8px 25px rgba(184,134,11,0.25);
|
| 293 |
+
}
|
| 294 |
+
|
| 295 |
+
/* ===== SECTION STYLES ===== */
|
| 296 |
+
.section {
|
| 297 |
+
padding: 100px 0;
|
| 298 |
+
}
|
| 299 |
+
|
| 300 |
+
.section-label {
|
| 301 |
+
font-family: 'Great Vibes', cursive;
|
| 302 |
+
font-size: 1.5rem;
|
| 303 |
+
color: var(--gold);
|
| 304 |
+
margin-bottom: 8px;
|
| 305 |
+
}
|
| 306 |
+
|
| 307 |
+
.section-title {
|
| 308 |
+
font-family: 'Playfair Display', serif;
|
| 309 |
+
font-size: clamp(2rem, 4vw, 2.8rem);
|
| 310 |
+
font-weight: 700;
|
| 311 |
+
color: var(--text-dark);
|
| 312 |
+
line-height: 1.3;
|
| 313 |
+
margin-bottom: 20px;
|
| 314 |
+
}
|
| 315 |
+
|
| 316 |
+
.section-desc {
|
| 317 |
+
color: var(--text-medium);
|
| 318 |
+
font-size: 0.95rem;
|
| 319 |
+
max-width: 560px;
|
| 320 |
+
line-height: 1.8;
|
| 321 |
+
}
|
| 322 |
+
|
| 323 |
+
.section-header {
|
| 324 |
+
text-align: center;
|
| 325 |
+
margin-bottom: 60px;
|
| 326 |
+
}
|
| 327 |
+
|
| 328 |
+
.section-header .section-desc {
|
| 329 |
+
margin: 0 auto;
|
| 330 |
+
}
|
| 331 |
+
|
| 332 |
+
.divider-line {
|
| 333 |
+
width: 60px;
|
| 334 |
+
height: 2px;
|
| 335 |
+
background: var(--gold);
|
| 336 |
+
margin: 16px auto 0;
|
| 337 |
+
}
|
| 338 |
+
|
| 339 |
+
/* ===== ABOUT ===== */
|
| 340 |
+
.about {
|
| 341 |
+
background: var(--cream);
|
| 342 |
+
}
|
| 343 |
+
|
| 344 |
+
.about-grid {
|
| 345 |
+
display: grid;
|
| 346 |
+
grid-template-columns: 1fr 1fr;
|
| 347 |
+
gap: 60px;
|
| 348 |
+
align-items: center;
|
| 349 |
+
}
|
| 350 |
+
|
| 351 |
+
.about-image {
|
| 352 |
+
position: relative;
|
| 353 |
+
}
|
| 354 |
+
|
| 355 |
+
.about-image img {
|
| 356 |
+
border-radius: 12px;
|
| 357 |
+
box-shadow: 0 20px 60px rgba(0,0,0,0.1);
|
| 358 |
+
}
|
| 359 |
+
|
| 360 |
+
.about-image::before {
|
| 361 |
+
content: '';
|
| 362 |
+
position: absolute;
|
| 363 |
+
top: -16px; left: -16px;
|
| 364 |
+
width: 120px; height: 120px;
|
| 365 |
+
border: 3px solid var(--gold-light);
|
| 366 |
+
border-radius: 12px;
|
| 367 |
+
z-index: -1;
|
| 368 |
+
opacity: 0.5;
|
| 369 |
+
}
|
| 370 |
+
|
| 371 |
+
.about-stats {
|
| 372 |
+
display: flex;
|
| 373 |
+
gap: 40px;
|
| 374 |
+
margin-top: 36px;
|
| 375 |
+
}
|
| 376 |
+
|
| 377 |
+
.stat-item {
|
| 378 |
+
text-align: center;
|
| 379 |
+
}
|
| 380 |
+
|
| 381 |
+
.stat-number {
|
| 382 |
+
font-family: 'Playfair Display', serif;
|
| 383 |
+
font-size: 2.2rem;
|
| 384 |
+
font-weight: 700;
|
| 385 |
+
color: var(--gold);
|
| 386 |
+
line-height: 1;
|
| 387 |
+
}
|
| 388 |
+
|
| 389 |
+
.stat-label {
|
| 390 |
+
font-size: 0.8rem;
|
| 391 |
+
color: var(--text-medium);
|
| 392 |
+
text-transform: uppercase;
|
| 393 |
+
letter-spacing: 1px;
|
| 394 |
+
margin-top: 4px;
|
| 395 |
+
}
|
| 396 |
+
|
| 397 |
+
/* ===== SERVICES ===== */
|
| 398 |
+
.services-grid {
|
| 399 |
+
display: grid;
|
| 400 |
+
grid-template-columns: repeat(4, 1fr);
|
| 401 |
+
gap: 24px;
|
| 402 |
+
}
|
| 403 |
+
|
| 404 |
+
.service-card {
|
| 405 |
+
position: relative;
|
| 406 |
+
border-radius: 12px;
|
| 407 |
+
overflow: hidden;
|
| 408 |
+
aspect-ratio: 3/4;
|
| 409 |
+
cursor: pointer;
|
| 410 |
+
group: true;
|
| 411 |
+
}
|
| 412 |
+
|
| 413 |
+
.service-card img {
|
| 414 |
+
width: 100%;
|
| 415 |
+
height: 100%;
|
| 416 |
+
object-fit: cover;
|
| 417 |
+
transition: transform 0.6s ease;
|
| 418 |
+
}
|
| 419 |
+
|
| 420 |
+
.service-card:hover img {
|
| 421 |
+
transform: scale(1.08);
|
| 422 |
+
}
|
| 423 |
+
|
| 424 |
+
.service-card-overlay {
|
| 425 |
+
position: absolute;
|
| 426 |
+
inset: 0;
|
| 427 |
+
background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.05) 100%);
|
| 428 |
+
display: flex;
|
| 429 |
+
flex-direction: column;
|
| 430 |
+
justify-content: flex-end;
|
| 431 |
+
padding: 28px;
|
| 432 |
+
transition: background 0.4s;
|
| 433 |
+
}
|
| 434 |
+
|
| 435 |
+
.service-card:hover .service-card-overlay {
|
| 436 |
+
background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 60%, rgba(0,0,0,0.1) 100%);
|
| 437 |
+
}
|
| 438 |
+
|
| 439 |
+
.service-card-title {
|
| 440 |
+
font-family: 'Playfair Display', serif;
|
| 441 |
+
font-size: 1.3rem;
|
| 442 |
+
font-weight: 600;
|
| 443 |
+
color: var(--white);
|
| 444 |
+
margin-bottom: 4px;
|
| 445 |
+
}
|
| 446 |
+
|
| 447 |
+
.service-card-text {
|
| 448 |
+
font-size: 0.82rem;
|
| 449 |
+
color: rgba(255,255,255,0.7);
|
| 450 |
+
transform: translateY(10px);
|
| 451 |
+
opacity: 0;
|
| 452 |
+
transition: all 0.4s;
|
| 453 |
+
}
|
| 454 |
+
|
| 455 |
+
.service-card:hover .service-card-text {
|
| 456 |
+
transform: translateY(0);
|
| 457 |
+
opacity: 1;
|
| 458 |
+
}
|
| 459 |
+
|
| 460 |
+
/* ===== EXPERIENCE BANNER ===== */
|
| 461 |
+
.experience {
|
| 462 |
+
position: relative;
|
| 463 |
+
padding: 100px 0;
|
| 464 |
+
background: url('https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/gallery-1.png') center/cover no-repeat fixed;
|
| 465 |
+
}
|
| 466 |
+
|
| 467 |
+
.experience-overlay {
|
| 468 |
+
position: absolute;
|
| 469 |
+
inset: 0;
|
| 470 |
+
background: linear-gradient(135deg, rgba(20,15,10,0.85) 0%, rgba(40,30,15,0.75) 100%);
|
| 471 |
+
}
|
| 472 |
+
|
| 473 |
+
.experience-content {
|
| 474 |
+
position: relative;
|
| 475 |
+
z-index: 2;
|
| 476 |
+
text-align: center;
|
| 477 |
+
color: var(--white);
|
| 478 |
+
}
|
| 479 |
+
|
| 480 |
+
.experience-stats {
|
| 481 |
+
display: grid;
|
| 482 |
+
grid-template-columns: repeat(4, 1fr);
|
| 483 |
+
gap: 40px;
|
| 484 |
+
max-width: 900px;
|
| 485 |
+
margin: 0 auto;
|
| 486 |
+
}
|
| 487 |
+
|
| 488 |
+
.exp-stat {
|
| 489 |
+
text-align: center;
|
| 490 |
+
}
|
| 491 |
+
|
| 492 |
+
.exp-stat-number {
|
| 493 |
+
font-family: 'Playfair Display', serif;
|
| 494 |
+
font-size: 3.2rem;
|
| 495 |
+
font-weight: 700;
|
| 496 |
+
color: var(--gold-light);
|
| 497 |
+
line-height: 1;
|
| 498 |
+
}
|
| 499 |
+
|
| 500 |
+
.exp-stat-label {
|
| 501 |
+
font-size: 0.85rem;
|
| 502 |
+
color: rgba(255,255,255,0.75);
|
| 503 |
+
text-transform: uppercase;
|
| 504 |
+
letter-spacing: 1.5px;
|
| 505 |
+
margin-top: 8px;
|
| 506 |
+
}
|
| 507 |
+
|
| 508 |
+
/* ===== GALLERY ===== */
|
| 509 |
+
.gallery {
|
| 510 |
+
background: var(--cream);
|
| 511 |
+
}
|
| 512 |
+
|
| 513 |
+
.gallery-grid {
|
| 514 |
+
display: grid;
|
| 515 |
+
grid-template-columns: repeat(4, 1fr);
|
| 516 |
+
gap: 20px;
|
| 517 |
+
}
|
| 518 |
+
|
| 519 |
+
.gallery-item {
|
| 520 |
+
position: relative;
|
| 521 |
+
border-radius: 12px;
|
| 522 |
+
overflow: hidden;
|
| 523 |
+
aspect-ratio: 1;
|
| 524 |
+
cursor: pointer;
|
| 525 |
+
}
|
| 526 |
+
|
| 527 |
+
.gallery-item img {
|
| 528 |
+
width: 100%;
|
| 529 |
+
height: 100%;
|
| 530 |
+
object-fit: cover;
|
| 531 |
+
transition: transform 0.5s ease;
|
| 532 |
+
}
|
| 533 |
+
|
| 534 |
+
.gallery-item:hover img {
|
| 535 |
+
transform: scale(1.06);
|
| 536 |
+
}
|
| 537 |
+
|
| 538 |
+
.gallery-item-overlay {
|
| 539 |
+
position: absolute;
|
| 540 |
+
inset: 0;
|
| 541 |
+
background: rgba(184,134,11,0.0);
|
| 542 |
+
display: flex;
|
| 543 |
+
align-items: center;
|
| 544 |
+
justify-content: center;
|
| 545 |
+
transition: background 0.4s;
|
| 546 |
+
}
|
| 547 |
+
|
| 548 |
+
.gallery-item:hover .gallery-item-overlay {
|
| 549 |
+
background: rgba(184,134,11,0.3);
|
| 550 |
+
}
|
| 551 |
+
|
| 552 |
+
.gallery-item-icon {
|
| 553 |
+
width: 48px;
|
| 554 |
+
height: 48px;
|
| 555 |
+
border-radius: 50%;
|
| 556 |
+
background: rgba(255,255,255,0.9);
|
| 557 |
+
display: flex;
|
| 558 |
+
align-items: center;
|
| 559 |
+
justify-content: center;
|
| 560 |
+
opacity: 0;
|
| 561 |
+
transform: scale(0.7);
|
| 562 |
+
transition: all 0.4s;
|
| 563 |
+
}
|
| 564 |
+
|
| 565 |
+
.gallery-item:hover .gallery-item-icon {
|
| 566 |
+
opacity: 1;
|
| 567 |
+
transform: scale(1);
|
| 568 |
+
}
|
| 569 |
+
|
| 570 |
+
.gallery-item-icon svg {
|
| 571 |
+
width: 20px;
|
| 572 |
+
height: 20px;
|
| 573 |
+
color: var(--gold);
|
| 574 |
+
}
|
| 575 |
+
|
| 576 |
+
/* ===== WHY US ===== */
|
| 577 |
+
.why-us-grid {
|
| 578 |
+
display: grid;
|
| 579 |
+
grid-template-columns: repeat(3, 1fr);
|
| 580 |
+
gap: 32px;
|
| 581 |
+
}
|
| 582 |
+
|
| 583 |
+
.why-card {
|
| 584 |
+
text-align: center;
|
| 585 |
+
padding: 48px 32px;
|
| 586 |
+
background: var(--white);
|
| 587 |
+
border-radius: 12px;
|
| 588 |
+
border: 1px solid rgba(184,134,11,0.1);
|
| 589 |
+
transition: all 0.4s;
|
| 590 |
+
}
|
| 591 |
+
|
| 592 |
+
.why-card:hover {
|
| 593 |
+
transform: translateY(-6px);
|
| 594 |
+
box-shadow: 0 20px 50px rgba(0,0,0,0.08);
|
| 595 |
+
border-color: var(--gold-light);
|
| 596 |
+
}
|
| 597 |
+
|
| 598 |
+
.why-icon {
|
| 599 |
+
width: 72px;
|
| 600 |
+
height: 72px;
|
| 601 |
+
border-radius: 50%;
|
| 602 |
+
background: var(--cream);
|
| 603 |
+
display: flex;
|
| 604 |
+
align-items: center;
|
| 605 |
+
justify-content: center;
|
| 606 |
+
margin: 0 auto 24px;
|
| 607 |
+
transition: background 0.3s;
|
| 608 |
+
}
|
| 609 |
+
|
| 610 |
+
.why-card:hover .why-icon {
|
| 611 |
+
background: var(--gold);
|
| 612 |
+
}
|
| 613 |
+
|
| 614 |
+
.why-icon svg {
|
| 615 |
+
width: 30px;
|
| 616 |
+
height: 30px;
|
| 617 |
+
color: var(--gold);
|
| 618 |
+
transition: color 0.3s;
|
| 619 |
+
}
|
| 620 |
+
|
| 621 |
+
.why-card:hover .why-icon svg {
|
| 622 |
+
color: var(--white);
|
| 623 |
+
}
|
| 624 |
+
|
| 625 |
+
.why-title {
|
| 626 |
+
font-family: 'Playfair Display', serif;
|
| 627 |
+
font-size: 1.25rem;
|
| 628 |
+
font-weight: 600;
|
| 629 |
+
margin-bottom: 12px;
|
| 630 |
+
}
|
| 631 |
+
|
| 632 |
+
.why-text {
|
| 633 |
+
font-size: 0.9rem;
|
| 634 |
+
color: var(--text-medium);
|
| 635 |
+
line-height: 1.7;
|
| 636 |
+
}
|
| 637 |
+
|
| 638 |
+
/* ===== TESTIMONIALS ===== */
|
| 639 |
+
.testimonials {
|
| 640 |
+
background: var(--cream);
|
| 641 |
+
}
|
| 642 |
+
|
| 643 |
+
.testimonial-card {
|
| 644 |
+
max-width: 800px;
|
| 645 |
+
margin: 0 auto;
|
| 646 |
+
text-align: center;
|
| 647 |
+
padding: 48px;
|
| 648 |
+
background: var(--white);
|
| 649 |
+
border-radius: 16px;
|
| 650 |
+
box-shadow: 0 10px 40px rgba(0,0,0,0.06);
|
| 651 |
+
position: relative;
|
| 652 |
+
}
|
| 653 |
+
|
| 654 |
+
.testimonial-quote {
|
| 655 |
+
font-size: 4rem;
|
| 656 |
+
font-family: 'Playfair Display', serif;
|
| 657 |
+
color: var(--gold-light);
|
| 658 |
+
line-height: 1;
|
| 659 |
+
margin-bottom: 8px;
|
| 660 |
+
opacity: 0.5;
|
| 661 |
+
}
|
| 662 |
+
|
| 663 |
+
.testimonial-text {
|
| 664 |
+
font-size: 1.1rem;
|
| 665 |
+
font-style: italic;
|
| 666 |
+
color: var(--text-medium);
|
| 667 |
+
line-height: 1.9;
|
| 668 |
+
margin-bottom: 28px;
|
| 669 |
+
font-family: 'Playfair Display', serif;
|
| 670 |
+
}
|
| 671 |
+
|
| 672 |
+
.testimonial-author {
|
| 673 |
+
font-weight: 600;
|
| 674 |
+
font-size: 1rem;
|
| 675 |
+
color: var(--text-dark);
|
| 676 |
+
}
|
| 677 |
+
|
| 678 |
+
.testimonial-role {
|
| 679 |
+
font-size: 0.85rem;
|
| 680 |
+
color: var(--gold);
|
| 681 |
+
margin-top: 4px;
|
| 682 |
+
}
|
| 683 |
+
|
| 684 |
+
.testimonial-dots {
|
| 685 |
+
display: flex;
|
| 686 |
+
justify-content: center;
|
| 687 |
+
gap: 10px;
|
| 688 |
+
margin-top: 32px;
|
| 689 |
+
}
|
| 690 |
+
|
| 691 |
+
.testimonial-dot {
|
| 692 |
+
width: 10px; height: 10px;
|
| 693 |
+
border-radius: 50%;
|
| 694 |
+
background: var(--blush-dark);
|
| 695 |
+
cursor: pointer;
|
| 696 |
+
transition: all 0.3s;
|
| 697 |
+
}
|
| 698 |
+
|
| 699 |
+
.testimonial-dot.active {
|
| 700 |
+
background: var(--gold);
|
| 701 |
+
width: 28px;
|
| 702 |
+
border-radius: 5px;
|
| 703 |
+
}
|
| 704 |
+
|
| 705 |
+
/* ===== CTA BANNER ===== */
|
| 706 |
+
.cta-banner {
|
| 707 |
+
position: relative;
|
| 708 |
+
padding: 100px 0;
|
| 709 |
+
background: url('https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/about-events.png') center/cover no-repeat fixed;
|
| 710 |
+
}
|
| 711 |
+
|
| 712 |
+
.cta-overlay {
|
| 713 |
+
position: absolute;
|
| 714 |
+
inset: 0;
|
| 715 |
+
background: linear-gradient(135deg, rgba(15,10,5,0.85) 0%, rgba(30,20,10,0.8) 100%);
|
| 716 |
+
}
|
| 717 |
+
|
| 718 |
+
.cta-content {
|
| 719 |
+
position: relative;
|
| 720 |
+
z-index: 2;
|
| 721 |
+
text-align: center;
|
| 722 |
+
color: var(--white);
|
| 723 |
+
}
|
| 724 |
+
|
| 725 |
+
.cta-title {
|
| 726 |
+
font-family: 'Great Vibes', cursive;
|
| 727 |
+
font-size: clamp(2.2rem, 5vw, 3.5rem);
|
| 728 |
+
margin-bottom: 16px;
|
| 729 |
+
color: var(--gold-light);
|
| 730 |
+
}
|
| 731 |
+
|
| 732 |
+
.cta-heading {
|
| 733 |
+
font-family: 'Playfair Display', serif;
|
| 734 |
+
font-size: clamp(1.8rem, 4vw, 2.5rem);
|
| 735 |
+
font-weight: 700;
|
| 736 |
+
margin-bottom: 20px;
|
| 737 |
+
}
|
| 738 |
+
|
| 739 |
+
.cta-desc {
|
| 740 |
+
font-size: 1rem;
|
| 741 |
+
color: rgba(255,255,255,0.8);
|
| 742 |
+
max-width: 500px;
|
| 743 |
+
margin: 0 auto 36px;
|
| 744 |
+
line-height: 1.8;
|
| 745 |
+
}
|
| 746 |
+
|
| 747 |
+
/* ===== CONTACT FORM ===== */
|
| 748 |
+
.contact-grid {
|
| 749 |
+
display: grid;
|
| 750 |
+
grid-template-columns: 1fr 1fr;
|
| 751 |
+
gap: 60px;
|
| 752 |
+
align-items: start;
|
| 753 |
+
}
|
| 754 |
+
|
| 755 |
+
.contact-info-item {
|
| 756 |
+
display: flex;
|
| 757 |
+
gap: 16px;
|
| 758 |
+
align-items: flex-start;
|
| 759 |
+
margin-bottom: 28px;
|
| 760 |
+
}
|
| 761 |
+
|
| 762 |
+
.contact-info-icon {
|
| 763 |
+
width: 50px;
|
| 764 |
+
height: 50px;
|
| 765 |
+
border-radius: 50%;
|
| 766 |
+
background: var(--cream);
|
| 767 |
+
display: flex;
|
| 768 |
+
align-items: center;
|
| 769 |
+
justify-content: center;
|
| 770 |
+
flex-shrink: 0;
|
| 771 |
+
}
|
| 772 |
+
|
| 773 |
+
.contact-info-icon svg {
|
| 774 |
+
width: 22px;
|
| 775 |
+
height: 22px;
|
| 776 |
+
color: var(--gold);
|
| 777 |
+
}
|
| 778 |
+
|
| 779 |
+
.contact-info-label {
|
| 780 |
+
font-size: 0.8rem;
|
| 781 |
+
text-transform: uppercase;
|
| 782 |
+
letter-spacing: 1px;
|
| 783 |
+
color: var(--text-light);
|
| 784 |
+
margin-bottom: 4px;
|
| 785 |
+
}
|
| 786 |
+
|
| 787 |
+
.contact-info-value {
|
| 788 |
+
font-size: 1rem;
|
| 789 |
+
color: var(--text-dark);
|
| 790 |
+
font-weight: 500;
|
| 791 |
+
}
|
| 792 |
+
|
| 793 |
+
.form-group {
|
| 794 |
+
margin-bottom: 20px;
|
| 795 |
+
}
|
| 796 |
+
|
| 797 |
+
.form-row {
|
| 798 |
+
display: grid;
|
| 799 |
+
grid-template-columns: 1fr 1fr;
|
| 800 |
+
gap: 20px;
|
| 801 |
+
}
|
| 802 |
+
|
| 803 |
+
.form-input,
|
| 804 |
+
.form-select,
|
| 805 |
+
.form-textarea {
|
| 806 |
+
width: 100%;
|
| 807 |
+
padding: 14px 20px;
|
| 808 |
+
font-family: 'Poppins', sans-serif;
|
| 809 |
+
font-size: 0.9rem;
|
| 810 |
+
border: 1.5px solid #e5ddd5;
|
| 811 |
+
border-radius: 8px;
|
| 812 |
+
background: var(--white);
|
| 813 |
+
color: var(--text-dark);
|
| 814 |
+
transition: border-color 0.3s, box-shadow 0.3s;
|
| 815 |
+
outline: none;
|
| 816 |
+
}
|
| 817 |
+
|
| 818 |
+
.form-input:focus,
|
| 819 |
+
.form-select:focus,
|
| 820 |
+
.form-textarea:focus {
|
| 821 |
+
border-color: var(--gold);
|
| 822 |
+
box-shadow: 0 0 0 3px rgba(184,134,11,0.1);
|
| 823 |
+
}
|
| 824 |
+
|
| 825 |
+
.form-input::placeholder,
|
| 826 |
+
.form-textarea::placeholder {
|
| 827 |
+
color: var(--text-light);
|
| 828 |
+
}
|
| 829 |
+
|
| 830 |
+
.form-textarea {
|
| 831 |
+
min-height: 130px;
|
| 832 |
+
resize: vertical;
|
| 833 |
+
}
|
| 834 |
+
|
| 835 |
+
.form-select {
|
| 836 |
+
appearance: none;
|
| 837 |
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
|
| 838 |
+
background-repeat: no-repeat;
|
| 839 |
+
background-position: right 16px center;
|
| 840 |
+
cursor: pointer;
|
| 841 |
+
}
|
| 842 |
+
|
| 843 |
+
/* ===== FOOTER ===== */
|
| 844 |
+
.footer {
|
| 845 |
+
background: var(--charcoal);
|
| 846 |
+
color: rgba(255,255,255,0.7);
|
| 847 |
+
padding: 80px 0 0;
|
| 848 |
+
}
|
| 849 |
+
|
| 850 |
+
.footer-grid {
|
| 851 |
+
display: grid;
|
| 852 |
+
grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
|
| 853 |
+
gap: 48px;
|
| 854 |
+
padding-bottom: 60px;
|
| 855 |
+
border-bottom: 1px solid rgba(255,255,255,0.1);
|
| 856 |
+
}
|
| 857 |
+
|
| 858 |
+
.footer-logo {
|
| 859 |
+
font-family: 'Great Vibes', cursive;
|
| 860 |
+
font-size: 2.2rem;
|
| 861 |
+
color: var(--gold-light);
|
| 862 |
+
margin-bottom: 16px;
|
| 863 |
+
}
|
| 864 |
+
|
| 865 |
+
.footer-about {
|
| 866 |
+
font-size: 0.9rem;
|
| 867 |
+
line-height: 1.8;
|
| 868 |
+
margin-bottom: 24px;
|
| 869 |
+
}
|
| 870 |
+
|
| 871 |
+
.footer-social {
|
| 872 |
+
display: flex;
|
| 873 |
+
gap: 12px;
|
| 874 |
+
}
|
| 875 |
+
|
| 876 |
+
.social-link {
|
| 877 |
+
width: 40px; height: 40px;
|
| 878 |
+
border-radius: 50%;
|
| 879 |
+
border: 1px solid rgba(255,255,255,0.2);
|
| 880 |
+
display: flex;
|
| 881 |
+
align-items: center;
|
| 882 |
+
justify-content: center;
|
| 883 |
+
transition: all 0.3s;
|
| 884 |
+
}
|
| 885 |
+
|
| 886 |
+
.social-link:hover {
|
| 887 |
+
background: var(--gold);
|
| 888 |
+
border-color: var(--gold);
|
| 889 |
+
color: var(--white);
|
| 890 |
+
}
|
| 891 |
+
|
| 892 |
+
.social-link svg {
|
| 893 |
+
width: 16px; height: 16px;
|
| 894 |
+
}
|
| 895 |
+
|
| 896 |
+
.footer-title {
|
| 897 |
+
font-family: 'Playfair Display', serif;
|
| 898 |
+
font-size: 1.15rem;
|
| 899 |
+
font-weight: 600;
|
| 900 |
+
color: var(--white);
|
| 901 |
+
margin-bottom: 24px;
|
| 902 |
+
}
|
| 903 |
+
|
| 904 |
+
.footer-links li {
|
| 905 |
+
margin-bottom: 12px;
|
| 906 |
+
}
|
| 907 |
+
|
| 908 |
+
.footer-links a {
|
| 909 |
+
font-size: 0.88rem;
|
| 910 |
+
transition: color 0.3s;
|
| 911 |
+
}
|
| 912 |
+
|
| 913 |
+
.footer-links a:hover {
|
| 914 |
+
color: var(--gold-light);
|
| 915 |
+
}
|
| 916 |
+
|
| 917 |
+
.footer-bottom {
|
| 918 |
+
padding: 24px 0;
|
| 919 |
+
text-align: center;
|
| 920 |
+
font-size: 0.82rem;
|
| 921 |
+
}
|
| 922 |
+
|
| 923 |
+
/* ===== SCROLL ANIMATIONS ===== */
|
| 924 |
+
.reveal {
|
| 925 |
+
opacity: 0;
|
| 926 |
+
transform: translateY(40px);
|
| 927 |
+
transition: opacity 0.7s ease, transform 0.7s ease;
|
| 928 |
+
}
|
| 929 |
+
|
| 930 |
+
.reveal.visible {
|
| 931 |
+
opacity: 1;
|
| 932 |
+
transform: translateY(0);
|
| 933 |
+
}
|
| 934 |
+
|
| 935 |
+
.reveal-left {
|
| 936 |
+
opacity: 0;
|
| 937 |
+
transform: translateX(-40px);
|
| 938 |
+
transition: opacity 0.7s ease, transform 0.7s ease;
|
| 939 |
+
}
|
| 940 |
+
|
| 941 |
+
.reveal-left.visible {
|
| 942 |
+
opacity: 1;
|
| 943 |
+
transform: translateX(0);
|
| 944 |
+
}
|
| 945 |
+
|
| 946 |
+
.reveal-right {
|
| 947 |
+
opacity: 0;
|
| 948 |
+
transform: translateX(40px);
|
| 949 |
+
transition: opacity 0.7s ease, transform 0.7s ease;
|
| 950 |
+
}
|
| 951 |
+
|
| 952 |
+
.reveal-right.visible {
|
| 953 |
+
opacity: 1;
|
| 954 |
+
transform: translateX(0);
|
| 955 |
+
}
|
| 956 |
+
|
| 957 |
+
/* ===== BACK TO TOP ===== */
|
| 958 |
+
.back-to-top {
|
| 959 |
+
position: fixed;
|
| 960 |
+
bottom: 32px; right: 32px;
|
| 961 |
+
width: 48px; height: 48px;
|
| 962 |
+
border-radius: 50%;
|
| 963 |
+
background: var(--gold);
|
| 964 |
+
color: var(--white);
|
| 965 |
+
border: none;
|
| 966 |
+
cursor: pointer;
|
| 967 |
+
display: flex;
|
| 968 |
+
align-items: center;
|
| 969 |
+
justify-content: center;
|
| 970 |
+
opacity: 0;
|
| 971 |
+
visibility: hidden;
|
| 972 |
+
transform: translateY(20px);
|
| 973 |
+
transition: all 0.4s;
|
| 974 |
+
box-shadow: 0 4px 20px rgba(184,134,11,0.3);
|
| 975 |
+
z-index: 999;
|
| 976 |
+
}
|
| 977 |
+
|
| 978 |
+
.back-to-top.visible {
|
| 979 |
+
opacity: 1;
|
| 980 |
+
visibility: visible;
|
| 981 |
+
transform: translateY(0);
|
| 982 |
+
}
|
| 983 |
+
|
| 984 |
+
.back-to-top:hover {
|
| 985 |
+
background: var(--gold-dark);
|
| 986 |
+
transform: translateY(-3px);
|
| 987 |
+
}
|
| 988 |
+
|
| 989 |
+
.back-to-top svg {
|
| 990 |
+
width: 20px; height: 20px;
|
| 991 |
+
}
|
| 992 |
+
|
| 993 |
+
/* ===== RESPONSIVE ===== */
|
| 994 |
+
@media (max-width: 992px) {
|
| 995 |
+
.nav-links {
|
| 996 |
+
position: fixed;
|
| 997 |
+
top: 0; right: -100%;
|
| 998 |
+
width: 300px;
|
| 999 |
+
height: 100vh;
|
| 1000 |
+
background: var(--white);
|
| 1001 |
+
flex-direction: column;
|
| 1002 |
+
padding: 100px 40px 40px;
|
| 1003 |
+
gap: 20px;
|
| 1004 |
+
transition: right 0.4s;
|
| 1005 |
+
box-shadow: -10px 0 40px rgba(0,0,0,0.1);
|
| 1006 |
+
}
|
| 1007 |
+
|
| 1008 |
+
.nav-links.open { right: 0; }
|
| 1009 |
+
|
| 1010 |
+
.nav-links a {
|
| 1011 |
+
color: var(--charcoal) !important;
|
| 1012 |
+
font-size: 1rem;
|
| 1013 |
+
}
|
| 1014 |
+
|
| 1015 |
+
.nav-cta {
|
| 1016 |
+
border-color: var(--gold) !important;
|
| 1017 |
+
color: var(--gold) !important;
|
| 1018 |
+
}
|
| 1019 |
+
|
| 1020 |
+
.hamburger { display: flex; }
|
| 1021 |
+
|
| 1022 |
+
.about-grid { grid-template-columns: 1fr; gap: 40px; }
|
| 1023 |
+
.services-grid { grid-template-columns: repeat(2, 1fr); }
|
| 1024 |
+
.experience-stats { grid-template-columns: repeat(2, 1fr); gap: 32px; }
|
| 1025 |
+
.gallery-grid { grid-template-columns: repeat(2, 1fr); }
|
| 1026 |
+
.why-us-grid { grid-template-columns: 1fr; max-width: 440px; margin: 0 auto; }
|
| 1027 |
+
.contact-grid { grid-template-columns: 1fr; }
|
| 1028 |
+
.footer-grid { grid-template-columns: repeat(2, 1fr); }
|
| 1029 |
+
}
|
| 1030 |
+
|
| 1031 |
+
@media (max-width: 576px) {
|
| 1032 |
+
.section { padding: 70px 0; }
|
| 1033 |
+
.services-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }
|
| 1034 |
+
.gallery-grid { grid-template-columns: repeat(2, 1fr); }
|
| 1035 |
+
.experience-stats { grid-template-columns: 1fr 1fr; }
|
| 1036 |
+
.form-row { grid-template-columns: 1fr; }
|
| 1037 |
+
.footer-grid { grid-template-columns: 1fr; }
|
| 1038 |
+
.about-stats { flex-wrap: wrap; gap: 24px; }
|
| 1039 |
+
.hero-title { font-size: 2.4rem; }
|
| 1040 |
+
}
|
| 1041 |
+
|
| 1042 |
+
/* ===== MOBILE OVERLAY ===== */
|
| 1043 |
+
.mobile-overlay {
|
| 1044 |
+
position: fixed;
|
| 1045 |
+
inset: 0;
|
| 1046 |
+
background: rgba(0,0,0,0.5);
|
| 1047 |
+
z-index: 999;
|
| 1048 |
+
opacity: 0;
|
| 1049 |
+
visibility: hidden;
|
| 1050 |
+
transition: all 0.3s;
|
| 1051 |
+
}
|
| 1052 |
+
|
| 1053 |
+
.mobile-overlay.active {
|
| 1054 |
+
opacity: 1;
|
| 1055 |
+
visibility: visible;
|
| 1056 |
+
}
|
| 1057 |
+
</style>
|
| 1058 |
+
</head>
|
| 1059 |
+
<body>
|
| 1060 |
+
|
| 1061 |
+
<!-- NAVIGATION -->
|
| 1062 |
+
<nav class="navbar" id="navbar">
|
| 1063 |
+
<div class="container">
|
| 1064 |
+
<a href="#home" class="logo">OhLaLa Events</a>
|
| 1065 |
+
<ul class="nav-links" id="navLinks">
|
| 1066 |
+
<li><a href="#home">Home</a></li>
|
| 1067 |
+
<li><a href="#about">About</a></li>
|
| 1068 |
+
<li><a href="#services">Services</a></li>
|
| 1069 |
+
<li><a href="#gallery">Gallery</a></li>
|
| 1070 |
+
<li><a href="#testimonials">Testimonials</a></li>
|
| 1071 |
+
<li><a href="#contact" class="nav-cta">Contact</a></li>
|
| 1072 |
+
</ul>
|
| 1073 |
+
<div class="hamburger" id="hamburger" onclick="toggleMenu()">
|
| 1074 |
+
<span></span><span></span><span></span>
|
| 1075 |
+
</div>
|
| 1076 |
+
</div>
|
| 1077 |
+
</nav>
|
| 1078 |
+
<div class="mobile-overlay" id="mobileOverlay" onclick="toggleMenu()"></div>
|
| 1079 |
+
|
| 1080 |
+
<!-- HERO -->
|
| 1081 |
+
<section class="hero" id="home">
|
| 1082 |
+
<div class="hero-bg"></div>
|
| 1083 |
+
<div class="hero-overlay"></div>
|
| 1084 |
+
<div class="hero-content">
|
| 1085 |
+
<p class="hero-subtitle">Welcome to OhLaLa Events</p>
|
| 1086 |
+
<h1 class="hero-title">Creating Unforgettable Moments of Joy</h1>
|
| 1087 |
+
<p class="hero-desc">We transform your dreams into breathtaking celebrations. From intimate weddings to grand galas, every detail is crafted with love and elegance.</p>
|
| 1088 |
+
<div class="hero-buttons">
|
| 1089 |
+
<a href="#contact" class="btn btn-primary">Book Consultation</a>
|
| 1090 |
+
<a href="#services" class="btn btn-outline">Our Services</a>
|
| 1091 |
+
</div>
|
| 1092 |
+
</div>
|
| 1093 |
+
</section>
|
| 1094 |
+
|
| 1095 |
+
<!-- ABOUT -->
|
| 1096 |
+
<section class="section about" id="about">
|
| 1097 |
+
<div class="container">
|
| 1098 |
+
<div class="about-grid">
|
| 1099 |
+
<div class="about-image reveal-left">
|
| 1100 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/about-events.png" alt="Elegant event setup by OhLaLa Events" loading="lazy">
|
| 1101 |
+
</div>
|
| 1102 |
+
<div class="reveal-right">
|
| 1103 |
+
<p class="section-label">About OhLaLa Events</p>
|
| 1104 |
+
<h2 class="section-title">What We Do, We Do With Passion</h2>
|
| 1105 |
+
<p class="section-desc">With over a decade of experience, OhLaLa Events has been crafting exquisite celebrations that leave lasting impressions. Our dedicated team of creative planners, designers, and coordinators work tirelessly to bring your vision to life.</p>
|
| 1106 |
+
<p class="section-desc" style="margin-top: 16px;">From the first consultation to the final farewell, we handle every detail with meticulous care, allowing you to immerse yourself fully in the joy of your special day.</p>
|
| 1107 |
+
<div class="about-stats">
|
| 1108 |
+
<div class="stat-item">
|
| 1109 |
+
<div class="stat-number" data-count="15">0</div>
|
| 1110 |
+
<div class="stat-label">Years Experience</div>
|
| 1111 |
+
</div>
|
| 1112 |
+
<div class="stat-item">
|
| 1113 |
+
<div class="stat-number" data-count="850">0</div>
|
| 1114 |
+
<div class="stat-label">Events Completed</div>
|
| 1115 |
+
</div>
|
| 1116 |
+
<div class="stat-item">
|
| 1117 |
+
<div class="stat-number" data-count="100">0</div>
|
| 1118 |
+
<div class="stat-label">Happy Clients %</div>
|
| 1119 |
+
</div>
|
| 1120 |
+
</div>
|
| 1121 |
+
<a href="#contact" class="btn btn-outline-dark" style="margin-top: 32px;">Learn More</a>
|
| 1122 |
+
</div>
|
| 1123 |
+
</div>
|
| 1124 |
+
</div>
|
| 1125 |
+
</section>
|
| 1126 |
+
|
| 1127 |
+
<!-- SERVICES -->
|
| 1128 |
+
<section class="section" id="services">
|
| 1129 |
+
<div class="container">
|
| 1130 |
+
<div class="section-header reveal">
|
| 1131 |
+
<p class="section-label">What We Offer</p>
|
| 1132 |
+
<h2 class="section-title">Our Premium Services</h2>
|
| 1133 |
+
<p class="section-desc">Every celebration deserves to be extraordinary. Explore our curated event services designed to make your special moments truly magical.</p>
|
| 1134 |
+
<div class="divider-line"></div>
|
| 1135 |
+
</div>
|
| 1136 |
+
<div class="services-grid">
|
| 1137 |
+
<div class="service-card reveal" style="transition-delay: 0.1s;">
|
| 1138 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/service-wedding.png" alt="Wedding Planning by OhLaLa Events" loading="lazy">
|
| 1139 |
+
<div class="service-card-overlay">
|
| 1140 |
+
<h3 class="service-card-title">Weddings</h3>
|
| 1141 |
+
<p class="service-card-text">Enchanting ceremonies crafted with love and elegance for your perfect day.</p>
|
| 1142 |
+
</div>
|
| 1143 |
+
</div>
|
| 1144 |
+
<div class="service-card reveal" style="transition-delay: 0.2s;">
|
| 1145 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/service-birthday.png" alt="Birthday Celebrations by OhLaLa Events" loading="lazy">
|
| 1146 |
+
<div class="service-card-overlay">
|
| 1147 |
+
<h3 class="service-card-title">Birthdays</h3>
|
| 1148 |
+
<p class="service-card-text">Milestone celebrations transformed into unforgettable parties and gatherings.</p>
|
| 1149 |
+
</div>
|
| 1150 |
+
</div>
|
| 1151 |
+
<div class="service-card reveal" style="transition-delay: 0.3s;">
|
| 1152 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/service-anniversary.png" alt="Anniversary Events by OhLaLa Events" loading="lazy">
|
| 1153 |
+
<div class="service-card-overlay">
|
| 1154 |
+
<h3 class="service-card-title">Anniversaries</h3>
|
| 1155 |
+
<p class="service-card-text">Romantic celebrations honoring your timeless love story and milestones.</p>
|
| 1156 |
+
</div>
|
| 1157 |
+
</div>
|
| 1158 |
+
<div class="service-card reveal" style="transition-delay: 0.4s;">
|
| 1159 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/service-corporate.png" alt="Corporate Events by OhLaLa Events" loading="lazy">
|
| 1160 |
+
<div class="service-card-overlay">
|
| 1161 |
+
<h3 class="service-card-title">Corporate Galas</h3>
|
| 1162 |
+
<p class="service-card-text">Sophisticated events that elevate your brand and impress every guest.</p>
|
| 1163 |
+
</div>
|
| 1164 |
+
</div>
|
| 1165 |
+
</div>
|
| 1166 |
+
</div>
|
| 1167 |
+
</section>
|
| 1168 |
+
|
| 1169 |
+
<!-- EXPERIENCE STATS -->
|
| 1170 |
+
<section class="experience" id="experience">
|
| 1171 |
+
<div class="experience-overlay"></div>
|
| 1172 |
+
<div class="container experience-content">
|
| 1173 |
+
<div class="reveal">
|
| 1174 |
+
<p class="section-label" style="color: var(--gold-light);">Our Legacy</p>
|
| 1175 |
+
<h2 style="font-family: 'Playfair Display', serif; font-size: clamp(2rem, 4vw, 2.5rem); font-weight: 700; margin-bottom: 50px;">The Unrivaled Scenery, Unforgettable Celebrations</h2>
|
| 1176 |
+
</div>
|
| 1177 |
+
<div class="experience-stats reveal">
|
| 1178 |
+
<div class="exp-stat">
|
| 1179 |
+
<div class="exp-stat-number" data-count="850">0</div>
|
| 1180 |
+
<div class="exp-stat-label">Events Hosted</div>
|
| 1181 |
+
</div>
|
| 1182 |
+
<div class="exp-stat">
|
| 1183 |
+
<div class="exp-stat-number" data-count="25">0</div>
|
| 1184 |
+
<div class="exp-stat-label">Expert Planners</div>
|
| 1185 |
+
</div>
|
| 1186 |
+
<div class="exp-stat">
|
| 1187 |
+
<div class="exp-stat-number" data-count="15">0</div>
|
| 1188 |
+
<div class="exp-stat-label">Years of Magic</div>
|
| 1189 |
+
</div>
|
| 1190 |
+
<div class="exp-stat">
|
| 1191 |
+
<div class="exp-stat-number" data-count="98">0</div>
|
| 1192 |
+
<div class="exp-stat-label">Satisfaction Rate %</div>
|
| 1193 |
+
</div>
|
| 1194 |
+
</div>
|
| 1195 |
+
</div>
|
| 1196 |
+
</section>
|
| 1197 |
+
|
| 1198 |
+
<!-- GALLERY -->
|
| 1199 |
+
<section class="section gallery" id="gallery">
|
| 1200 |
+
<div class="container">
|
| 1201 |
+
<div class="section-header reveal">
|
| 1202 |
+
<p class="section-label">Our Portfolio</p>
|
| 1203 |
+
<h2 class="section-title">Moments We've Created</h2>
|
| 1204 |
+
<p class="section-desc">A glimpse into the magical celebrations we've brought to life for our cherished clients.</p>
|
| 1205 |
+
<div class="divider-line"></div>
|
| 1206 |
+
</div>
|
| 1207 |
+
<div class="gallery-grid">
|
| 1208 |
+
<div class="gallery-item reveal" style="transition-delay: 0.1s;">
|
| 1209 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/gallery-1.png" alt="Wedding reception venue" loading="lazy">
|
| 1210 |
+
<div class="gallery-item-overlay">
|
| 1211 |
+
<div class="gallery-item-icon">
|
| 1212 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
|
| 1213 |
+
</div>
|
| 1214 |
+
</div>
|
| 1215 |
+
</div>
|
| 1216 |
+
<div class="gallery-item reveal" style="transition-delay: 0.2s;">
|
| 1217 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/gallery-2.png" alt="Garden party setup" loading="lazy">
|
| 1218 |
+
<div class="gallery-item-overlay">
|
| 1219 |
+
<div class="gallery-item-icon">
|
| 1220 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
|
| 1221 |
+
</div>
|
| 1222 |
+
</div>
|
| 1223 |
+
</div>
|
| 1224 |
+
<div class="gallery-item reveal" style="transition-delay: 0.3s;">
|
| 1225 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/gallery-3.png" alt="Engagement celebration" loading="lazy">
|
| 1226 |
+
<div class="gallery-item-overlay">
|
| 1227 |
+
<div class="gallery-item-icon">
|
| 1228 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
|
| 1229 |
+
</div>
|
| 1230 |
+
</div>
|
| 1231 |
+
</div>
|
| 1232 |
+
<div class="gallery-item reveal" style="transition-delay: 0.4s;">
|
| 1233 |
+
<img src="https://huggingface.co/datasets/AMLAI2020/ImgOhLa/resolve/main/images/gallery-4.png" alt="Baby shower celebration" loading="lazy">
|
| 1234 |
+
<div class="gallery-item-overlay">
|
| 1235 |
+
<div class="gallery-item-icon">
|
| 1236 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>
|
| 1237 |
+
</div>
|
| 1238 |
+
</div>
|
| 1239 |
+
</div>
|
| 1240 |
+
</div>
|
| 1241 |
+
</div>
|
| 1242 |
+
</section>
|
| 1243 |
+
|
| 1244 |
+
<!-- WHY CHOOSE US -->
|
| 1245 |
+
<section class="section" id="whyus">
|
| 1246 |
+
<div class="container">
|
| 1247 |
+
<div class="section-header reveal">
|
| 1248 |
+
<p class="section-label">Why OhLaLa</p>
|
| 1249 |
+
<h2 class="section-title">Why Clients Choose Us</h2>
|
| 1250 |
+
<p class="section-desc">We go above and beyond to ensure every event is a masterpiece of elegance and joy.</p>
|
| 1251 |
+
<div class="divider-line"></div>
|
| 1252 |
+
</div>
|
| 1253 |
+
<div class="why-us-grid">
|
| 1254 |
+
<div class="why-card reveal" style="transition-delay: 0.1s;">
|
| 1255 |
+
<div class="why-icon">
|
| 1256 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z"/></svg>
|
| 1257 |
+
</div>
|
| 1258 |
+
<h3 class="why-title">Creative Excellence</h3>
|
| 1259 |
+
<p class="why-text">Our award-winning design team brings innovative concepts and breathtaking aesthetics to every celebration we plan.</p>
|
| 1260 |
+
</div>
|
| 1261 |
+
<div class="why-card reveal" style="transition-delay: 0.2s;">
|
| 1262 |
+
<div class="why-icon">
|
| 1263 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>
|
| 1264 |
+
</div>
|
| 1265 |
+
<h3 class="why-title">Personal Touch</h3>
|
| 1266 |
+
<p class="why-text">Every event is unique because every love story is unique. We listen, understand, and create something truly personal for you.</p>
|
| 1267 |
+
</div>
|
| 1268 |
+
<div class="why-card reveal" style="transition-delay: 0.3s;">
|
| 1269 |
+
<div class="why-icon">
|
| 1270 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
|
| 1271 |
+
</div>
|
| 1272 |
+
<h3 class="why-title">Stress-Free Planning</h3>
|
| 1273 |
+
<p class="why-text">Relax and enjoy the journey. Our experienced coordinators handle every detail so you can focus on what matters most.</p>
|
| 1274 |
+
</div>
|
| 1275 |
+
</div>
|
| 1276 |
+
</div>
|
| 1277 |
+
</section>
|
| 1278 |
+
|
| 1279 |
+
<!-- TESTIMONIALS -->
|
| 1280 |
+
<section class="section testimonials" id="testimonials">
|
| 1281 |
+
<div class="container">
|
| 1282 |
+
<div class="section-header reveal">
|
| 1283 |
+
<p class="section-label">Love Stories</p>
|
| 1284 |
+
<h2 class="section-title">What Our Clients Say</h2>
|
| 1285 |
+
<p class="section-desc">Hear from the happy couples and families who trusted us with their most cherished moments.</p>
|
| 1286 |
+
<div class="divider-line"></div>
|
| 1287 |
+
</div>
|
| 1288 |
+
<div class="testimonial-card reveal" id="testimonialCard">
|
| 1289 |
+
<div class="testimonial-quote">“</div>
|
| 1290 |
+
<p class="testimonial-text" id="testimonialText">OhLaLa Events turned our dream wedding into a breathtaking reality. Every flower, every candle, every moment was absolutely perfect. We couldn't have asked for a more magical day. They truly are artists of celebration.</p>
|
| 1291 |
+
<p class="testimonial-author" id="testimonialAuthor">Sarah & James Thompson</p>
|
| 1292 |
+
<p class="testimonial-role" id="testimonialRole">Wedding - June 2025</p>
|
| 1293 |
+
</div>
|
| 1294 |
+
<div class="testimonial-dots">
|
| 1295 |
+
<div class="testimonial-dot active" onclick="showTestimonial(0)"></div>
|
| 1296 |
+
<div class="testimonial-dot" onclick="showTestimonial(1)"></div>
|
| 1297 |
+
<div class="testimonial-dot" onclick="showTestimonial(2)"></div>
|
| 1298 |
+
</div>
|
| 1299 |
+
</div>
|
| 1300 |
+
</section>
|
| 1301 |
+
|
| 1302 |
+
<!-- CTA BANNER -->
|
| 1303 |
+
<section class="cta-banner">
|
| 1304 |
+
<div class="cta-overlay"></div>
|
| 1305 |
+
<div class="container cta-content reveal">
|
| 1306 |
+
<p class="cta-title">Let's Create Magic Together</p>
|
| 1307 |
+
<h2 class="cta-heading">Ready to Plan Your Dream Event?</h2>
|
| 1308 |
+
<p class="cta-desc">Every grand celebration begins with a single conversation. Let us bring your vision to life with elegance and perfection.</p>
|
| 1309 |
+
<a href="#contact" class="btn btn-primary">Start Planning Today</a>
|
| 1310 |
+
</div>
|
| 1311 |
+
</section>
|
| 1312 |
+
|
| 1313 |
+
<!-- CONTACT -->
|
| 1314 |
+
<section class="section" id="contact">
|
| 1315 |
+
<div class="container">
|
| 1316 |
+
<div class="section-header reveal">
|
| 1317 |
+
<p class="section-label">Get In Touch</p>
|
| 1318 |
+
<h2 class="section-title">Make a Reservation</h2>
|
| 1319 |
+
<p class="section-desc">Fill out the form below and our team will reach out within 24 hours to start planning your perfect event.</p>
|
| 1320 |
+
<div class="divider-line"></div>
|
| 1321 |
+
</div>
|
| 1322 |
+
<div class="contact-grid">
|
| 1323 |
+
<div class="reveal-left">
|
| 1324 |
+
<div class="contact-info-item">
|
| 1325 |
+
<div class="contact-info-icon">
|
| 1326 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
|
| 1327 |
+
</div>
|
| 1328 |
+
<div>
|
| 1329 |
+
<p class="contact-info-label">Our Studio</p>
|
| 1330 |
+
<p class="contact-info-value">42 Boulevard Haussmann, Turkey, Turkey</p>
|
| 1331 |
+
</div>
|
| 1332 |
+
</div>
|
| 1333 |
+
<div class="contact-info-item">
|
| 1334 |
+
<div class="contact-info-icon">
|
| 1335 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>
|
| 1336 |
+
</div>
|
| 1337 |
+
<div>
|
| 1338 |
+
<p class="contact-info-label">Call Us</p>
|
| 1339 |
+
<p class="contact-info-value">+33 (1) 42 86 00 00</p>
|
| 1340 |
+
</div>
|
| 1341 |
+
</div>
|
| 1342 |
+
<div class="contact-info-item">
|
| 1343 |
+
<div class="contact-info-icon">
|
| 1344 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>
|
| 1345 |
+
</div>
|
| 1346 |
+
<div>
|
| 1347 |
+
<p class="contact-info-label">Email Us</p>
|
| 1348 |
+
<p class="contact-info-value">hello@ohlalaevents.com</p>
|
| 1349 |
+
</div>
|
| 1350 |
+
</div>
|
| 1351 |
+
<div class="contact-info-item">
|
| 1352 |
+
<div class="contact-info-icon">
|
| 1353 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
|
| 1354 |
+
</div>
|
| 1355 |
+
<div>
|
| 1356 |
+
<p class="contact-info-label">Working Hours</p>
|
| 1357 |
+
<p class="contact-info-value">Mon - Sat: 9:00 AM - 7:00 PM</p>
|
| 1358 |
+
</div>
|
| 1359 |
+
</div>
|
| 1360 |
+
</div>
|
| 1361 |
+
<form class="reveal-right" id="contactForm" onsubmit="handleSubmit(event)">
|
| 1362 |
+
<div class="form-row">
|
| 1363 |
+
<div class="form-group">
|
| 1364 |
+
<input type="text" class="form-input" placeholder="Your Name" required>
|
| 1365 |
+
</div>
|
| 1366 |
+
<div class="form-group">
|
| 1367 |
+
<input type="email" class="form-input" placeholder="Your Email" required>
|
| 1368 |
+
</div>
|
| 1369 |
+
</div>
|
| 1370 |
+
<div class="form-row">
|
| 1371 |
+
<div class="form-group">
|
| 1372 |
+
<input type="tel" class="form-input" placeholder="Phone Number">
|
| 1373 |
+
</div>
|
| 1374 |
+
<div class="form-group">
|
| 1375 |
+
<select class="form-select" required>
|
| 1376 |
+
<option value="" disabled selected>Select Event Type</option>
|
| 1377 |
+
<option value="wedding">Wedding</option>
|
| 1378 |
+
<option value="birthday">Birthday</option>
|
| 1379 |
+
<option value="anniversary">Anniversary</option>
|
| 1380 |
+
<option value="corporate">Corporate Event</option>
|
| 1381 |
+
<option value="baby-shower">Baby Shower</option>
|
| 1382 |
+
<option value="engagement">Engagement Party</option>
|
| 1383 |
+
<option value="other">Other Ceremony</option>
|
| 1384 |
+
</select>
|
| 1385 |
+
</div>
|
| 1386 |
+
</div>
|
| 1387 |
+
<div class="form-group">
|
| 1388 |
+
<input type="date" class="form-input" placeholder="Preferred Date">
|
| 1389 |
+
</div>
|
| 1390 |
+
<div class="form-group">
|
| 1391 |
+
<textarea class="form-textarea" placeholder="Tell us about your dream event..." rows="5"></textarea>
|
| 1392 |
+
</div>
|
| 1393 |
+
<button type="submit" class="btn btn-primary" style="width: 100%; justify-content: center;">Send Inquiry</button>
|
| 1394 |
+
</form>
|
| 1395 |
+
</div>
|
| 1396 |
+
</div>
|
| 1397 |
+
</section>
|
| 1398 |
+
|
| 1399 |
+
<!-- FOOTER -->
|
| 1400 |
+
<footer class="footer">
|
| 1401 |
+
<div class="container">
|
| 1402 |
+
<div class="footer-grid">
|
| 1403 |
+
<div>
|
| 1404 |
+
<div class="footer-logo">OhLaLa Events</div>
|
| 1405 |
+
<p class="footer-about">Crafting extraordinary celebrations since 2010. We believe every moment deserves to be celebrated with elegance, passion, and unforgettable style.</p>
|
| 1406 |
+
<div class="footer-social">
|
| 1407 |
+
<a href="#" class="social-link" aria-label="Facebook">
|
| 1408 |
+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>
|
| 1409 |
+
</a>
|
| 1410 |
+
<a href="#" class="social-link" aria-label="Instagram">
|
| 1411 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
|
| 1412 |
+
</a>
|
| 1413 |
+
<a href="#" class="social-link" aria-label="Pinterest">
|
| 1414 |
+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.08 3.15 9.42 7.6 11.18-.1-.94-.2-2.38.04-3.4.22-.92 1.4-5.9 1.4-5.9s-.36-.72-.36-1.78c0-1.67.97-2.92 2.17-2.92 1.02 0 1.52.77 1.52 1.7 0 1.03-.66 2.58-1 4.01-.28 1.2.6 2.17 1.78 2.17 2.14 0 3.78-2.26 3.78-5.52 0-2.89-2.08-4.91-5.04-4.91-3.44 0-5.46 2.57-5.46 5.24 0 1.04.4 2.15.9 2.75.1.12.11.22.08.34-.09.38-.3 1.2-.34 1.36-.06.24-.18.29-.42.17-1.56-.73-2.54-3.01-2.54-4.85 0-3.94 2.87-7.56 8.27-7.56 4.34 0 7.71 3.1 7.71 7.23 0 4.31-2.72 7.79-6.5 7.79-1.27 0-2.46-.66-2.87-1.44l-.78 2.98c-.28 1.09-1.05 2.45-1.56 3.28C9.58 23.81 10.76 24 12 24c6.63 0 12-5.37 12-12S18.63 0 12 0z"/></svg>
|
| 1415 |
+
</a>
|
| 1416 |
+
<a href="#" class="social-link" aria-label="Twitter/X">
|
| 1417 |
+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
|
| 1418 |
+
</a>
|
| 1419 |
+
</div>
|
| 1420 |
+
</div>
|
| 1421 |
+
<div>
|
| 1422 |
+
<h4 class="footer-title">Quick Links</h4>
|
| 1423 |
+
<ul class="footer-links">
|
| 1424 |
+
<li><a href="#home">Home</a></li>
|
| 1425 |
+
<li><a href="#about">About Us</a></li>
|
| 1426 |
+
<li><a href="#services">Services</a></li>
|
| 1427 |
+
<li><a href="#gallery">Gallery</a></li>
|
| 1428 |
+
<li><a href="#testimonials">Testimonials</a></li>
|
| 1429 |
+
</ul>
|
| 1430 |
+
</div>
|
| 1431 |
+
<div>
|
| 1432 |
+
<h4 class="footer-title">Services</h4>
|
| 1433 |
+
<ul class="footer-links">
|
| 1434 |
+
<li><a href="#services">Weddings</a></li>
|
| 1435 |
+
<li><a href="#services">Birthdays</a></li>
|
| 1436 |
+
<li><a href="#services">Anniversaries</a></li>
|
| 1437 |
+
<li><a href="#services">Corporate Events</a></li>
|
| 1438 |
+
<li><a href="#services">Baby Showers</a></li>
|
| 1439 |
+
</ul>
|
| 1440 |
+
</div>
|
| 1441 |
+
<div>
|
| 1442 |
+
<h4 class="footer-title">Contact Info</h4>
|
| 1443 |
+
<ul class="footer-links">
|
| 1444 |
+
<li>42 Boulevard Haussmann</li>
|
| 1445 |
+
<li>Turkey, Turkey 75009</li>
|
| 1446 |
+
<li style="margin-top: 12px;"><a href="tel:+33142860000">+33 (1) 42 86 00 00</a></li>
|
| 1447 |
+
<li><a href="mailto:hello@ohlalaevents.com">hello@ohlalaevents.com</a></li>
|
| 1448 |
+
</ul>
|
| 1449 |
+
</div>
|
| 1450 |
+
</div>
|
| 1451 |
+
<div class="footer-bottom">
|
| 1452 |
+
<p>© 2025 OhLaLa Events. All rights reserved. Crafted with love.</p>
|
| 1453 |
+
</div>
|
| 1454 |
+
</div>
|
| 1455 |
+
</footer>
|
| 1456 |
+
|
| 1457 |
+
<!-- BACK TO TOP -->
|
| 1458 |
+
<button class="back-to-top" id="backToTop" onclick="window.scrollTo({top:0,behavior:'smooth'})" aria-label="Back to top">
|
| 1459 |
+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="18 15 12 9 6 15"/></svg>
|
| 1460 |
+
</button>
|
| 1461 |
+
|
| 1462 |
+
<script>
|
| 1463 |
+
// Navbar scroll effect
|
| 1464 |
+
var navbar = document.getElementById('navbar');
|
| 1465 |
+
var backToTop = document.getElementById('backToTop');
|
| 1466 |
+
|
| 1467 |
+
window.addEventListener('scroll', function() {
|
| 1468 |
+
if (window.scrollY > 80) {
|
| 1469 |
+
navbar.classList.add('scrolled');
|
| 1470 |
+
} else {
|
| 1471 |
+
navbar.classList.remove('scrolled');
|
| 1472 |
+
}
|
| 1473 |
+
|
| 1474 |
+
if (window.scrollY > 500) {
|
| 1475 |
+
backToTop.classList.add('visible');
|
| 1476 |
+
} else {
|
| 1477 |
+
backToTop.classList.remove('visible');
|
| 1478 |
+
}
|
| 1479 |
+
});
|
| 1480 |
+
|
| 1481 |
+
// Mobile menu toggle
|
| 1482 |
+
function toggleMenu() {
|
| 1483 |
+
var navLinks = document.getElementById('navLinks');
|
| 1484 |
+
var overlay = document.getElementById('mobileOverlay');
|
| 1485 |
+
navLinks.classList.toggle('open');
|
| 1486 |
+
overlay.classList.toggle('active');
|
| 1487 |
+
}
|
| 1488 |
+
|
| 1489 |
+
// Close mobile menu on link click
|
| 1490 |
+
document.querySelectorAll('.nav-links a').forEach(function(link) {
|
| 1491 |
+
link.addEventListener('click', function() {
|
| 1492 |
+
var navLinks = document.getElementById('navLinks');
|
| 1493 |
+
var overlay = document.getElementById('mobileOverlay');
|
| 1494 |
+
navLinks.classList.remove('open');
|
| 1495 |
+
overlay.classList.remove('active');
|
| 1496 |
+
});
|
| 1497 |
+
});
|
| 1498 |
+
|
| 1499 |
+
// Scroll reveal animations
|
| 1500 |
+
function revealOnScroll() {
|
| 1501 |
+
var reveals = document.querySelectorAll('.reveal, .reveal-left, .reveal-right');
|
| 1502 |
+
for (var i = 0; i < reveals.length; i++) {
|
| 1503 |
+
var windowHeight = window.innerHeight;
|
| 1504 |
+
var elementTop = reveals[i].getBoundingClientRect().top;
|
| 1505 |
+
var revealPoint = 120;
|
| 1506 |
+
if (elementTop < windowHeight - revealPoint) {
|
| 1507 |
+
reveals[i].classList.add('visible');
|
| 1508 |
+
}
|
| 1509 |
+
}
|
| 1510 |
+
}
|
| 1511 |
+
|
| 1512 |
+
window.addEventListener('scroll', revealOnScroll);
|
| 1513 |
+
window.addEventListener('load', revealOnScroll);
|
| 1514 |
+
|
| 1515 |
+
// Counter animation
|
| 1516 |
+
function animateCounters() {
|
| 1517 |
+
var counters = document.querySelectorAll('[data-count]');
|
| 1518 |
+
counters.forEach(function(counter) {
|
| 1519 |
+
var target = parseInt(counter.getAttribute('data-count'));
|
| 1520 |
+
var current = 0;
|
| 1521 |
+
var increment = target / 60;
|
| 1522 |
+
var timer = setInterval(function() {
|
| 1523 |
+
current += increment;
|
| 1524 |
+
if (current >= target) {
|
| 1525 |
+
counter.textContent = target + (counter.closest('.stat-item') && counter.nextElementSibling && counter.nextElementSibling.textContent.includes('%') ? '' : '+');
|
| 1526 |
+
clearInterval(timer);
|
| 1527 |
+
} else {
|
| 1528 |
+
counter.textContent = Math.floor(current);
|
| 1529 |
+
}
|
| 1530 |
+
}, 25);
|
| 1531 |
+
});
|
| 1532 |
+
}
|
| 1533 |
+
|
| 1534 |
+
var counterObserver = new IntersectionObserver(function(entries) {
|
| 1535 |
+
entries.forEach(function(entry) {
|
| 1536 |
+
if (entry.isIntersecting) {
|
| 1537 |
+
animateCounters();
|
| 1538 |
+
counterObserver.disconnect();
|
| 1539 |
+
}
|
| 1540 |
+
});
|
| 1541 |
+
}, { threshold: 0.3 });
|
| 1542 |
+
|
| 1543 |
+
var aboutSection = document.getElementById('about');
|
| 1544 |
+
if (aboutSection) counterObserver.observe(aboutSection);
|
| 1545 |
+
|
| 1546 |
+
// Testimonial slider
|
| 1547 |
+
var testimonials = [
|
| 1548 |
+
{
|
| 1549 |
+
text: "OhLaLa Events turned our dream wedding into a breathtaking reality. Every flower, every candle, every moment was absolutely perfect. We couldn't have asked for a more magical day. They truly are artists of celebration.",
|
| 1550 |
+
author: "Sarah & James Thompson",
|
| 1551 |
+
role: "Wedding - June 2025"
|
| 1552 |
+
},
|
| 1553 |
+
{
|
| 1554 |
+
text: "From our daughter's sweet sixteen to our company gala, OhLaLa has never disappointed. Their attention to detail is unmatched, and their creativity knows no bounds. Every event feels like a fairytale come to life.",
|
| 1555 |
+
author: "Marie-Claire Dubois",
|
| 1556 |
+
role: "Multiple Events - 2024"
|
| 1557 |
+
},
|
| 1558 |
+
{
|
| 1559 |
+
text: "Our 25th anniversary celebration was beyond anything we imagined. The team at OhLaLa understood our vision perfectly and exceeded all expectations. The evening was filled with tears of joy and pure happiness.",
|
| 1560 |
+
author: "Robert & Helen Mitchell",
|
| 1561 |
+
role: "Anniversary - December 2024"
|
| 1562 |
+
}
|
| 1563 |
+
];
|
| 1564 |
+
|
| 1565 |
+
var currentTestimonial = 0;
|
| 1566 |
+
|
| 1567 |
+
function showTestimonial(index) {
|
| 1568 |
+
currentTestimonial = index;
|
| 1569 |
+
var card = document.getElementById('testimonialCard');
|
| 1570 |
+
card.style.opacity = '0';
|
| 1571 |
+
card.style.transform = 'translateY(20px)';
|
| 1572 |
+
|
| 1573 |
+
setTimeout(function() {
|
| 1574 |
+
document.getElementById('testimonialText').textContent = testimonials[index].text;
|
| 1575 |
+
document.getElementById('testimonialAuthor').textContent = testimonials[index].author;
|
| 1576 |
+
document.getElementById('testimonialRole').textContent = testimonials[index].role;
|
| 1577 |
+
|
| 1578 |
+
var dots = document.querySelectorAll('.testimonial-dot');
|
| 1579 |
+
dots.forEach(function(dot, i) {
|
| 1580 |
+
dot.classList.toggle('active', i === index);
|
| 1581 |
+
});
|
| 1582 |
+
|
| 1583 |
+
card.style.opacity = '1';
|
| 1584 |
+
card.style.transform = 'translateY(0)';
|
| 1585 |
+
}, 300);
|
| 1586 |
+
}
|
| 1587 |
+
|
| 1588 |
+
// Auto-rotate testimonials
|
| 1589 |
+
setInterval(function() {
|
| 1590 |
+
var next = (currentTestimonial + 1) % testimonials.length;
|
| 1591 |
+
showTestimonial(next);
|
| 1592 |
+
}, 6000);
|
| 1593 |
+
|
| 1594 |
+
// Contact form handler
|
| 1595 |
+
function handleSubmit(e) {
|
| 1596 |
+
e.preventDefault();
|
| 1597 |
+
var btn = e.target.querySelector('button[type="submit"]');
|
| 1598 |
+
var originalText = btn.textContent;
|
| 1599 |
+
btn.textContent = 'Sending...';
|
| 1600 |
+
btn.disabled = true;
|
| 1601 |
+
|
| 1602 |
+
setTimeout(function() {
|
| 1603 |
+
btn.textContent = 'Inquiry Sent!';
|
| 1604 |
+
btn.style.background = '#2d8a4e';
|
| 1605 |
+
|
| 1606 |
+
setTimeout(function() {
|
| 1607 |
+
btn.textContent = originalText;
|
| 1608 |
+
btn.style.background = '';
|
| 1609 |
+
btn.disabled = false;
|
| 1610 |
+
e.target.reset();
|
| 1611 |
+
}, 2500);
|
| 1612 |
+
}, 1200);
|
| 1613 |
+
}
|
| 1614 |
+
|
| 1615 |
+
// Smooth scroll for anchor links
|
| 1616 |
+
document.querySelectorAll('a[href^="#"]').forEach(function(anchor) {
|
| 1617 |
+
anchor.addEventListener('click', function(e) {
|
| 1618 |
+
e.preventDefault();
|
| 1619 |
+
var target = document.querySelector(this.getAttribute('href'));
|
| 1620 |
+
if (target) {
|
| 1621 |
+
var offset = 80;
|
| 1622 |
+
var targetPosition = target.getBoundingClientRect().top + window.scrollY - offset;
|
| 1623 |
+
window.scrollTo({ top: targetPosition, behavior: 'smooth' });
|
| 1624 |
+
}
|
| 1625 |
+
});
|
| 1626 |
+
});
|
| 1627 |
+
</script>
|
| 1628 |
+
</body>
|
| 1629 |
</html>
|