-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsponsor.html
131 lines (119 loc) · 6.38 KB
/
sponsor.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SOLIS Energy: Our Sponsors</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link href="css/styles.css" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oxygen&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
<link rel="icon" type="image/x-icon" href="images/logos/SOLIS_FAVICON.png">
<link rel="stylesheet" href="https://use.typekit.net/lvu2tyx.css">
</head>
<body>
<nav class="navbar main-bg navbar-expand-lg mobile navbar-dark">
<div class="container-fluid">
<input name="search" type="search" class="search" placeholder="Search">
<button class="navbar-toggler hamburber" type="button" data-bs-toggle="collapse" data-bs-target="#main-nav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main-nav">
<ul class="navbar-nav ">
<li class="nav-item"><a class="nav-link text-light" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link text-light" href="flavors.html">Flavors</a></li>
<li class="nav-item"><a class="nav-link text-light" href="events.html">Events</a></li>
<li class="nav-item"><a class="nav-link text-light" href="sponsor.html">Sponsors</a></li>
<li class="nav-item"><a class="nav-link text-light" href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<nav class="navbar main-bg navbar-expand desktop navbar-dark">
<div class="container-fluid">
<a href="index.html" class="navbar-brand">SOLIS</a>
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link text-light rounded" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link text-light rounded" href="flavors.html">Flavors</a></li>
<li class="nav-item"><a class="nav-link text-light rounded" href="events.html">Events</a></li>
<li class="nav-item"><a class="nav-link text-light rounded" href="sponsor.html">Sponsors</a></li>
<li class="nav-item"><a class="nav-link text-light rounded" href="contact.html">Contact</a></li>
<input name="search" type="search" class="search m-2" placeholder="Search">
</ul>
</div>
</nav>
<header class="text-center border-bottom border-2 border-brand main-bg">
<div class="container-fluid">
<a class="desktop logo-img" href="flavors.html"><img src="images/logos/SOLIS_BANNER(2).png" alt="solis banner"></a>
<a class="mobile logo-img" href="index.html"><img src="images/logos/SOLIS_LOGO(1).png" alt="solis logo"></a>
</div>
</header>
<main class="bg-white">
<div class="container">
<h1>Our Sponsors</h1>
<p>SOLIS has partnered with Sci-fi Rock band STARSET to bring you the exclusive “STARSET Starlight”.</p>
<p>A sponsored tour “Into The Horizon” from STARSET featuring Thirty Seconds To Mars will start on (TBD) and end on (TBD). Shows will happen all over the U.S! Tickets Are Available Now! </p>
<p><a href="https://twitter.com/starsetonline">Click here to find more information on the tour!</a></p>
<div class="mobile container-orange rounded-5 pt-2 pb-2">
<h2>STARSET Starlight</h2>
<img src="images/cans/png/TM_STARSET-STARLIGHT.png" class="limited-flavor" alt="STARSET Starlight">
<p class="pb-2">STARSET Starlight is our newest flavor that was made in collaberation with the electronic rock band STARSET! It has a bright pear flavor that opens up your eyes to other worlds then these!</p>
</div>
<div class="desktop pt-2 pb-2 container-orange rounded-5">
<div class="row">
<div class="col-6 pt-3">
<img src="images/cans/png/TM_STARSET-STARLIGHT.png" class="limited-flavor" alt="STARSET Starlight">
</div>
<div class="col-6 my-auto">
<h2>STARSET Starlight</h2>
<p>STARSET Starlight is our newest flavor that was made in collaberation with the electronic rock band STARSET! It has a bright pear flavor that opens up your eyes to other worlds then these!</p>
</div>
</div>
</div>
<div class="mobile">
<img class="rounded mt-3 mb-3" src="images/starsetlive-1.jpg" alt="starset on tour">
<img class="rounded mt-3 mb-3" src="images/starsetlive-2.jpg" alt="starset live">
</div>
<div class="desktop container">
<div class="row">
<div class="col-6">
<img class="rounded mt-3 mb-3" src="images/starsetlive-1.jpg" alt="starset on tour">
</div>
<div class="col-6">
<img class="rounded mt-3 mb-3" src="images/starsetlive-2.jpg" alt="starset live">
</div>
</div>
</div>
<img src="images/logos/STARSET_TOUR_BANNER.png" class="rounded mt-4 mb-4" alt="STARSET tour poster">
</div>
</main>
<div class="container-fluid main-bg footer-nav border-top border-2 border-brand">
<footer>
<ul class="nav justify-content-center">
<li class="nav-item">
<a href="index.html" class="nav-link px-2 text-white rounded">Home</a>
</li>
<li class="nav-item">
<a href="flavors.html" class="nav-link px-2 text-white rounded">Flavors</a>
</li>
<li class="nav-item">
<a href="events.html" class="nav-link px-2 text-white rounded">Events</a>
</li>
<li class="nav-item">
<a href="sponsor.html" class="nav-link px-2 text-white rounded">Sponsors</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link px-2 text-white rounded">Contact</a>
</li>
</ul>
<p class="text-center text-white pb-1">© 2023 SOLIS, Inc. <i class="icons bi bi-instagram"></i><i class="icons bi bi-twitter"></i><i class="icons bi bi-facebook"></i></p>
</footer>
</div>
<!--------------------------------------------->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</body>
</html>