-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
140 lines (127 loc) · 5.62 KB
/
about.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
<!DOCTYPE HTML>
<!--
Linear by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
<head>
<title>About Us</title>
<link href="shrimp.ico" rel="icon">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body>
<!-- Header -->
<div id="header">
<div id="nav-wrapper">
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Homepage</a></li>
<li class="active"><a href="about.html">About</a></li>
<li><a href="team-contract.html">Team Contract</a></li>
<li><a href="meeting-minutes.html">Meeting Minutes</a></li>
<li><a href="ethics.html">Ethics Case Study</a></li>
</ul>
</nav>
</div>
<div class="container">
<!-- Logo -->
<div id="logo" style="font-family: Ubuntu; font-weight: bold; font-size:98%;">
<h1><a href="index.html">team-shrimp-cracker</a></h1>
<span class="tag">A robotics team dedicated to jamming the most flavor in a little robot.</span>
</div>
</div>
</div>
<!-- Header -->
<!-- Main -->
<div id="main">
<div id="content" class="container" style="text-align: center;">
<section>
<header>
<h2>MEET OUR TEAM!</h2>
<br><br>
<!-- <span class="byline">everyone is very happy to be at competition.</span>-->
</header>
<h2 style="font-size:200%; margin-bottom: 2%;"> an accumulated 56 years of programming experience:</h2>
<img src="images/malavika.jpg" alt="i was gonna put a picture here" style="width:20%; margin-right:3%;">
<img src="images/boyi.jpg" alt="i was gonna put a picture here" style="width:20%; margin-right:3%;">
<img src="images/frank.jpg" alt="i was gonna put a picture here" style="width:20%">
<p> the cs gurus who bring you high-functioning shrimps, as well as the graphic display of where to find said shrimps.</p>
<br>
<div style="width:40%; display:inline-block; float:right; margin-right:7%;">
<h2 style="font-size:200%; margin-bottom: 5%;">"graphic design is my passion"</h2>
<img src="images/shirley.png" alt="i was gonna put a picture here" style="width:50%">
<p>owns the inspirational family-size bag of shrimp crackers and is also responsible for this website.</p>
</div>
<div style="width:40%; display:inline-block;">
<h2 style="font-size:200%; margin-bottom: 5%;">Father of the Modern Day Shrimp</h2>
<img src="images/adam.jpg" alt="i was gonna put a picture here" style="width:50%">
<p>the CADMASTER™, responsible for all the sleek and speedy shrimps you've seen running through mazes lately.</p>
</div>
<!--
<div style="display:inline;"><img src="images/malavika.jpg" alt="i was gonna put a picture here" style="width:30%"><h3>MALAVIKA ATTALURI </h3></div>
<div style="display:inline;"><img src="images/boyi.jpg" alt="i was gonna put a picture here" style="width:30%">
<h3>BOYI XU</h3></div>
<div style="display:inline;"><img src="images/frank.jpg" alt="i was gonna put a picture here" style="width:30%">
<h3>FRANK LI</h3></div>
-->
<!--
<div class="row">
<section class="4u">
<span class="pennant"><img src="images/malavika.jpg" alt="i was gonna put a picture here" style="width:50%"></span><h3>MALAVIKA ATTALURI </h3>
</section>
<section class="4u">
<span class="pennant"><img src="images/boyi.jpg" alt="i was gonna put a picture here" style="width:50%"></span>
<h3>BOYI XU</h3>
</section>
<section class="4u">
<span class="pennant"><img src="images/frank.jpg" alt="i was gonna put a picture here" style="width:50%"></span>
<h3>FRANK LI</h3>
</section>
</div>
-->
<!--
<div class="row">
<section class="4u">
<span class="pennant"><img src="images/adam.jpg" alt="i was gonna put a picture here" style="width:50%"></span><h3>ADAM WELD</h3>
</section>
<section class="4u">
<span class="pennant"><img src="images/boyi.jpg" alt="i was gonna put a picture here" style="width:50%"></span>
<h3>BOYI XU</h3>
</section>
</div>
-->
</section>
</div>
</div>
<!-- /Main -->
<!-- Tweet -->
<div id="tweet">
<div class="container">
<section>
<blockquote style="font-family:Ubuntu; letter-spacing: 2px;">no bad robots</blockquote>
</section>
</div>
</div>
<!-- Copyright -->
<div id="copyright">
<div class="container">
website design from <a href="http://templated.co">TEMPLATED</a>
<br>
</div>
</div>
</body>
</html>