-
Notifications
You must be signed in to change notification settings - Fork 4
/
ourvalues.html
144 lines (122 loc) · 8.58 KB
/
ourvalues.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Values - 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="ourvalues-banner">
<div id="ourvalues-banner-image" class="rellax"></div>
<div id="banner-text">
<h1>Our Values</h1>
<h3>At the heart of how we conduct ourselves as a team are our values.</h3>
</div>
</section>
<section class="page-content" id="ourvalues-content">
<div class="container-fluid py-xs-0 py-md-4" id="values">
<div class="px-lg-5 px-xs-0">
<div class="card-deck pb-3 pb-lg-5 pt-4 pt-lg-5 px-2 px-sm-4 px-lg-5">
<div class="card px-3 px-lg-3 titan-blue-sm titan-blue-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Respect</h2>
<p>
When communicating and participating in this student-led team all members must be aware of others’ feelings and traditions. While working together our students value the input of mentors who take time to teach and help around. Our mentors treat the students as individuals with the right and responsibility to make decisions. 5431 is a team that relies on respect and the courtesy of our members to build a successful robot.
</p>
</div>
</div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-purple-sm titan-purple-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Honesty</h2>
<p>
In our team it is important that our communication is as sincere as possible. When a new idea comes into play it is important to know how everyone feels about it. Having sincere communication also means we are more open to helping each other; from different sub-teams within the team or in interpersonal communication between FRC teams. With this honesty, we can build a close community which brings us to our next value of Teamwork!
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-sm-block d-xl-none"><!-- wrap every 2 on sm--></div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-purple-sm titan-blue-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Openness</h2>
<p>
We value openness among our subteams and teammates to keep the entire team in the loop. Before a robotics meeting concludes, we set aside time for updates. During this time, each subteam lead will give a summary about what they accomplished during the meeting. This allows the team to work fluidly together and contribute to the thought process. A subteam could help another subteam come up with a unique solution so that is why we value openness.
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-xl-block"><!-- wrap every 3 on xl--></div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-blue-sm titan-purple-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Teamwork</h2>
<p>
Comprised of various sub teams, Titan Robotics understands the need for teamwork. Each subteam fills an important role through expertise, with in various projects members of each subteam work together to create videos, speeches, code, and mechanical components. By working with other teams we are able to host an NTX Robotics Off-Season Tournament each year, bringing fun experiences to robotics teams and enabling us to share the benefits that come with hosting an event.
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-sm-block d-xl-none"><!-- wrap every 2 on sm--></div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-blue-sm titan-blue-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Accountability</h2>
<p>
Our team believes in taking responsibility for our words, actions, assignments, and projects. Accountability enables us to use our time and resources productively. By using project timeline softwares we are able to assign jobs, due dates, and resources to specific projects. Doing this allows us to hold ourselves accountable and achieve great things!
</p>
</div>
</div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-purple-sm titan-purple-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Learning</h2>
<p>
We take learning seriously while having fun with the team. During the fall our team hosts a Coach and Mentor Workshop where different teams and coaches come together to offer tips and advice to each other. When our team is being mentored by a professional, we watch and take notes so we can learn more about what they do.
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-sm-block d-xl-none"><!-- wrap every 2 on sm--></div>
<div class="w-100 pt-4 d-none d-xl-block"><!-- wrap every 3 on xl--></div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-purple-sm titan-blue-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Commitment</h2>
<p>
Robotics requires us to make a commitment to each other and to our school. Every single team member is dedicated to making each project, each robot, and each year the best it can be. When everyone is committed to the team, we can rely on each other.
</p>
</div>
</div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-blue-sm titan-purple-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Spirit</h2>
<p>
Our love for robotics comes alive at events with our spirit! We make it LOUD! From the hats, the shirts, the pants, the pits, the blue beards, and lipstick, we rock it everywhere we go! It doesn’t matter if it’s an elementary STEAM Night, the ballpark, or Worlds in Houston — LET’S GO TITANS!!! <b>FIFTY-FOUR!!! THIRTY-ONE!!!</b>
</p>
</div>
</div>
<div class="w-100 pt-4 d-none d-sm-block d-xl-none"><!-- wrap every 2 on sm--></div>
<div class="card px-3 px-lg-3 mt-3 mt-sm-0 titan-blue-sm titan-blue-xl">
<div class="card-body px-3 px-sm-4 px-lg-5 py-5 py-sm-5">
<h2>Integrity</h2>
<p>
Working on so many tasks in different places our student-led team honors and values the act of Integrity. We all love to pitch in and having the integrity to pick up a new task when no one is watching is such an integral part of how 5431 works. Integrity encompasses the principle of Gracious Professionalism, sportsmanship and noble decisions. When our members have integrity they are role models to each other and others in the FIRST organization.
</p>
</div>
</div>
</div>
</div>
<div class="col-xl-4 invisible d-none d-xl-block"><!-- ghost element for 3x3 grid -->></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>