-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
99 lines (68 loc) · 3.68 KB
/
team.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
<!DOCTYPE html>
<html>
<head>
<title>Team</title>
<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.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<!-- 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.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-dark">
<a class="navbar-brand" href="home.html"><span id="top-left">Art Abstracted</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="home.html"><span class="color">Home</span> <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html"><span class="color" id="teal">Team</span></a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#"><span class="color">About</span></a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron">
<h1 class="display-4">The Curators</h1>
<hr class="my-4">
<p class="lead">Seeking out greatness.</p>
</div>
<div class="row">
<div class="col-md-4">
<img alt="jonah" src="images/jonah.jpg" class="rounded-circle">
<h2>Jonah Peretz</h2>
<h4>Co-founder</h4>
<p>The origin of the concept. Jonah first came up with the idea during his second year in college. Since then, the company has grown exponentially. Through all of this growth, he has managed to keep his original vision intact and continues to be a leader in the industry.</p>
<button type="button" class="btn btn-info">View More</button>
</div>
<div class="col-md-4">
<img alt="mia" src="images/mia.jpg" class="rounded-circle">
<h2>Mia Baker</h2>
<h4>Co-founder</h4>
<p>Since the company's inception, Mia has overseen the logistics of expansion, curation, and finances. She has been instrumental in management and invaluable to this team.</p>
<button type="button" class="btn btn-info">View More</button>
</div>
<div class="col-md-4">
<img alt="jaden" src="images/jaden.jpg" class="rounded-circle">
<h2>Jaden Guron-Lee</h2>
<h4>Lead Curator</h4>
<p>Jaden has a singular ability to recognize talent early on. His keen eye is what has allowed us to bring in artists before they are noticed by others in the industry. No one does it better than him.</p>
<button type="button" class="btn btn-info">View More</button>
</div>
</div>
<div id="footer">
<hr class="my-4">
<p>Art Abstracted, LLC.</p>
</div>
</body>
</html>