Skip to content

Commit

Permalink
New sponsor pricing ladder
Browse files Browse the repository at this point in the history
  • Loading branch information
@DanielDavis05
DanielDavis05 committed Dec 4, 2023
1 parent f8812d6 commit 2d1764b
Show file tree
Hide file tree
Showing 3 changed files with 64 additions and 33 deletions.
82 changes: 49 additions & 33 deletions hackstoga/sponsor/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ <h2>Our Mission</h2>
Inspiring students to explore the world of computer science outside of the
classroom by providing <u>hands-on experience</u> with coding and teamwork, and
offering a diverse and inclusive environment where students of all backgrounds can
<u>learn and grow together</u>
<u>learn and grow together</u>.
</p>
</div>

Expand Down Expand Up @@ -301,19 +301,13 @@ <h1 class="flex flex-center">Sponsorship Tiers</h1>
<div class="sponsor-card flex flex-center flex-column rounded">
<div class="sponsor-content">
<h1>Bronze</h1>
<p>$100-250</p>
<p>$100</p>
<p>
With the bronze tier, your brand will be featured prominently on hackStoga
promotional material, giving you visibility and exposure to a highly engaged
audience. You'll also receive:
With the Bronze tier, your brand gets the initial level of exposure at a starter
package price. The benefits you get include:
</p>
<ul>
<li
>Your logo on our hackStoga T-Shirt
<span style="font-size: smaller"
>(If you confirm a month before hackStoga)</span
></li
>
<li>Your brand name printed as text on the T shirt<sup>*</sup></li>
<li>Your logo projected to the atrium's two large screens</li>
<li>Your logo on our website</li>
</ul>
Expand All @@ -328,15 +322,20 @@ <h1>Bronze</h1>
<h1>Silver</h1>
<p>$250-500</p>
<p>
In the silver tier, you'll have the opportunity to showcase your products and
services, engage with attendees, and build relationships with potential customers.
You'll also receive:
At the Silver tier, you get added visibility with the potential for greater brand
engagement. You'll also receive:
</p>
<ul>
<li>2 hour booth time</li>
<li>30 minutes of classroom time</li>
<li><i>Includes all the benefits from the bronze tier</i></li>
<li>Your logo on our hackStoga T-Shirt<sup>*</sup></li>
<li>Two hours of booth time<sup>**</sup></li>
<li>Thirty minutes of classroom time<sup>**</sup></li>
</ul>
<p style="padding-top: 1em; font-size: 15px"
><i
>Includes all benefits from the Bronze tier.<br />Limited customization
available</i
></p
>
</div>
<div class="sponsor-indicator" style="background-color: var(--silver-sponsor)"></div>
</div>
Expand All @@ -351,25 +350,27 @@ <h1>Silver</h1>
<h1>Gold</h1>
<p>$500-1500</p>
<p>
In the gold tier, you'll be recognized as a leader and supporter of hackStoga.
You'll also receive:
With the Gold tier, your brand not only gains added visibility but also
recognition as an active hackStoga supporter. You'll also receive:
</p>
<ul>
<li>All-day booth time</li>
<li>Up to an hour of classroom time</li>
<li>Four hours of booth time</li>
<li>One hour of classroom time</li>
<li>An award named after your company</li>
<li><i>Includes all the benefits from the previous two tiers</i></li>
</ul>
<p style="padding-top: 1em; font-size: 15px"
><i
>Includes all benefits from the previous tiers.<br />Limited customization
available</i
></p
>
</div>
<div class="sponsor-indicator" style="background-color: var(--gold-sponsor)"></div>
</div>
</div>

<div class="pure-u-md-1-4">
<div
class="sponsor-card flex flex-center flex-column rounded"
style="box-shadow: 0 0 20px 2px rgba(240, 79, 120, 0.5)"
>
<div class="sponsor-card flex flex-center flex-column rounded sponsor-card-platinum">
<div class="sponsor-content">
<h1>Executive Platinum</h1>
<p>$1500+</p>
Expand All @@ -380,16 +381,31 @@ <h1>Executive Platinum</h1>
</p>
<ul>
<li>Exclusive naming rights for a major event or activity</li>
<li>Priority booth placement and additional booth time</li>
<li>Priority booth placement with a guarenteed slot</li>
<li>Customized marketing and recognition opportunities</li>
<li>Prominent logo placement on our T shirt</li>
<li>Temporary logo placement on our homepage</li>
<li>And more!</li>
<li><i>Includes all the benefits from all the other tiers</i></li>
</ul>
<p style="padding-top: 1em; font-size: 15px"
><i
>Includes all benefits from the previous tiers.<br />Customization Available</i
></p
>
</div>
<div class="sponsor-indicator" style="background-color: var(--platinum)"></div>
<div
class="sponsor-indicator"
style="background-color: var(--platinum-sponsor)"
></div>
</div>
</div>
</div>
<p style="color: var(--offwhite); font-size: smaller">
<span style="line-height: 1.5em">
<sup>* </sup>This option requires confirming a month before hackStoga.<br /></span
><sup>** </sup>At this tier, classroom and booth time are subject to availability.<br />&nbsp;&nbsp;&nbsp;&nbsp;We'll
let you know before payment if we can't accomodate your request.
</p></div
>
</div>

<div class="pure-u-md-1-1" style="height: 10vh">
Expand Down Expand Up @@ -452,7 +468,7 @@ <h2>Richard Zhang</h2>
<div class="leadership-card rounded">
<img class="pure-img rounded" src="/media/admins/24ZhangW.png" />
<h3 style="color: var(--gold)">Co-President</h3>
<h2>WIlson Zhang</h2>
<h2>Wilson Zhang</h2>
<a href="mailto:[email protected]"
><p style="font-size: smaller">[email protected]</p></a
>
Expand All @@ -473,7 +489,7 @@ <h2>Rhea Malik</h2>
<div class="pure-u-md-1-6" id="leadership-card">
<div class="leadership-card rounded">
<img class="pure-img rounded" src="/media/admins/24DavisD.png" />
<h3 style="color: var(--magenta)">Senior Officer</h3>
<h3 style="color: var(--almond)">Senior Officer</h3>
<h2>Daniel Davis</h2>
<a href="mailto:[email protected]"
><p style="font-size: smaller">[email protected]</p></a
Expand All @@ -484,7 +500,7 @@ <h2>Daniel Davis</h2>
<div class="pure-u-md-1-6" id="leadership-card">
<div class="leadership-card rounded">
<img class="pure-img rounded" src="/media/admins/24MohileA.png" />
<h3 style="color: var(--silver-sponsor)">Officer</h3>
<h3 style="color: var(--almond)">Officer</h3>
<h2>Anay Mohile</h2>
<a href="mailto:[email protected]"
><p style="font-size: smaller">[email protected]</p></a
Expand Down
14 changes: 14 additions & 0 deletions style/hackstoga_sponsor.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -180,6 +180,20 @@ a:active {
transition: transform ease 300ms;
}

@keyframes glow {
0%,
100% {
box-shadow: 0 0 20px 2px rgba(240, 79, 120, 0.35);
}
50% {
box-shadow: 0 0 20px 2px rgba(240, 79, 120, 0.8);
}
}

.sponsor-card-platinum {
animation: glow 5s ease-in-out infinite;
}

/* trailer embed */
#trailer {
position: relative;
Expand Down
1 change: 1 addition & 0 deletions style/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
--dark: #212121;
--darker: #121212;
--superdark: #0a0a0a;
--almond: #ffebcd;
--light: #fefefe;
--superlight: #ffffff;
--red: #e83b3b;
Expand Down

0 comments on commit 2d1764b

Please sign in to comment.