diff --git a/html/img/laf-airplane-with-logos.jpg b/html/img/laf-airplane-with-logos.jpg new file mode 100644 index 0000000..352e4ed Binary files /dev/null and b/html/img/laf-airplane-with-logos.jpg differ diff --git a/html/index.html b/html/index.html index de2bf69..0e548c8 100644 --- a/html/index.html +++ b/html/index.html @@ -5,104 +5,7 @@ LAF - Purdue University Airport ✈️ - + diff --git a/html/pages/about.html b/html/pages/about.html index 2c1cd7f..3b29df5 100644 --- a/html/pages/about.html +++ b/html/pages/about.html @@ -5,104 +5,7 @@ About | LAF - Purdue University Airport ✈️ - + diff --git a/html/pages/blog.html b/html/pages/blog.html index 59a3037..4760c8d 100644 --- a/html/pages/blog.html +++ b/html/pages/blog.html @@ -5,104 +5,7 @@ Blog | LAF - Purdue University Airport ✈️ - + diff --git a/html/pages/faq.html b/html/pages/faq.html index fb85054..668ef26 100644 --- a/html/pages/faq.html +++ b/html/pages/faq.html @@ -5,115 +5,7 @@ FAQ | LAF - Purdue University Airport ✈️ - + diff --git a/html/pages/gallery.html b/html/pages/gallery.html index 3135b05..7f0b226 100644 --- a/html/pages/gallery.html +++ b/html/pages/gallery.html @@ -5,104 +5,7 @@ Gallery | LAF - Purdue University Airport ✈️ - + diff --git a/html/style.css b/html/style.css new file mode 100644 index 0000000..0b68879 --- /dev/null +++ b/html/style.css @@ -0,0 +1,123 @@ +/* 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 */ +} + +.question { + font-weight: bold; + cursor: pointer; +} + +.answer { + display: none; + margin-left: 20px; +} + +.big-button { + display: inline-block; + padding: 20px 40px; + font-size: 24px; + color: white; + background-color: #99adc2; + border: none; + border-radius: 5px; + text-align: center; + text-decoration: none; + cursor: pointer; +} + +.big-button:hover { + background-color: #C59E55; +} \ No newline at end of file