diff --git a/index.html b/index.html index 504dc31..7635958 100644 --- a/index.html +++ b/index.html @@ -5,9 +5,77 @@ - + Top Gun: An Unofficial Tribute - +
+ +
+
+

+ An Unofficial Tribute + +

+
+ +
+

+ You're Going to Top Gun +

+

+ Top Gun is an action-packed film directed by Tony Scott, starring Tom Cruise as Pete "Maverick" Mitchell, a talented fighter pilot attending the elite Top Gun Naval Fighter Weapons School. The movie follows Maverick's journey as he competes for the prestigious Top Gun Trophy, faces personal challenges, and navigates the high-stakes world of aerial combat. +

+ +
+
+

+ Meet Your Classmates +

+ + +

Tom Cruise

+ + + +

Kelly McGillis

+ + + +

Anthony Edwards

+ + + +

Meg Ryan

+ + + +
+
+

+ Read the Reports +

+ + +

"Tom Cruise soars as Maverick in the adrenaline-packed 'Top Gun.' The aerial sequences are breathtaking, blending high-octane action with a killer soundtrack. A cinematic triumph that leaves audiences on the edge."

 +

The Daily Mail

+ + +

"In 'Top Gun,' Tom Cruise's Maverick is a charismatic force, steering the film with charm and intensity. The dogfight sequences are a visual feast, capturing the essence of aerial combat. 'Top Gun' is an immersive journey into the danger zone, leaving audiences craving more high-flying heroics."

 +

Mark Kermode

+ + +
+
+

+ Book Your Seat +

+ + +
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..fa36cba --- /dev/null +++ b/style.css @@ -0,0 +1,98 @@ + +body { + background-image: url("https://smartcdn.gprod.postmedia.digital/torontosun/wp-content/uploads/2022/05/Kelly-McGillis-e1652298563726.jpg?quality=90&strip=all&w=288&h=216&sig=MM35L1qgVGxwMZw848OKcA"); + margin: 0px; +} + +header { + background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0)); + text-align: center; +} + +#mainTitle { + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + text-align: center; + font-size: 75px; + margin-top: -80px; + margin-bottom: 0px; + color: black; + background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255)); +} + +nav { + justify-content: center; + display: flex; + background-image: linear-gradient(rgb(255, 255, 255), rgba(255, 255, 255, 0.4)); +} + +.navbutton { + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + border-width: 2; + border-style: solid; + width: 140px; + text-align: center; + +} + + +.pagesection { + font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; + background-color: rgba(255, 255, 255, 0.4); + height: 350px; + text-align: center; +} + +.sectionheading { + margin: 0px; + padding-top: 50px; + font-size: 40px; +} + +#cast { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr +} + +.castbox { + border-style:solid; + margin: 10px; + padding-bottom: 25px; + background-color: rgba(255, 255, 255, 0.4); + border-radius: 10px; +} + +p { + padding-left: 20px; + padding-right: 20px; +} + +#reviews { + display: grid; + grid-template-rows: 1fr 1fr; +} + +.reviewbox { + border-style: solid; + margin: 20px; + border-radius: 10px; + background-color: rgba(255, 255, 255, 0.4); + font-size: small; +} + +h2 { + text-decoration: underline solid white; +} + +nav a { + text-decoration: none; + color:black; + padding: 0px; + margin: 30px; + + +} + +h3 { + padding: 0; + margin: 0; +} \ No newline at end of file