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>
+116 -85
View File
@@ -1,94 +1,119 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>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;
}
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>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;
}
/* 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 */
}
header {
background-color: #C59E55;
/* Purdue Gold */
color: #000;
/* Black */
padding: 20px;
text-align: center;
font-size: 25px;
border-bottom: 5px solid #000000;
}
nav ul {
list-style: none; /* Remove bullet points */
margin: 0; /* Remove default margin */
padding: 0; /* Remove default padding */
}
.container {
max-width: 800px;
margin: 20px auto;
padding: 0 20px;
}
nav li {
display: inline-block; /* Make items inline */
margin-right: 20px; /* Add space between menu items */
}
.content {
margin-top: 20px;
}
nav li a {
color: #FFF; /* White text color */
text-decoration: none; /* Remove underline */
.highlight {
color: #C59E55;
/* Purdue Gold */
font-weight: bold;
font-size: 25px; /* Increased menu item font size */
}
}
nav li a:hover {
color: #000; /* Black on hover */
}
</style>
.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="#">Home</a></li>
<li><a href="#">Airline Flights</a></li>
<li><a href="#">About LAF</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Blog</a></li>
<li><a href="index.html">Home</a></li>
<li><a href="./pages/flights.html">Airline Flights</a></li>
<li><a href="./pages/about.html">About LAF</a></li>
<li><a href="./pages/faq.html">FAQ</a></li>
<li><a href="./pages/gallery.html">Gallery</a></li>
<li><a href="./pages/blog.html">Blog</a></li>
</ul>
</nav>
@@ -97,11 +122,13 @@ nav li a:hover {
<p>West Lafayette, IN</p>
</header>
<div class="container">
<div class="container">
<div class="content">
<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>Our airport is designed to elevate your educational experience with <span class="highlight">innovative</span> features:</p>
<p>Take advantage of a short drive, cheap and convenient parking, and speedy check-in and security by flying LAF!
</p>
<p>Our airport is designed to elevate your educational experience with <span class="highlight">innovative</span>
features:</p>
<ul>
<li>📚 Located on Purdue University's campus!</li>
<li>🔬 5 minutes from downtown Lafayette</li>
@@ -110,19 +137,23 @@ nav li a:hover {
<li>🚀 Supporting local business</li>
</ul>
<h3>Flight to Chicago!</h3>
<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>
<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>
<p>Terminal Location: 1501 Aviation Drive, West Lafayette, IN 47907</p>
<p>Open daily: 5 a.m. to 10 p.m.</p>
<p><span class="highlight">Flying local</span> means major savings on parking and transportation, with lower rates than other airports in the region.</p>
<p><span class="highlight">Flying local</span> means major savings on parking and transportation, with lower rates
than other airports in the region.</p>
<img src="img/FlightInformation-BookYourFlight.jpg" alt="Flight Information" class="airplane-img">
<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>
<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>
</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>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>