-
Notifications
You must be signed in to change notification settings - Fork 4
/
oursponsors.html
147 lines (135 loc) · 6.9 KB
/
oursponsors.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Sponsors - 5431 Titan Robotics</title>
<meta name="description" content="FRC 5431 Titan Robotics strives to develop student leaders by collaborating to solve complex problems.">
<!--Bootstrap-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" href="/img/universal/titlelesslogo.png">
<link rel="icon" type="image/x-icon" href="/img/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="/img/favicon.ico">
</head>
<body>
<!--Navigation bar-->
<div id="navbar"></div>
<main>
<!--Top banner-->
<section id="oursponsors-banner">
<div class="rellax" id="oursponsors-banner-image"></div>
<div id="banner-text">
<h1>Our Sponsors</h1>
<h3>Titan Robotics expresses its deep gratitude to the generosity of its sponsors.</h3>
</div>
</section>
<section class="page-content" id="oursponsors-content">
<div class="container-fluid py-xs-0 py-md-4" id="sponsors">
<div class="card-deck py-3 px-md-5 px-4">
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/PISD.png" alt="Plano ISD">
<div class="card-body">
<h4 class="card-title">Plano ISD</h4>
<a href="https://www.pisd.edu/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Booster_Club.png" alt="Titan Robotics Booster Club">
<div class="card-body">
<h4 class="card-title">Booster Club</h4>
<a href="https://titanroboticsbc.wixsite.com/home/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-sm-block d-lg-none"><!-- wrap every 2 on sm--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/FIRST_TX.png" alt="FIRST in Texas">
<div class="card-body">
<h4 class="card-title">FIRST in Texas</h4>
<a href="https://firstintexas.org/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-lg-block d-xl-none"><!-- wrap every 3 on lg--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/PAHS.png" alt="Plano ISD Academy High School">
<div class="card-body">
<h4 class="card-title">Plano ISD Academy</h4>
<a href="https://www.pisd.edu/academy" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-sm-block d-lg-none"><!-- wrap every 2 on sm--></div>
<div class="w-100 py-2 d-none d-xl-block"><!-- wrap every 4 on xl--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Capital_One.png" alt="Capital One">
<div class="card-body">
<h4 class="card-title">Capital One</h4>
<a href="https://www.capitalone.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Best_Buy.png" alt="Best Buy">
<div class="card-body">
<h4 class="card-title">Best Buy</h4>
<a href="https://www.bestbuy.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-sm-block d-lg-none"><!-- wrap every 2 on sm--></div>
<div class="w-100 py-2 d-none d-lg-block d-xl-none"><!-- wrap every 3 on lg--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Diamond_Data.jpg" alt="Diamond Data">
<div class="card-body">
<h4 class="card-title">Diamond Data</h4>
<a href="https://theuniformsolution.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Texas_Workforce_Commission.png" alt="Texas Workforce Commission">
<div class="card-body">
<h4 class="card-title">TWC</h4>
<a href="https://www.twc.texas.gov/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-sm-block d-lg-none"><!-- wrap every 2 on sm--></div>
<div class="w-100 py-2 d-none d-xl-block"><!-- wrap every 4 on xl--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Cali_Kind.png" alt="Cali Kind">
<div class="card-body">
<h4 class="card-title">Cali Kind</h4>
<a href="https://www.calikind.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-lg-block d-xl-none"><!-- wrap every 3 on lg--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Texas_Instruments.png" alt="Cali Kind">
<div class="card-body">
<h4 class="card-title">Texas Instruments</h4>
<a href="https://www.ti.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="w-100 py-2 d-none d-sm-block d-lg-none"><!-- wrap every 2 on sm--></div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/Raising Canes.png" alt="Raising Canes">
<div class="card-body">
<h4 class="card-title">Raising Canes</h4>
<a href="https://www.raisingcanes.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
<div class="card">
<img class="card-img-top px-3 py-2" src="img/Logos/SolidWorks.png" alt="SolidWorks">
<div class="card-body">
<h4 class="card-title">SolidWorks</h4>
<a href="https://www.solidworks.com/" class="btn btn-primary btn-lg">Learn more</a>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</section>
</main>
<!--JS Files-->
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="rellax.min.js"></script>
<script src="script.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>