added several pages
ci / build (push) Successful in 11s
Gitea Actions Demo / Explore-Gitea-Actions (push) Successful in 4s

added about, blog, flights, gallery
This commit is contained in:
2024-05-12 12:04:50 -04:00
parent 3c8bdcbc18
commit a5f18c281d
7 changed files with 816 additions and 149 deletions
-46
View File
@@ -1,46 +0,0 @@
<!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>
<style>
/* Add your CSS styles here */
.question {
font-weight: bold;
cursor: pointer;
}
.answer {
display: none;
margin-left: 20px;
}
</style>
</head>
<body>
<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>
+134 -103
View File
@@ -1,94 +1,119 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>LAF - Purdue University Airport ✈️</title> <title>LAF - Purdue University Airport ✈️</title>
<style> <style>
/* Purdue-themed CSS styling */ /* Purdue-themed CSS styling */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 0; margin: 0;
padding: 0; padding: 0;
background-color: #000; background-color: #000;
color: #FFF; 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 */ header {
nav { background-color: #C59E55;
background-color: #C59E55; /* Purdue Gold */ /* Purdue Gold */
color: #000; /* Black */ color: #000;
padding: 10px; /* Black */
display: flex; /* Make items horizontal */ padding: 20px;
justify-content: space-between; /* Evenly distribute items */ text-align: center;
} font-size: 25px;
border-bottom: 5px solid #000000;
}
nav ul { .container {
list-style: none; /* Remove bullet points */ max-width: 800px;
margin: 0; /* Remove default margin */ margin: 20px auto;
padding: 0; /* Remove default padding */ padding: 0 20px;
} }
nav li { .content {
display: inline-block; /* Make items inline */ margin-top: 20px;
margin-right: 20px; /* Add space between menu items */ }
}
nav li a { .highlight {
color: #FFF; /* White text color */ color: #C59E55;
text-decoration: none; /* Remove underline */ /* Purdue Gold */
font-weight: bold; font-weight: bold;
font-size: 25px; /* Increased menu item font size */ }
}
nav li a:hover { .airplane-img {
color: #000; /* Black on hover */ display: block;
} margin: 0 auto;
</style> 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> </head>
<body> <body>
<nav> <nav>
<ul> <ul>
<li><a href="#">Home</a></li> <li><a href="index.html">Home</a></li>
<li><a href="#">Airline Flights</a></li> <li><a href="./pages/flights.html">Airline Flights</a></li>
<li><a href="#">About LAF</a></li> <li><a href="./pages/about.html">About LAF</a></li>
<li><a href="#">FAQ</a></li> <li><a href="./pages/faq.html">FAQ</a></li>
<li><a href="#">Gallery</a></li> <li><a href="./pages/gallery.html">Gallery</a></li>
<li><a href="#">Blog</a></li> <li><a href="./pages/blog.html">Blog</a></li>
</ul> </ul>
</nav> </nav>
@@ -97,32 +122,38 @@ nav li a:hover {
<p>West Lafayette, IN</p> <p>West Lafayette, IN</p>
</header> </header>
<div class="container"> <div class="container">
<div class="content"> <div class="content">
<h2>Airline flights starting on May 15!</h2> <h2>Airline flights starting on May 15!</h2>
<p>Take advantage of a short drive, cheap and convenient parking, and speedy check-in and security by flying LAF!</p> <p>Take advantage of a short drive, cheap and convenient parking, and speedy check-in and security by flying LAF!
<p>Our airport is designed to elevate your educational experience with <span class="highlight">innovative</span> features:</p> </p>
<ul> <p>Our airport is designed to elevate your educational experience with <span class="highlight">innovative</span>
<li>📚 Located on Purdue University's campus!</li> features:</p>
<li>🔬 5 minutes from downtown Lafayette</li> <ul>
<li>🎓 Cheap and convenient parking and public transportation</li> <li>📚 Located on Purdue University's campus!</li>
<li>🌱 Extremely quick check-in and security!</li> <li>🔬 5 minutes from downtown Lafayette</li>
<li>🚀 Supporting local business</li> <li>🎓 Cheap and convenient parking and public transportation</li>
</ul> <li>🌱 Extremely quick check-in and security!</li>
<h3>Flight to Chicago!</h3> <li>🚀 Supporting local business</li>
<p>Starting May 15th, Purdue Airport offers daily flights to Chicago. Take advantage of this convenient service to reach your destination quickly and comfortably.</p> </ul>
<p>Terminal Location: 1501 Aviation Drive, West Lafayette, IN 47907</p> <h3>Flight to Chicago!</h3>
<p>Open daily: 5 a.m. to 10 p.m.</p> <p>Starting May 15th, Purdue Airport offers daily flights to Chicago. Take advantage of this convenient service to
<p><span class="highlight">Flying local</span> means major savings on parking and transportation, with lower rates than other airports in the region.</p> reach your destination quickly and comfortably.</p>
<img src="img/FlightInformation-BookYourFlight.jpg" alt="Flight Information" class="airplane-img"> <p>Terminal Location: 1501 Aviation Drive, West Lafayette, IN 47907</p>
<div class="sponsor"> <p>Open daily: 5 a.m. to 10 p.m.</p>
<p>This website is sponsored by Adam Baxmeyer Fan Club.</p> <p><span class="highlight">Flying local</span> means major savings on parking and transportation, with lower rates
</div> than other airports in the region.</p>
<p>We hope to see you at LAF for your next flight!!</p> <img src="img/FlightInformation-BookYourFlight.jpg" alt="Flight Information" class="airplane-img">
<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 class="sponsor">
<p>This website is sponsored by Adam Baxmeyer Fan Club.</p>
</div>
<p>We hope to see you at LAF for your next flight!!</p>
<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>
</div> </div>
</body> </body>
</html>
</html>
+127
View File
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About | LAF - Purdue University Airport ✈️</title>
<style>
/* 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>
</body>
</html>
+126
View File
@@ -0,0 +1,126 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog | LAF - Purdue University Airport ✈️</title>
<style>
/* 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>
</body>
</html>
+164
View File
@@ -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>
+138
View File
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Flights | LAF - Purdue University Airport ✈️</title>
<style>
/* 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>
<p>Southern Airways Express has several daily flights between the Purdue Airport and Chicago’s O’Hare Airport (ORD).
</p>
<p>As a partner of American Airlines, United Airlines, and Alaskan Airlines, passengers can book flights to and from
LAF directly on AA.com, United.com, and Alaskaair.com! By booking directly with those airlines, you can get one
ticket from LAF to your final destination- meaning that checked bags will be sent through to your final
destination.</p>
<p>Alternatively, you can book the flight between LAF and ORD separately from your flight to or from Chicago’s
O’hare. This can give you access to cheaper fares on various airlines that fly to Chicago, while still enjoying
the convenience and speed of the Purdue Airport.</p>
<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>
</body>
</html>
+127
View File
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gallary | LAF - Purdue University Airport ✈️</title>
<style>
/* 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>
</body>
</html>