-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (91 loc) · 5.06 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Team</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section>
<div class="container">
<h1 class="heading">Meet The Team</h1>
<div class="card-wrapper">
<div class="card">
<img src="images/card-background.jpg" alt="card background" class="card-img">
<img src="images/Steven-Moran.jpg" alt="profile images" class="profile-img">
<h1>Steven Moran</h1>
<p class="job-title">Tax Accountant</p>
<p class="about">
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Earum alias dolorum facilis accusamus dolore eum ab aperiam adipisci ad expedita veniam
nobis animi ea explicabo dolorem tenetur totam, atque, delectus consectetur repudiandae
molestiae repellendus?
</p>
<a href="#" class="btn">contact</a>
<ul class="social-media">
<li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="card">
<img src="images/card-background.jpg" alt="card background" class="card-img">
<img src="images/Sarah-Walraven.jpg" alt="profile images" class="profile-img">
<h1>Sarah Walraven</h1>
<p class="job-title">Financial Auditor</p>
<p class="about">
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Earum alias dolorum facilis accusamus dolore eum ab aperiam adipisci ad expedita veniam
nobis animi ea explicabo dolorem tenetur totam, atque, delectus consectetur repudiandae
molestiae repellendus?
</p>
<a href="#" class="btn">contact</a>
<ul class="social-media">
<li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="card">
<img src="images/card-background.jpg" alt="card background" class="card-img">
<img src="images/Kevin-Stansberry.jpg" alt="profile images" class="profile-img">
<h1>Kevin Stansberry</h1>
<p class="job-title">Fund Accountant</p>
<p class="about">
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Earum alias dolorum facilis accusamus dolore eum ab aperiam adipisci ad expedita veniam
nobis animi ea explicabo dolorem tenetur totam, atque, delectus consectetur repudiandae
molestiae repellendus?
</p>
<a href="#" class="btn">contact</a>
<ul class="social-media">
<li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<div class="card">
<img src="images/card-background.jpg" alt="card background" class="card-img">
<img src="images/Valerie-Jamison.jpg" alt="profile images" class="profile-img">
<h1>Valerie Jamison</h1>
<p class="job-title">Financial Accountant</p>
<p class="about">
Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Earum alias dolorum facilis accusamus dolore eum ab aperiam adipisci ad expedita veniam
nobis animi ea explicabo dolorem tenetur totam, atque, delectus consectetur repudiandae
molestiae repellendus?
</p>
<a href="#" class="btn">contact</a>
<ul class="social-media">
<li><a href="#"><i class="fab fa-facebook-square"></i></a></li>
<li><a href="#"><i class="fab fa-twitter-square"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
</body>
</html>