added several pages

added about, blog, flights, gallery

html/pages/faq.html

@@ -0,0 +1,164 @@
+<!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>
+    <style>
+        /* Add your CSS styles here */
+        .question {
+            font-weight: bold;
+            cursor: pointer;
+        }
+
+        .answer {
+            display: none;
+            margin-left: 20px;
+        }
+
+        /* Purdue-themed CSS styling */
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-color: #000;
+            color: #FFF;
+        }
+
+        header {
+            background-color: #C59E55;
+            /* Purdue Gold */
+            color: #000;
+            /* Black */
+            padding: 20px;
+            text-align: center;
+            font-size: 25px;
+            border-bottom: 5px solid #000000;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 0 20px;
+        }
+
+        .content {
+            margin-top: 20px;
+        }
+
+        .highlight {
+            color: #C59E55;
+            /* Purdue Gold */
+            font-weight: bold;
+        }
+
+        .airplane-img {
+            display: block;
+            margin: 0 auto;
+            max-width: 100%;
+        }
+
+        .sponsor {
+            text-align: center;
+            margin-top: 20px;
+        }
+
+        .sponsor img {
+            max-width: 150px;
+            border-radius: 50%;
+            margin-top: 10px;
+        }
+
+        /* New navigation bar styles */
+        nav {
+            background-color: #C59E55;
+            /* Purdue Gold */
+            color: #000;
+            /* Black */
+            padding: 10px;
+            display: flex;
+            /* Make items horizontal */
+            justify-content: space-between;
+            /* Evenly distribute items */
+        }
+
+        nav ul {
+            list-style: none;
+            /* Remove bullet points */
+            margin: 0;
+            /* Remove default margin */
+            padding: 0;
+            /* Remove default padding */
+        }
+
+        nav li {
+            display: inline-block;
+            /* Make items inline */
+            margin-right: 20px;
+            /* Add space between menu items */
+        }
+
+        nav li a {
+            color: #FFF;
+            /* White text color */
+            text-decoration: none;
+            /* Remove underline */
+            font-weight: bold;
+            font-size: 25px;
+            /* Increased menu item font size */
+        }
+
+        nav li a:hover {
+            color: #000;
+            /* Black on hover */
+        }
+    </style>
+</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>
+
+    <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>
+
+    <!-- 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>