From 08662383230974fcdeabf9044c2fb01ca3767650 Mon Sep 17 00:00:00 2001 From: BarshaRani Sahoo1176 <147238995+Sahoobarsharani@users.noreply.github.com> Date: Sat, 19 Oct 2024 17:25:56 +0530 Subject: [PATCH 1/3] FAQ.html --- pages/FAQ.html | 104 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 104 insertions(+) create mode 100644 pages/FAQ.html diff --git a/pages/FAQ.html b/pages/FAQ.html new file mode 100644 index 0000000..4745c9c --- /dev/null +++ b/pages/FAQ.html @@ -0,0 +1,104 @@ + + + + + + Badges + + + + +
+
+ + +
+
+
+

Frequently Asked Questions

+ +
+ + + From c0deb1cbd96a001344a8106e4ff6253d1f513ae2 Mon Sep 17 00:00:00 2001 From: BarshaRani Sahoo1176 <147238995+Sahoobarsharani@users.noreply.github.com> Date: Sat, 19 Oct 2024 17:28:58 +0530 Subject: [PATCH 2/3] Update index.html --- index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/index.html b/index.html index fc49ab1..993d974 100644 --- a/index.html +++ b/index.html @@ -44,6 +44,7 @@
  • About
  • Contact
  • Badges
    • +
  • FAQ
    • From 05a88b0bc6bd75d16736072d040e85891a62835c Mon Sep 17 00:00:00 2001 From: BarshaRani Sahoo1176 <147238995+Sahoobarsharani@users.noreply.github.com> Date: Sat, 19 Oct 2024 17:30:07 +0530 Subject: [PATCH 3/3] Update styles.css --- styles.css | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 66 insertions(+), 1 deletion(-) diff --git a/styles.css b/styles.css index 5179299..2e7e76e 100644 --- a/styles.css +++ b/styles.css @@ -584,4 +584,69 @@ footer a { } -} \ No newline at end of file +} + + +.faq{ + padding: 10px 12%; + text-align: center; + font-size: 18px; + +} + + + +.faq h2{ + font-weight: 500; + font-size: 40px; + text-align: center; +} +.accordion{ + margin: 60px auto; + width: 100%; + max-width: 750px; +} +.accordion li{ + list-style: none; + width: 100%; + padding: 5px; +} +.accordion li label{ + display: flex; + align-items: center; + padding: 20px; + font-size: 18px; + font-weight: 500; + background: linear-gradient(300deg ,#00435f,#2786cf ,rgb(157, 48, 153)); + /*background: #303030;*/ + margin-bottom: 2px; + cursor: pointer; + position: relative; +} +label::after{ + content: '+'; + font-size: 34px; + position: absolute; + right: 20px; + transition: transform 0.5s; + +} +input[type="radio"]{ + display: none; +} +.accordion .content{ + background: linear-gradient(300deg ,#00435f,#369ae6 ,rgb(164, 53, 161)); + /* background: #303030;*/ + text-align: left; + padding: 0 20px; + max-height: 0; + overflow: hidden; + transition: max-height 0.5s,padding 0.5s; +} +.accordion input[type="radio"]:checked + label + .content{ + max-height: 600px; + padding: 30px 20px; +} +.accordion input[type="radio"]:checked + label::after{ + transform: rotate(135deg); +}