Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Revert "Revert "Faq section"" #38

Merged
merged 1 commit into from
Jan 1, 2024
Merged

Revert "Revert "Faq section"" #38

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 34 additions & 1 deletion index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<script src="script.js"></script>
<title>Your Name - Portfolio</title>
</head>
Expand All @@ -18,6 +20,9 @@
<li><a href="#about">About Me</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#contact">Contact</a></li>
<!-- added the skills and FAQ section -->

<li><a href="#faq_section">FAQ</a></li>
</ul>
</div>
</nav>
Expand Down Expand Up @@ -104,7 +109,35 @@ <h2>20XX</h2>
</div>
</section>

<section id="contact" class="contact">


<section id="faq_section" class="faq">
<div class="container">
<h2>Frequently Asked Questions</h2>

<details>
<summary>In which year do I study?</summary>
<p>I currently study in 2nd year.</p>
</details>

<details>
<summary>Am I the member of any of the college societies?</summary>
<p>Yes, I am the part of college societies named_____</p>
</details>

<details>
<summary>What are my hobbies?</summary>
<p>I have various hobbies , I like to ___name of hobbies___</p>
</details>




</div>
</section>


<section id="contact" class="contact">
<div class="container">
<h1>Contact Me</h1>

Expand Down
52 changes: 52 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -252,3 +252,55 @@ footer {
.scroll-up-btn:hover {
filter: brightness(90%);
}

/* FAQ section styling */
.faq {
background-color: #f5f5f5;
padding: 50px 0;
text-align: left; /* Align content to the left */
border-radius: 15px; /* Increase border-radius for the FAQ section */
}

.container {
width: 80%;
margin: 0 auto;
}

h2 {
color: #333;
font-size: 2em;
margin-bottom: 30px;
}

details {
margin-bottom: 20px;
border-radius: 15px; /* Increase border-radius for the details */
overflow: hidden;
}

summary {
background-color: #0277bd;
color: #fff;
padding: 15px 20px;
font-size: 1em;
cursor: pointer;
outline: none;
}

summary::-webkit-details-marker {
display: none;
}

summary:focus {
outline: none;
}

p {
background-color: #fff;
padding: 15px;
margin: 0;
border: 1px solid #ddd;
border-top: none;
border-radius: 0 0 15px 15px; /* Increase border-radius for the paragraph */
text-align: left;
}