<add> : Initial commit, Added FAQ_page folder.

thinkswell · Oct 26, 2023 · d856001 · d856001
1 parent c466222
commit d856001
Show file tree

Hide file tree

Showing 3 changed files with 83 additions and 0 deletions.
diff --git a/FAQ_page/Devanshukoli/Index.html b/FAQ_page/Devanshukoli/Index.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>FAQ Page</title>
+    <link rel="stylesheet" href="./style.css" />
+    <style>
+
+    </style>
+  </head>
+  <body>
+    <section>
+      <h2 class="title">FAQ</h2>
+
+      <div class="faq">
+        <div class="question">
+          <h3>Is your website is secure?</h3>
+          <svg width="15" height="10" viewBox="0 0 42 25">
+            <path d="M3 3L21 12L39 3" stroke="white" stroke-width="7" storke-linecap="round" />
+          </svg>
+        </div>
+
+        <div class="answer">
+            <p>Yes, it is :)</p>
+        </div>
+      </div>
+    </section>
+    <script src="./app.js"></script>
+  </body>
+</html>
diff --git a/FAQ_page/Devanshukoli/app.js b/FAQ_page/Devanshukoli/app.js
@@ -0,0 +1 @@
+console.log('hello world')
diff --git a/FAQ_page/Devanshukoli/style.css b/FAQ_page/Devanshukoli/style.css
@@ -0,0 +1,51 @@
+@import url("https://fonts.googleapis.com/css2?family=Sometype+Mono&display=swap");
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box: 
+}
+
+body {
+    font-family: "Sometype+Mono", sans-serif;
+    background: #e5d2d28a;
+    color : #160b0b
+}
+
+section {
+    min-height: 100vh;
+    width: 80%;
+    margin: 0 auto;
+    display : flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.title {
+        font-size: 3rem;
+        margin: 2rem 0rem;
+      }
+
+.faq {
+max-width: 700px;
+margin-top: 2rem;
+padding-bottom: 1rem;
+border-bottom: 2px solid #ccc;
+cursor: pointer;
+}
+
+.question {
+display: flex;
+justify-content: space-between;
+align-items: center;
+}
+
+.question h3 {
+font-size: 1.8rem;
+}
+
+.answer p {
+padding-top: 1rem;
+line-height: 1.6;
+font-size: 1.4rem;
+}