Update sallys-halloween-party.html

gcparksandresorts · Apr 28, 2024 · 05afd8a · 05afd8a
1 parent 1204bc6
commit 05afd8a
Showing 1 changed file with 21 additions and 6 deletions.
diff --git a/events/sallys-halloween-party.html b/events/sallys-halloween-party.html
@@ -5,6 +5,7 @@
   	<link rel="icon" type="image/x-icon" href="https://gcparksandresorts.github.io/gcresorthighland/webresources/images/webfavicon1.ico">
 	<link rel="stylesheet" href="https://gcparksandresorts.github.io/gcresorthighland/webresources/others/styleSheet.css">
 	<link rel="stylesheet" href="https://gcparksandresorts.github.io/gcresorthighland/webresources/others/styleHeader.css">
+	<link href='https://fonts.googleapis.com/css?family=Akronim' rel='stylesheet'>
 
   <!--TAB TITLE --> <!------------------------------------------------------------------------------------------------------------------------------------- HEAD -->
   	<title>Sally's Spooktacular Halloween After-Party | Special Events | Globe-City Resort Highland</title>
@@ -93,7 +94,7 @@ <h3>Bring the Spooks Home</h3>
 	<br><br>
 
 	<div class='fullContainer' style='position:relative; background:#4B0082; color:white;'>
-		<div class='transitionBar' style='position:absolute; top:-100px; left:0; right:0; height:100px; background:linear-gradient(ivory,#4B0082)'></div>
+		<div class='transitionBar' style='position:absolute; top:-100px; left:0; right:0; height:100px; background:linear-gradient(ivory,ivory,#4B0082);'></div>
 		<div class='columnContainer'>
 			<img src='https://d23.com/app/uploads/2019/08/1180w-600hIris-081519_news-briefs-780x440.jpg'>
 			<div>
@@ -125,14 +126,28 @@ <h3>Sally's Manor Facade Light Show</h3>
 		</div>
 	</div>
 
-	<br><br>
+	<br><br><br><br>
+
+	<div class='fullContainer' id='cotSection' style='background:#203023; position:relative; padding:0; color:white;'>
+		<div style='position:absolute; top:-150px; left:0; right:0; margin:0; height:150px; background:linear-gradient(rgba(32,48,35,0),#203023);'></div>
+		<div class='container'>
+			<style>#spookText1{color:white; font-family:"Akronim"; font-size:30px; transition:0.5s;} #spookText1:hover{color:red;}</style>
+			<h2 style='' id='spookText1'>Something Terrifying Has Come to Metropolis...</h2>
+			<p>This halloween season, discover the ultimate nightmare in our brand new, never-before seen haunt experience.</p>
+		</div>
+
+		<div class='fullContainer' style='position:relative; height:400px; background:url("https://mixkit.imgix.net/videos/preview/mixkit-halloween-forest-full-of-branches-and-green-mist-14197-0.jpg?q=80&auto=format%2Ccompress"); background-repeat:no-repeat; background-size:cover; background-position:center;'>
+			<div style='position:absolute; left:0; right:0; top:0; height:100px; background:linear-gradient(#203023,rgba(32,48,35,0));'></div>
+
+			<div style='position:absolute; left:0; right:0; bottom:0; height:100px; background:linear-gradient(rgba(32,48,35,0),#203023);'></div>
+		</div>
 
-	<div class='fullContainer' id='cotSection' style='background:#2f2f2f; position:relative; padding:0; color:white;'>
-		<div style='width:100%; margin:0; height:100px; background:linear-gradient(ivory,#2f2f2f);'></div>
 		<div class='container'>
-			<h2 style='color:white;'>A TERIFYING NEW DEVELOPMENT</h2>
+			<p>Featuring a multitude of terrifying experiences, this event is NOT for the faint of heart. Learn more about <em>CITY OF TERROR</em> by exploring the official announcement page linked below.</p>
+			<p><button style='color:white; border-color:white;' onclick='window.open("https://gcparksandresorts.github.io/gcresorthighland/blog/events/halloween/8-10-24-city-of-terror")'>View Special Event</button></p>
 		</div>
-
+
+		<br>
 	</div>
 
 <!--