Skip to content

Commit 4247fa2

Browse files
ryanmrryanmr
committed
Creates a secondary version of sponsor ops
1 parent 5a757fd commit 4247fa2

File tree

1 file changed

+116
-0
lines changed

1 file changed

+116
-0
lines changed

‎src/sponsorship-opportunities2.html‎

Lines changed: 116 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
---
2+
title: Sponsorship Opportunities
3+
layout: base
4+
---
5+
6+
<div class="container mx-auto p-2">
7+
<div class="text-center mb-10">
8+
<h1 class="text-3xl">Plans</h1>
9+
<p class="text-xl">Choose any of our our plans and join our community</p>
10+
</div>
11+
12+
<div
13+
class="flex flex-wrap sm:flex-no-wrap space-x-0 sm:space-x-4 space-y-4 sm:space-y-0"
14+
>
15+
{# first option #}
16+
<div class="w-full sm:w-1/3">
17+
<div class="border-4 border-jsmn-yellow shadow-lg">
18+
<div class="px-2 text-center my-4">
19+
<h2 class="text-2xl">Silver</h2>
20+
<p class="text-xl">$250 / year</p>
21+
</div>
22+
<hr class="border-1 border-gray-400" />
23+
<div>
24+
<p class="my-4 font-bold lext-lg text-center px-2">
25+
Support our community!
26+
</p>
27+
<p class="uppercase text-gray-800 px-4 text-xs font-bold">
28+
What's included
29+
</p>
30+
<div class="my-4 w-full flex justify-center px-4">
31+
<ul class="list-check ml-4 list-outside space-y-4 plc-4">
32+
<li>Website: Link &amp; Logo on Sponsor page</li>
33+
<li>YouTube: End of video slide with others in this category</li>
34+
<li>Meetups: Joint slide with other sponsors at this level</li>
35+
</ul>
36+
</div>
37+
</div>
38+
</div>
39+
</div>
40+
41+
{# second option #}
42+
<div class="w-full sm:w-1/3">
43+
<div class="border-4 border-jsmn-yellow shadow-lg">
44+
<div class="px-2 text-center my-4">
45+
<h2 class="text-2xl">Gold</h2>
46+
<p class="text-xl">$1,000 / year</p>
47+
</div>
48+
<hr class="border-1 border-gray-400" />
49+
<div>
50+
<p class="my-4 font-bold lext-lg text-center px-2">
51+
Contribute to our community!
52+
</p>
53+
<p class="uppercase text-gray-800 px-4 text-xs font-bold">
54+
What's included
55+
</p>
56+
<div class="my-4 w-full flex justify-center px-4">
57+
<ul class="list-check ml-4 list-outside space-y-4 plc-4">
58+
<li>Website: Prominent link &amp; logo on sponsor page</li>
59+
<li>
60+
Meetups: Announcement of thanks by host with joint slide
61+
representing other sponsors from this category
62+
</li>
63+
<li>
64+
YouTube: Joint slide in video pre-roll with others from this
65+
category and link to website in the description
66+
</li>
67+
</ul>
68+
</div>
69+
</div>
70+
</div>
71+
</div>
72+
73+
{# third option #}
74+
<div class="w-full sm:w-1/3">
75+
<div class="border-4 border-jsmn-yellow shadow-lg">
76+
<div class="relative hidden sm:block">
77+
<div
78+
class="bg-white border-2 border-yellow-500 absolute top-0 left-0 -mt-4 -ml-4 transform -rotate-25 inline-block p-2 shadow"
79+
>
80+
<small class="font-bold">Best Value</small>
81+
</div>
82+
</div>
83+
<div class="px-2 text-center my-4">
84+
<h2 class="text-2xl">Platinum</h2>
85+
<p class="text-xl">$2,500 / year</p>
86+
</div>
87+
<hr class="border-1 border-gray-400" />
88+
<div>
89+
<p class="my-4 font-bold lext-lg text-center px-2">
90+
Join our community at the highest contribution tier and show that
91+
your organization rocks!
92+
</p>
93+
<p class="uppercase text-gray-800 px-4 text-xs font-bold">
94+
What's included
95+
</p>
96+
<div class="my-4 w-full flex justify-center px-4">
97+
<ul class="list-check ml-4 list-outside space-y-4 plc-4">
98+
<li>Website: Link &amp; Logo on front page (and sponsor page)</li>
99+
<li>
100+
Meetups: Dedicated standalone slide with thanks and description
101+
of services by host at the start of the meetup &amp; website
102+
link on Meetup.com
103+
</li>
104+
<li>
105+
YouTube: 15 Second Video Intro with standalone slide (including
106+
link in description)
107+
</li>
108+
</ul>
109+
</div>
110+
</div>
111+
</div>
112+
</div>
113+
114+
<!-- end -->
115+
</div>
116+
</div>

0 commit comments

Comments
 (0)