-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathteam.html
More file actions
111 lines (101 loc) · 6.24 KB
/
Copy pathteam.html
File metadata and controls
111 lines (101 loc) · 6.24 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Our Team</title>
<!--Logo-->
<link rel="icon" href="https://media.discordapp.net/attachments/694477786131202048/837892559014723594/Datart_Logo.png">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<!--Linking CSS file-->
<link rel="stylesheet" href="css/team.css">
<!--Fonts-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nunito&display=swap" rel="stylesheet">
</head>
<body>
<!--Navbar-->
<header class="header">
<nav class="navbar navbar-expand navbar-light">
<a class="navbar-brand" href="index.html">
<h1><span id="D">D</span><span class="a">a</span><span class="t">t</span><span class="a">a</span><span id="r">r</span><span class="t">t</span>
<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.5 20C26.5 27 24.7884 33.7762 19.6323 35.8915C9.8474 36.9492 2.11325 30.1919 1 19.1185C1 8.27961 9.50965 0 20.3177 0C29.3027 1.01408 29.5 13.5 23.5 20Z" fill="#F5C599"/>
<circle cx="21.1025" cy="4.8277" r="2" fill="#0460D9"/>
<circle cx="11.2737" cy="8.56018" r="2" fill="#03A688"/>
<circle cx="7" cy="18" r="2" fill="#F23847"/>
<circle cx="10" cy="27" r="2" fill="#BFB41B"/>
<circle cx="18.8291" cy="31.8477" r="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.2501 19.1251C35.2501 21.0738 34.4677 22.8399 33.2 24.1262L28.1251 31L23.0503 24.1264C21.7824 22.8401 21 21.0739 21 19.1251C21 15.19 24.19 12 28.1251 12C32.0601 12 35.2501 15.19 35.2501 19.1251ZM28.2016 22.3907C30.4018 22.3907 32.1855 20.6628 32.1855 18.5313C32.1855 16.3998 30.4018 14.6719 28.2016 14.6719C26.0013 14.6719 24.2177 16.3998 24.2177 18.5313C24.2177 20.6628 26.0013 22.3907 28.2016 22.3907Z" fill="#F23847"/>
</svg>
</h1>
</a>
<!--Responsive menu button-->
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> -->
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html"><span>Home</span><span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html"><span>#Gallery</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="team.html"><span>Team</span><span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"><span>About</span></a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<article id="ourTeam">
<div class="container">
<h2 class="centerh2" id="h2_ourTeam">Our Team</h2>
<div class="row">
<div class="col-sm">
<img class="mx-auto d-block" src="https://camo.githubusercontent.com/3704fdc00ec82fdd1bab2074897f7b1611735f741b05d60a1af9f256b7d73c37/68747470733a2f2f6d656469612e646973636f72646170702e6e65742f6174746163686d656e74732f3639343437373738363133313230323034382f3832393933393438303733353634353733372f696d616765302e6a7067" alt = "avatar_Annmarie" width="250" height="250"/>
<h3>Annmarie Cong</h3>
<h4>UX Designer</h4>
<p>
Annmarie is a fourth year Cognitive Science major specializing in Computing and minoring in Digital Humanities.
She has experience in UX, and will be reponsible to make the site as user-friendly as possible.
</p>
</div>
<div class="col-sm">
<img class="mx-auto d-block" src="https://cdn.discordapp.com/attachments/694477786131202048/837983141973065768/profile_Eustina.png" alt = "pic_Eustina" width="250" height="250"/>
<h3>Eustina Kim</h3>
<h4>Mapping Specialist</h4>
<p>
Eustina is a fourth year Statistics major and Digital Humanities minor.
For this project, she will be helping with coding interactive maps and doing data analysis.
</p>
</div>
<div class="col-sm">
<img class="mx-auto d-block" src="https://media.discordapp.net/attachments/838140640537346049/838612775512571904/MichelleLee.png?width=559&height=559" alt = "avatar_Michelle" width="250" height="250"/>
<h3>Michelle Lee</h3>
<h4>Data Specialist</h4>
<p>
Michelle is a third year Statistics major and Digital Humanities minor.
She has experience with data analysis and visualization. For this project,
she will help with data preprocessing and
providing insights/ideas to build the project.
</p>
</div>
</div>
</div>
</article>
</main>
</body>
</html>