-
Notifications
You must be signed in to change notification settings - Fork 0
/
values.html
229 lines (193 loc) · 8.69 KB
/
values.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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>2659 RoboWarriors</title>
<meta name="description" content="FIRST FRC team 2659 RoboWarriors, Bishop Alemany High School robotics team">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/mainlogo.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
<link href='https://fonts.googleapis.com/css?family=Russo One' rel='stylesheet'>
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/swiper.js"></script>
<script>
$(function(){
$("#insert1").load("navbar.html");
});
$(function(){
$("#insert2").load("subnavbar.html");
});
$(function(){
$("#insert3").load("footer.html");
});
</script>
<link rel="stylesheet" href="css/main.css" type="text/css">
<link rel="stylesheet" href="css/mobile.css" media="screen and (max-width: 990px)">
<style>
.north {
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* IE 9 */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
transition: transform 0.75s;
}
.west {
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-webkit-transform:rotate(90deg); /* Safari and Chrome */
transition: transform 0.75s;
}
.south {
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Safari and Chrome */
transition: transform 0.75s;
}
.east {
transform:rotate(270deg);
-ms-transform:rotate(270deg); /* IE 9 */
-webkit-transform:rotate(270deg); /* Safari and Chrome */
transition: transform 0.75s;
}
.swiper-container {
width:100%;
height:210px;
position:relative;
overflow:hidden;
z-index:1;
}
.swiper-slide {
width:100%;
height:100%;
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
</style>
</head>
<body>
<div class="all">
<div id="insert1" class="top"></div>
<div id="insert2"></div>
<div>
<img src="img/iPads.jpg" style="width: 100%; height: 30%; margin-top: 2.5px; position: relative; z-index: -1;">
</div>
<div class="nav_list hidden-xs">
<div class="nav_list_left">
<p class="sy"><a href="index.html"><span class="glyphicon glyphicon-home"></span></a></p>
<p><a href="about.html">About us</a></p>
<p><span class="glyphicon glyphicon-chevron-right"></span></p>
<p><a>Team values</a></p>
</div>
<ul class="nav_list_right">
<li><a href="about.html">Who we are</a></li>
<li><a href="history.html">History</a></li>
<li class="on"><a href="values.html">Values</a></li>
<li><a href="subteams.html">Subteams</a></li>
</ul>
</div>
<div class="default-bg container-fluid">
<div class="col-md-6">
<h2>Mission</h2>
<p>The mission of FIRST (For Inspiration and Recognition in Science and Technology)
and the Bishop ALemany High School Robotics Program is to inspire young people to be involved in science and technology.
By engaging students in exciting mentor-based programs that build science, engineering and technology based skills,
the Bishop Alemany Robotics Team will develop well-rounded team embers that value teamwork, innovation, leadership, and their faith.
</p>
<h2>Core Values</h2>
<p>At the heart of the mission, student and mentor team members collaborate to inspire interest, knowledge and application of STEM
and business skills. The RoboWarriors's Core Values: teamwork, communication, leadership, and faith, serve to bond the team members-
students and mentors alike-and provide a focus for all that the RoboWarriors do. The team uses these values to energize themselves
to sustain team success and contribute to the goal of spreading the word of FIRST.</p>
</div>
<div class="col-md-6 his_picimg text-center">
<img src="img/corevalues.png" class="north" id="img" width="100%">
<h4><em>Click the image to play flash</em></h4>
</div>
<div class="col-md-12">
<div class="swiper-container swiper1">
<a href="#" class="arrow-left arrow-left1"></a>
<a href="#" class="arrow-right arrow-right1"></a>
<div class="swiper-wrapper">
<div class="swiper-slide">
<h2 style="font-weight: bold">Teamwork</h2>
<hr>
<p>
<strong>The ability</strong> to work together towards a common vision.
The ability to direct individual accomplishment towards organizational objectives.
It is the fuel that allows common people to attain uncommon results.
</p>
</div>
<div class="swiper-slide">
<h2 style="font-weight: bold">Innovation</h2>
<hr>
<p>
<strong>Innovation</strong> and learning go hand-in-hand.
The arrogance of success is to think that what you did yesterday will be sufficient for today and tomorrow.
It is the fuel that drives us to be better every single day.
</p>
</div>
<div class="swiper-slide">
<h2 style="font-weight: bold">Faith</h2>
<hr>
<p>
<strong>Faith</strong> is commonly mislabeled belief without proof, but it's better explained as trust without reservation.
At the point where hope becomes hopeless, faith is the fuel that keeps us going.
</p>
</div>
<div class="swiper-slide">
<h2 style="font-weight: bold">Leadership</h2>
<hr>
<p>
<strong>The actions</strong> of a leader inspire people to dream more, learn more, do more, and become more.
Leaders set out to make a difference in the world and it is never about the role of being a leader, but about the goal of the team.
</p>
</div>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function() {
$('#img').click(function(){
var img = $('#img');
if(img.hasClass('north')){
img.attr('class','west');
}else if(img.hasClass('west')){
img.attr('class','south');
}else if(img.hasClass('south')){
img.attr('class','east');
}else if(img.hasClass('east')){
img.attr('class','north');
}
});
});
</script>
<script>
var mySwiper1 = new Swiper( '.swiper1', {
//pagination: '.pagination1',
loop: true,
spaceBetween: 0,
paginationClickable: true,
} )
$( '#img' ).on( 'click', function( e )
{
e.preventDefault()
mySwiper1.swipeNext()
} )
$(document).ready(function(){
$(window).load(function(){
$(".swiper1").height($(".main-content").height())
})
})
</script>
</div>
<footer>
<div id="insert3" class="social"></div>
</footer>
</body>
</html>