From 37d3aae02145ee6f3a86b48f355d8e3f0a583234 Mon Sep 17 00:00:00 2001 From: asmaamostafa74 Date: Thu, 15 Aug 2024 12:50:50 +0300 Subject: [PATCH] accordion --- .vscode/settings.json | 2 +- index.html | 436 +++++++++++++++++++++++++----------------- script.js | 40 +++- 3 files changed, 293 insertions(+), 185 deletions(-) diff --git a/.vscode/settings.json b/.vscode/settings.json index 6f3a291..f673a71 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -1,3 +1,3 @@ { - "liveServer.settings.port": 5501 + "liveServer.settings.port": 5502 } \ No newline at end of file diff --git a/index.html b/index.html index 585c53b..9c5dd74 100644 --- a/index.html +++ b/index.html @@ -41,6 +41,23 @@ width: 100%; } + .carousel-image { + max-width: 170%; + display: block; + margin: auto ; +} + + +@media (max-width: 640px) { + .carousel-image { + display: none; + } + .carousel-image.active { + display: block; + } +} + + .slider:before { position: absolute; content: ""; @@ -72,89 +89,90 @@ -
+
- + -
- -
-

Building apps just got easier

-

Aliquam vel platea curabitur sit vestibulum egestas sit id lorem. Aliquet neque, dui sed eget scelerisque. Non at at venenatis tortor amet feugiat ullamcorper in. Odio vulputate cras vel lacinia turpis volutpat adipiscing. Sollicitudin at velit, blandit tempus nunc in.

-
- -
- - Watch Video +
+ +
+

Building apps just got easier

+

Aliquam vel platea curabitur sit vestibulum egestas sit id lorem. Aliquet neque, dui sed eget scelerisque. Non at at venenatis tortor amet feugiat ullamcorper in. Odio vulputate cras vel lacinia turpis volutpat adipiscing. Sollicitudin at velit, blandit tempus nunc in.

+
+ +
+ + Watch Video +
+
+ +
+
-
- -
- -
-
+
-
+
+
@@ -189,6 +207,7 @@

Dignissim quam

Quam sed neque vitae viverra purus venenatis ac non. Eget sed nunc, amet, nibh nulla. Morbi sed risus ullamcorper diam, elit ut non.

+
@@ -205,15 +224,42 @@

All the essential tools

Sem augue tempus

-

Venenatis blandit habitasse nunc, sapien enim elit in. Arcu, pharetra, et cursus sit senectus in blandit. Aliquet enim fermentum non semper nibh ut neque. Pellentesque ut tincidunt vitae arcu bibendum malesuada lorem sapien volutpat.

+

Venenatis blandit habitasse nunc, sapien enim elit in. Arcu, pharetra, et cursus sit senectus in blandit. Aliquet enim fermentum non semper nibh ut neque. Pellentesque ut tincidunt vitae arcu bibendum malesuada lorem sapien volutpat.

-
-

Habitant integer interdum a

+ +
+
+
+
+

Habitant integer interdum a

+ + + +
+
+ +
+
+ +
+
+
+
+

Tempus natoque id

+ + + +
+
+ -
-

Tempus natoque id

+ +
@@ -232,26 +278,52 @@

Focus on what ma

Bibendum gravida dolor egestas aliquam

-

Egestas tincidunt hendrerit nibh platea sit vivamus aenean rhoncus etiam. Tristique amet, sed ac ac dolor habitant. Mauris duis neque molestie venenatis nibh hendrerit pharetra. Tortor suscipit leo sit tellus ac scelerisque gravida sem.

+

Egestas tincidunt hendrerit nibh platea sit vivamus aenean rhoncus etiam. Tristique amet, sed ac ac dolor habitant. Mauris duis neque molestie venenatis nibh hendrerit pharetra. Tortor suscipit leo sit tellus ac scelerisque gravida sem.

-
-

Egestas lorem eget

+ +
+
+
+
+

Egestas lorem eget

+ + + +
+
+ +
-
-

Tellus eget feugiat sit

+ +
+
+
+
+

Tellus eget feugiat sit

+ + + +
+
+ +
-
+

-
+