commit edded4a267a01185fc311b67f57d0dcff8455654 Author: shivam Date: Mon Dec 30 10:43:38 2024 +0530 Applied swiper for infinite move pause on hover diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f673a71 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/a.webp b/a.webp new file mode 100644 index 0000000..2c1812c Binary files /dev/null and b/a.webp differ diff --git a/apple-14.svg b/apple-14.svg new file mode 100644 index 0000000..b98a4b8 --- /dev/null +++ b/apple-14.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/b.webp b/b.webp new file mode 100644 index 0000000..d4d526c Binary files /dev/null and b/b.webp differ diff --git a/bosch-service-1.svg b/bosch-service-1.svg new file mode 100644 index 0000000..857eb14 --- /dev/null +++ b/bosch-service-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/c.webp b/c.webp new file mode 100644 index 0000000..ddd0739 Binary files /dev/null and b/c.webp differ diff --git a/globus-1.svg b/globus-1.svg new file mode 100644 index 0000000..4b51603 --- /dev/null +++ b/globus-1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/icloud.svg b/icloud.svg new file mode 100644 index 0000000..2d3c9ab --- /dev/null +++ b/icloud.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..faeb349 --- /dev/null +++ b/index.html @@ -0,0 +1,113 @@ + + + + + + + Our Partners & Services + + + + + +

Our Partners

+
+
+
+
Brand 1
+
Brand 2
+
Brand 3
+
Brand 4
+
Brand 5
+
+
+
+ +

Our Services

+
+
+
+
+
+

Service 1

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis rem cumque et aut eaque + mollitia aperiam consequuntur delectus qui eligendi? Modi, error nisi adipisci reprehenderit + quas voluptatem libero quidem temporibus.

+
+
+

Service 2

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis rem cumque et aut eaque + mollitia aperiam consequuntur delectus qui eligendi? Modi, error nisi adipisci reprehenderit + quas voluptatem libero quidem temporibus.

+
+
+

Service 3

+

Lorem ipsum dolor sit amet consectetur adipisicing elit. Blanditiis rem cumque et aut eaque + mollitia aperiam consequuntur delectus qui eligendi? Modi, error nisi adipisci reprehenderit + quas voluptatem libero quidem temporibus.

+
+
+
+
+
+
+
+
Service 1
+
Service 2
+
Service 3
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/lamborghini.svg b/lamborghini.svg new file mode 100644 index 0000000..6cc7d21 --- /dev/null +++ b/lamborghini.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..487ba80 --- /dev/null +++ b/style.css @@ -0,0 +1,74 @@ +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +body { + font-family: 'Poppins', sans-serif; + background-color: #f4f4f9; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + margin: 0; + flex-direction: column; + gap: 50px; +} +.partner-slider { + width: 50%; + max-width: 1200px; + overflow: hidden; + background-color: #862b2b; + border-radius: 20px; + box-shadow: 0 3px 10px 10px rgba(15, 12, 20, 0.1); +} + +.swiper-slide img { + width: 10px; + height: auto; + border-radius: 15px; + transition: transform 0.3s; +} + +.swiper-slide:hover img { + transform: scale(1.1); +} + +.container { + display: flex; + justify-content: center; + align-items: center; + gap: 40px; +} + +.slider-container { + width: 28%; + height: 35vh; + max-width: 1200px; + background-color: #fff; + border-radius: 20px; + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); + overflow: hidden; +} + +.swiper-slide img { + width: 220px; + height: 300px; + margin-top: 15px; + margin-left: 30%; + border-radius: 20px; +} + +.service-description { + text-align: center; + font-size: 18px; + padding: 20px 0; +} + +.service-description h2 { + font-size: 24px; + font-weight: 600; + color: #333; + margin-bottom: 40px; +} \ No newline at end of file