Files
flylaf/html/pages/faq.html
T
izatwin feef861a68
ci / build (push) Failing after 4m10s
Gitea Actions Demo / Explore-Gitea-Actions (push) Failing after 7m5s
chore: separate css style into an external stylesheet
2024-06-18 22:45:43 -04:00

71 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FAQ | LAF - Purdue University Airport ✈️</title>
<link rel="stylesheet" href="../style.css">
</head>
<body>
<nav>
<ul>
<li><a href="../index.html">Home</a></li>
<li><a href="./flights.html">Airline Flights</a></li>
<li><a href="./about.html">About LAF</a></li>
<li><a href="./faq.html">FAQ</a></li>
<li><a href="./gallery.html">Gallery</a></li>
<li><a href="./blog.html">Blog</a></li>
</ul>
</nav>
<header>
<h1>Fly LAF - Purdue University Airport ✈️</h1>
<p>West Lafayette, IN</p>
</header>
<div class="container">
<div class="content">
<h1>Frequently Asked Questions</h1>
<div class="faq-item">
<div class="question">Question 1: Is the Purdue University Airport (LAF) open to the public?</div>
<div class="answer">Answer: Lorem Ipsum is simply dummy text of the printing and typesetting industry.
</div>
</div>
<div class="faq-item">
<div class="question">Question 2: What airlines fly to the Purdue Airport?</div>
<div class="answer">Answer: It is a long established fact that a reader will be distracted by the
readable
content of a page when looking at its layout.</div>
</div>
</div>
</div>
<div class="container">
<div class="content">
<p>NOTE: This website is not affiliated with Purdue University, the Purdue University Airport, or Southern
Airways
Express. See www.purdue.edu/airport for more information.</p>
</div>
</div>
<!-- Add more FAQ items as needed -->
<script>
// JavaScript to toggle the visibility of answers
const questions = document.querySelectorAll('.question');
questions.forEach(question => {
question.addEventListener('click', () => {
const answer = question.nextElementSibling;
answer.style.display = (answer.style.display === 'block') ? 'none' : 'block';
});
});
</script>
</body>
</html>