-
Notifications
You must be signed in to change notification settings - Fork 2
/
ourteam.html
117 lines (104 loc) · 5.53 KB
/
ourteam.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Our Team</title>
<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="320" />
<meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/ourteam.css"/>
<link rel="stylesheet" href="css/index.css" />
</head>
<body class="body-pic-opacity">
<script src="js/googlemap.js" type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKoGxMcAOsuZNeZad00_fXCr0hGRwNK_Y" type="text/javascript"></script>
<script>
window.fbAsyncInit = function () {
FB.init({
appId: '693793764025212',
xfbml: true,
version: 'v2.0'
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) { return; }
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="fb-root"></div>
<script>
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=693793764025212&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<nav class="navbar navbar-inverse navbar-fixed-top navbar-opacity" role="navigation">
<div class="container">
<div class="navbar-header">
<!-- Logo -->
<a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="" /></a>
<!-- Hamburger Button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li><a href="login.html">Login</a></li>
<li class="active"><a href="ourteam.html">Our Team</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron grey-background">
<div>
<font color="black">
<h1>This is Our Team</h1>
<p>We, the three of us, started from BuildCamp in Sunnyvale, California.</p>
<p>If you like us, please like our page by clicking on the button below!</p>
<div class="fb-like" data-href="https://www.facebook.com/ideapilepage" data-width="100" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
</font>
</div>
</div>
<div class="container marketing">
<!-- Three columns of text below the carousel -->
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="img/kevin-profile.jpeg" style="width: 140px; height: 140px;">
<h2>Kevin Kang</h2>
<p>Kevin is from Bellevue, Washington and goes to Newport High School. He is an upcoming senior and planning to major in Computer Science in college.</p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="img/amitPic.jpg" style ="width: 140px; height: 140px;">
<h2>Amit Saxena</h2>
<p>Amit is from Cupertino, California and goes to Homestead High. He is a rising senior and plans to pursue his PHD in compuer science in UC DeAnza(he allready has his masters degree.)</p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" src="img/bunny.jpg" style="width: 140px; height: 140px;">
<h2>Sydney Lio</h2>
<p>Sydney is from the bay area but is currently attending the University of Southern California. He is a rising sophmore and currently pursuing an degree in computer science</p>
<p><a class="btn btn-default" href="#" role="button">View details »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<!-- START THE FEATURETTES -->
</div><!-- /.container -->
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
</body>
</html>
<!--<div class="fb-like" data-href="https://www.facebook.com/ideapilepage" data-width="100" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>-->