Spaces:
Running
Running
Update index.html
Browse files- index.html +14 -13
index.html
CHANGED
|
@@ -9,52 +9,53 @@
|
|
| 9 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 10 |
<style>
|
| 11 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
|
| 12 |
-
|
| 13 |
body {
|
| 14 |
font-family: 'Poppins', sans-serif;
|
| 15 |
scroll-behavior: smooth;
|
| 16 |
}
|
| 17 |
-
|
| 18 |
.hero {
|
| 19 |
-
|
|
|
|
| 20 |
background-size: cover;
|
| 21 |
background-position: center;
|
| 22 |
background-repeat: no-repeat;
|
| 23 |
min-height: 90vh;
|
| 24 |
}
|
| 25 |
-
|
| 26 |
.service-card:hover {
|
| 27 |
transform: translateY(-10px);
|
| 28 |
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 29 |
}
|
| 30 |
-
|
| 31 |
.testimonial-card {
|
| 32 |
transition: all 0.3s ease;
|
| 33 |
}
|
| 34 |
-
|
| 35 |
.testimonial-card:hover {
|
| 36 |
transform: scale(1.03);
|
| 37 |
}
|
| 38 |
-
|
| 39 |
.animate-fade-in {
|
| 40 |
animation: fadeIn 1s ease-in;
|
| 41 |
}
|
| 42 |
-
|
| 43 |
@keyframes fadeIn {
|
| 44 |
from { opacity: 0; }
|
| 45 |
to { opacity: 1; }
|
| 46 |
}
|
| 47 |
-
|
| 48 |
.animate-slide-up {
|
| 49 |
animation: slideUp 0.8s ease-out;
|
| 50 |
}
|
| 51 |
-
|
| 52 |
@keyframes slideUp {
|
| 53 |
-
from {
|
| 54 |
opacity: 0;
|
| 55 |
transform: translateY(30px);
|
| 56 |
}
|
| 57 |
-
to {
|
| 58 |
opacity: 1;
|
| 59 |
transform: translateY(0);
|
| 60 |
}
|
|
@@ -115,7 +116,7 @@
|
|
| 115 |
<div class="container mx-auto px-6">
|
| 116 |
<div class="flex flex-col md:flex-row items-center">
|
| 117 |
<div class="md:w-1/2 mb-10 md:mb-0">
|
| 118 |
-
<img src="https://
|
| 119 |
</div>
|
| 120 |
<div class="md:w-1/2 md:pl-12">
|
| 121 |
<h2 class="text-3xl font-bold text-gray-800 mb-6">About Prime Dispatch Services</h2>
|
|
|
|
| 9 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
| 10 |
<style>
|
| 11 |
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
|
| 12 |
+
|
| 13 |
body {
|
| 14 |
font-family: 'Poppins', sans-serif;
|
| 15 |
scroll-behavior: smooth;
|
| 16 |
}
|
| 17 |
+
|
| 18 |
.hero {
|
| 19 |
+
/* Corrected the url() part below */
|
| 20 |
+
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://i.postimg.cc/TP0wkDDz/Chat-GPT-Image-Apr-12-2025-09-00-11-AM.png');
|
| 21 |
background-size: cover;
|
| 22 |
background-position: center;
|
| 23 |
background-repeat: no-repeat;
|
| 24 |
min-height: 90vh;
|
| 25 |
}
|
| 26 |
+
|
| 27 |
.service-card:hover {
|
| 28 |
transform: translateY(-10px);
|
| 29 |
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
| 30 |
}
|
| 31 |
+
|
| 32 |
.testimonial-card {
|
| 33 |
transition: all 0.3s ease;
|
| 34 |
}
|
| 35 |
+
|
| 36 |
.testimonial-card:hover {
|
| 37 |
transform: scale(1.03);
|
| 38 |
}
|
| 39 |
+
|
| 40 |
.animate-fade-in {
|
| 41 |
animation: fadeIn 1s ease-in;
|
| 42 |
}
|
| 43 |
+
|
| 44 |
@keyframes fadeIn {
|
| 45 |
from { opacity: 0; }
|
| 46 |
to { opacity: 1; }
|
| 47 |
}
|
| 48 |
+
|
| 49 |
.animate-slide-up {
|
| 50 |
animation: slideUp 0.8s ease-out;
|
| 51 |
}
|
| 52 |
+
|
| 53 |
@keyframes slideUp {
|
| 54 |
+
from {
|
| 55 |
opacity: 0;
|
| 56 |
transform: translateY(30px);
|
| 57 |
}
|
| 58 |
+
to {
|
| 59 |
opacity: 1;
|
| 60 |
transform: translateY(0);
|
| 61 |
}
|
|
|
|
| 116 |
<div class="container mx-auto px-6">
|
| 117 |
<div class="flex flex-col md:flex-row items-center">
|
| 118 |
<div class="md:w-1/2 mb-10 md:mb-0">
|
| 119 |
+
<img src="https://i.postimg.cc/MHmqTkmh/Chat-GPT-Image-Apr-12-2025-09-10-51-AM.png' border='0' alt='Chat-GPT-Image-Apr-12-2025-09-10-51-AM" alt="Dispatch Team" class="rounded-lg shadow-xl w-full">
|
| 120 |
</div>
|
| 121 |
<div class="md:w-1/2 md:pl-12">
|
| 122 |
<h2 class="text-3xl font-bold text-gray-800 mb-6">About Prime Dispatch Services</h2>
|