Skip to content

Commit

Permalink
Added FAQ Section
Browse files Browse the repository at this point in the history
  • Loading branch information
@AbhinabPalei
AbhinabPalei committed Oct 6, 2024
1 parent 6cb828b commit 0e46c40
Show file tree
Hide file tree
Showing 3 changed files with 227 additions and 1 deletion.
2 changes: 1 addition & 1 deletion .vscode/settings.json
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
{
"liveServer.settings.port": 5501
"liveServer.settings.port": 5502
}
135 changes: 135 additions & 0 deletions FAQ.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,135 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

body {
font-family: 'Arial', sans-serif;
background-color: #f9f9f9;
color: #333;
line-height: 1.6;
}

.container {
width: 90%;
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}

.faq-section {
background-color: #fff;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
padding: 3rem;
margin-top: 2rem;
border-left: 6px solid #ff459f;
}

.faq-title {
text-align: center;
font-size: 3rem;
margin-bottom: 1rem;
color: #2c3e50;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 2px;
background: linear-gradient(45deg, #ff459f, #ff9532);
background-clip: text;
color: transparent;
}

.faq-description {
text-align: center;
font-size: 1.2rem;
margin-bottom: 3rem;
color: #7f8c8d;
}

.faq-list {
margin-top: 3rem;
}

.faq-item {
background-color: #ecf0f1;
border-radius: 12px;
margin-bottom: 1.5rem;
padding: 1.5rem;
transition: transform 0.3s ease, background-color 0.3s ease;
}

.faq-item:hover {
transform: translateY(-5px);
background-color: #ff459f;
color: white;
}

.faq-item summary {
font-size: 1.4rem;
font-weight: bold;
color: #fff;
cursor: pointer;
padding: 1rem;
background: linear-gradient(90deg, #ff459f, #ff9532, #ff459f);
border: none;
border-radius: 8px;
width: 100%;
text-align: left;
margin: 0;
transition: background-color 0.3s ease, color 0.3s ease;
}

.faq-item summary:hover {
background-color: #ff459f;
color: white;
}

.faq-answer {
font-size: 1.1rem;
color: #34495e;
padding: 1rem;
border-top: 2px solid #bdc3c7;
}

details[open] summary {
background-color: #ff459f;
color: white;
}

details[open] .faq-answer {
background-color: #f9f9f9;
}

.faq-contact {
text-align: center;
margin-top: 3rem;
font-size: 1.1rem;
color: #2c3e50;
}

.faq-contact strong {
color: #ff459f;
}

@media (max-width: 768px) {
.container {
padding: 1rem;
}

.faq-title {
font-size: 2.5rem;
}

.faq-description {
font-size: 1rem;
}

.faq-item {
padding: 1rem;
}

.faq-question {
font-size: 1.3rem;
}
}
91 changes: 91 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
<title>Collect your GamingTools</title>
<link rel="shortcut icon" href="images/logo.png" type="image/x-icon">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="FAQ.css">
</head>

<body>
Expand Down Expand Up @@ -253,6 +254,96 @@ <h3>Ergonomic Gaming Chair</h3>
</div>
</div>


<!-- FAQ -->
<section class="faq-section">
<div class="container">
<h1 class="faq-title">Frequently Asked Questions (FAQ) </h1>
<p class="faq-description">Get the best gaming accessories for your ultimate gaming experience! Here are some frequently asked questions about gaming gear, headsets, keyboards, mice, and more.</p>

<div class="faq-list">
<!-- FAQ Items using <details> for accordion effect -->
<details class="faq-item">
<summary class="faq-question">What are the most important gaming accessories for a gamer?</summary>
<p class="faq-answer">The most important gaming accessories include a high-quality gaming mouse, mechanical keyboard, comfortable gaming headset, a gaming chair for ergonomic support, and a large mouse pad for precision. These accessories enhance comfort, control, and overall gaming performance.</p>
</details>

<details class="faq-item">
<summary class="faq-question">How do I choose the right gaming mouse?</summary>
<p class="faq-answer">Choosing the right gaming mouse depends on your playstyle. Consider factors like the mouse's DPI (sensitivity), ergonomic design, additional customizable buttons, and whether it’s wired or wireless. FPS players typically prefer high DPI and quick response time, while MOBA and MMORPG gamers may need programmable buttons.</p>
</details>

<details class="faq-item">
<summary class="faq-question">What is the best gaming headset for immersive sound?</summary>
<p class="faq-answer">For immersive sound, look for headsets with surround sound capabilities and a clear, noise-canceling microphone. Popular choices for gamers include brands like SteelSeries, Logitech, and Razer, which offer both wired and wireless options with exceptional sound quality.</p>
</details>

<details class="faq-item">
<summary class="faq-question">Are mechanical keyboards better than membrane keyboards for gaming?</summary>
<p class="faq-answer">Yes, mechanical keyboards are generally considered better for gaming due to their faster response time, tactile feedback, and durability. Each key press on a mechanical keyboard is registered more quickly, which is ideal for fast-paced games. Membrane keyboards are quieter and more affordable but offer a less responsive feel.</p>
</details>

<details class="faq-item">
<summary class="faq-question">What should I look for in a gaming chair?</summary>
<p class="faq-answer">When choosing a gaming chair, consider ergonomic features such as adjustable armrests, lumbar support, seat height, and tilt function. Comfort is key for long gaming sessions, so look for a chair with memory foam padding and breathable fabric or leather.</p>
</details>

<details class="faq-item">
<summary class="faq-question">Do I need a gaming monitor for competitive gaming?</summary>
<p class="faq-answer">Yes, a gaming monitor with a high refresh rate (144Hz or higher) and low response time (1ms or 2ms) is crucial for competitive gaming. A higher refresh rate provides smoother gameplay and better visual performance in fast-paced games like FPS or MOBA.</p>
</details>

<details class="faq-item">
<summary class="faq-question">Can I use a regular headset for gaming?</summary>
<p class="faq-answer">Yes, you can use a regular headset for gaming, but it may not offer the same level of sound quality and microphone clarity as a dedicated gaming headset. Gaming headsets are designed with directional sound and noise-canceling features for better in-game communication and immersion.</p>
</details>

<details class="faq-item">
<summary class="faq-question">What is the difference between wired and wireless gaming mice?</summary>
<p class="faq-answer">The main difference is convenience vs. latency. Wireless gaming mice offer greater freedom and less cable clutter, while wired mice generally provide more consistent performance with zero input delay. For competitive gaming, wired mice are typically preferred for faster and more reliable response times.</p>
</details>

<details class="faq-item">
<summary class="faq-question">How do I maintain my gaming accessories to ensure they last?</summary>
<p class="faq-answer">To maintain your gaming accessories, clean them regularly with soft cloths and compressed air to remove dust. For keyboards, use keycap pullers to clean between the keys. Keep headsets in a safe, dry place to avoid damage. Always check for firmware or driver updates to keep your devices performing optimally.</p>
</details>

<details class="faq-item">
<summary class="faq-question">Are there any gaming accessories that help improve my in-game performance?</summary>
<p class="faq-answer">Yes, gaming accessories such as a high-DPI mouse, mechanical keyboard, and a large mouse pad can significantly enhance your in-game performance. Additionally, accessories like a gaming headset with surround sound and a comfortable gaming chair can improve your focus and reduce distractions.</p>
</details>

<details class="faq-item">
<summary class="faq-question">What is RGB lighting in gaming accessories, and is it important?</summary>
<p class="faq-answer">RGB lighting in gaming accessories, like keyboards, mice, and headsets, is a feature that allows customization of colors and lighting effects. While it does not affect performance, it adds a personal aesthetic touch and can improve the gaming ambiance. Many gamers enjoy creating a custom lighting setup that matches their gaming rig.</p>
</details>

<details class="faq-item">
<summary class="faq-question">How much should I spend on gaming accessories?</summary>
<p class="faq-answer">The amount you should spend on gaming accessories depends on your budget and gaming needs. Entry-level accessories can be found for a reasonable price, but higher-end gear, especially for competitive gamers, will be more expensive. Prioritize comfort and performance over aesthetics, especially for items like chairs, mice, and headsets.</p>
</details>

<details class="faq-item">
<summary class="faq-question">Can I use gaming accessories on a console?</summary>
<p class="faq-answer">Yes, many gaming accessories like headsets, controllers, and keyboards are compatible with consoles like PlayStation, Xbox, and Nintendo Switch. Be sure to check the compatibility before purchasing, as some accessories may require specific adapters or settings adjustments.</p>
</details>

<details class="faq-item">
<summary class="faq-question">Where can I buy the best gaming accessories?</summary>
<p class="faq-answer">You can buy the best gaming accessories from online retailers like Amazon, specialized gaming stores, or directly from the manufacturers’ websites (e.g., Razer, Logitech, Corsair). Always look for reviews and recommendations to ensure you are getting high-quality products.</p>
</details>

</div>

<div class="faq-contact">
<p>If you didn’t find the answer you were looking for, don’t hesitate to contact our support team at <strong>support@Collect your GamingTools.com</strong></p>
</div>
</div>
</section>


<!-- end -->

<footer>
<div class="footer-container">
<div class="footer-content">
Expand Down

0 comments on commit 0e46c40

Please sign in to comment.