Ibrokhim1263 commited on
Commit
77e33fc
·
verified ·
1 Parent(s): 65a089b

Update index.html

Browse files
Files changed (1) hide show
  1. 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
- background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://i.postimg.cc/c12qNL7P/differences-freight-logistics-trucking-companies-cover.webp' border='0' alt='differences-freight-logistics-trucking-companies-cover');
 
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://img.freepik.com/free-photo/confident-call-center-operator-talking-with-client_74855-4059.jpg?t=st=1744202903~exp=1744206503~hmac=37de79ffb61622c475c648c780b7cda7a64659f9030f85e0c87edfca653d7f01&w=1380" alt="Dispatch Team" class="rounded-lg shadow-xl w-full">
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>