forked from EomLions/website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhelp.html
151 lines (146 loc) · 9.53 KB
/
help.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="static/images/7476LionsGold.png">
<title>7476 EOM Lions</title>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="static/css/general.css">
<link type="text/css" rel="stylesheet" href="static/css/navbar.css">
<link type="text/css" rel="stylesheet" href="static/css/carousel.css">
<link type="text/css" rel="stylesheet" href="static/css/help.css">
<link type="text/css" rel="stylesheet" href="static/css/collapsible.css">
<link type="text/css" rel="stylesheet" href="static/css/materialize.css" media="screen,projection">
<link type="text/css" rel="stylesheet" href="static/css/bootstrap.css">
</head>
<body>
<div class="yellow">
<!-- Main Navbar -->
<div class="navbar-fixed">
<nav class="green">
<div class="nav-wrapper">
<a href="/" class="brand-logo yellow-text">
<img id="logo" src="static/images/7476LionsGold.png">
<label class="section-header yellow-text brand-name">EOM LIONS</label>
</a>
<a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/" class="yellow-text">Home</a></li>
<li><a href="performance.html" class="yellow-text">Past Competitions</a></li>
<li class="active"><a class="yellow-text">How to Help</a></li>
<li><a href="#contact" class="yellow-text">Contact Us!</a></li>
</ul>
</div>
</nav>
</div>
<!--Mobile Navbar-->
<ul class="sidenav green" id="mobile-demo">
<li><a href="/" class="yellow-text">Home</a></li>
<li><a href="performance.html" class="yellow-text">Past Competitions</a></li>
<li class="active"><a class="yellow-text">How to Help</a></li>
<li><a class='dropdown-trigger btn nav-dropdown-trigger green yellow-text' data-target='contact-dropdown'>Contact us!</a>
<ul id='contact-dropdown' class='dropdown-content green'>
<li><a class="yellow-text" href="mailto:[email protected]?Subject=Contact%207476&Body=Hi EOM Lions!">Email</a></li>
<li><a class="yellow-text" href="https://www.instagram.com/eomlions7476/">Instagram</a></li>
<li><a class="yellow-text" href="#https://www.facebook.com/eom.lions.71">Facebook</a></li>
</ul>
</li>
<img id="George" class="responsive-img" src="static/images/George.jpg">
</ul>
<div class="section yellow lighten-4">
<label class="body-text sponsors-text">Building a robot and travelling to competitions is expensive, and would be impossible without the help of our amazing sponsors.</label>
<label class="body-text sponsors-text">If you would like to help our team this year and be part of our success, we would love to hear from you.</label>
<label class="sponsors-text body-text">Thank you to all of our current sponsors, whose invaluable support helped us build our robot and compete across the province.</label>
</div>
<div class="section yellow">
<h6 class="section-header">SPONSORSHIP LEVELS</h6>
</div>
<ul class="collapsible popout sponsor-collapsible" style="display: inline;">
<li>
<div class="collapsible-header green"><i class="material-icons">keyboard_arrow_right</i>Platinum Sponsors ($5000+)</div>
<div class="collapsible-body yellow lighten-4">
<div class="valign-wrapper" style="overflow: auto;">
<ul class="left-align">
<li>- X-large logo displayed on robot</li>
<li>- Name, logo and company website link on website</li>
<li>- Name on team merchandise (Large)</li>
<li>- Name included in team introduction</li>
<li>- Name and logo on Sponsor Board at competitions (Large)</li>
<li>- Name and logo displayed at outreach events</li>
</ul>
<img src="static/images/Platinum_Sponsors.png" style="width: 50%; height: auto; float: right;">
</div>
<a href="mailto:[email protected]?Subject=Platinum Sponsorship " class="waves-effect waves-light btn btn-large yellow black-text"> Become a Platinum Sponsor!</a>
</div>
</li>
<li>
<div class="collapsible-header green"><i class="material-icons">keyboard_arrow_right</i>Gold Sponsors ($2000 - $4999)</div>
<div class="collapsible-body yellow lighten-4">
<div class="valign-wrapper" style="overflow: auto;">
<ul class="left-align">
<li>- Large logo displayed on robot</li>
<li>- Name and logo on website</li>
<li>- Name on team merchandise (Medium)</li>
<li>- Name and logo on Sponsor Board at competitions</li>
<li>- Name and logo displayed at outreach events</li>
</ul>
<img src="static/images/Gold_Sponsors.png" style="width: 50%; height: auto; float: right;">
</div>
<a href="mailto:[email protected]?Subject=Gold Sponsorship " class="waves-effect waves-light btn btn-large yellow black-text"> Become a Gold Sponsor!</a>
</div>
</li>
<li>
<div class="collapsible-header green"><i class="material-icons">keyboard_arrow_right</i>Silver Sponsors ($1000 - $1999)</div>
<div class="collapsible-body yellow lighten-4">
<div class="valign-wrapper" style="overflow: auto;">
<ul class="left-align">
<li>- Name or logo displayed on robot</li>
<li>- Logo displayed on website</li>
<li>- Name on Sponsor Board at competitions</li>
</ul>
<img src="static/images/Silver_Sponsors.png" style="width: 50%; height: auto; float: right;">
</div>
<a href="mailto:[email protected]?Subject=Silver Sponsorship " class="waves-effect waves-light btn btn-large yellow black-text"> Become a Silver Sponsor!</a>
</div>
</li>
<li>
<div class="collapsible-header green"><i class="material-icons">keyboard_arrow_right</i>Bronze Sponsors ($500 - $999)</div>
<div class="collapsible-body yellow lighten-4">
<div class="valign-wrapper" style="overflow: auto;">
<ul class="left-align">
<li>- Name or logo displayed on robot</li>
<li>- Name displayed on website</li>
<li>- Name on Sponsor Board at competitions</li>
</ul>
<img src="static/images/Bronze_Sponsors.png" style="width: 50%; height: auto; float: right;">
</div>
<a href="mailto:[email protected]?Subject=Bronze Sponsorship " class="waves-effect waves-light btn btn-large yellow black-text"> Become a Bronze Sponsor!</a>
</div>
</li>
</ul>
<footer class="page-footer green
" id="contact">
<div class="container">
<div class="row">
<h5 class="white-text">Contacts</h5>
<ul>
<p><li><a class="footer-links waves-effect waves-light grey-text text-lighten-3" href="mailto:[email protected]?Subject=Sponsorship&Body=Hi EOM Lions!">Email: [email protected]</a></li></p>
<p><li><a class="footer-links waves-effect waves-light grey-text text-lighten-3" target="_blank" href="https://www.instagram.com/eomlions7476/">Instagram: eomlions7476</a></li></p>
<p><li><a class="footer-links waves-effect waves-light grey-text text-lighten-3" target="_blank" href="https://www.facebook.com/eom.lions.71">Facebook: eomlions71</a></li></p>
</ul>
</div>
</div>
<div class="footer-copyright">
<div class="container">
© 2020 7476 EOM Lions
</div>
</div>
</footer>
</div>
<!--Scripts-->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script type="text/javascript" src="static/js/materialize.js"></script>
<script type="text/javascript" src="static/js/init.js"></script>
<script type="text/javascript" src="static/js/bootstrap.js"></script>
</body>