-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstaff.html
119 lines (109 loc) · 5.01 KB
/
staff.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>com:Phanny - Staff</title>
<link rel="stylesheet" href="./styles/styles.css">
<link rel="stylesheet" href="./vendor/fontawesome/css/all.min.css">
<link rel="shortcut icon" href="./images/logo/comphanny-icon-color.png" type="image/png">
</head>
<body id="top">
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-cphy-primary shadow-sm">
<a class="navbar-brand" href="./">
<i class="fas fa-elephant" style="width:-100%;"></i>
com:Phanny
</a>
<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">
<li class="nav-item">
<a class="nav-link" href="./">
<i class="fas fa-home fa-fw"></i> Home <span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./product-list.html">
<i class="fas fa-box fa-fw"></i> Products
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">
<i class="fas fa-elephant fa-fw"></i> About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">
<i class="fas fa-phone"></i> Contact
</a>
</li>
</ul>
</div>
</nav>
<main>
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-cphy-primary-xlight">
<li class="breadcrumb-item"><a href="./"><i class="fal fa-elephant"></i></a></li>
<li class="breadcrumb-item"><a href="./about.html">About</a></li>
<li class="breadcrumb-item active" aria-current="page">Staff</li>
</ol>
</nav>
<section class="container my-5">
<div class="mb-3 d-flex justify-content-center align-items-center">
<div class="text-center">
<h2 class="section-heading"><i class="fal fa-lightbulb-on text-cphy-secondary-dark"></i> John Doe</h2>
<p class="text-italic">Job / Title</p>
</div>
</div>
<div class="card bg-light border-light-gray shadow-sm mb-3">
<div class="row no-gutters">
<div class="col-md-4">
<img src="./images/placeholder-ul.png" class="card-img" alt="Placeholder">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">John Doe S. R.</h5>
<h6 class="card-subtitle mb-2">Job / Title</h6>
<p class="text-muted">Joined in 01 Feb 2019</p>
<blockquote class="blockquote card-text text-italic">I'm a super, duper, cool awesome boss to work for!</blockquote>
</div>
</div>
</div>
</div>
<!-- Custom HTML -->
<div class="mb-3">
<h3>Heading</h3>
<p>Mollit commodo ipsum velit laborum laboris elit dolore enim adipisicing laboris reprehenderit ea. Exercitation cupidatat duis amet aute non ex voluptate Lorem pariatur duis. Mollit occaecat aliquip anim fugiat esse quis. Laboris occaecat irure ex sint. Do mollit dolor qui aute quis nisi occaecat duis incididunt. Proident consequat magna non aliquip sint id adipisicing velit laboris.</p>
</div>
</section>
</main>
<footer class="container-fluid bg-dark text-light px-3 py-3">
<div class="text-center">
<h6 class="text-weight-normal text-italic">Need a <span class="text-cphy-secondary-light">digital product</span>?</h6>
<p><a href="./contact.html" class="text-cphy-secondary">Contact us</a> at:<br>
<span itemprop="email">comphanny@example.com</span><br>
<span itemprop="telephone">+65 1234 5678</span>
</p>
<address itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
Find us at:<br>
<span itemprop="streetAddress">8030 Paddocks Mill Dr</span><br>
<span itemprop="addressLocality">Cumming</span>, Georgia(<span itemprop="addressRegion">GA</span>), <span itemprop="postalCode">30041</span>
</address>
</div>
<p class="text-center text-muted text-italic small">Handcrafted by Davina Leong</p>
<p class="text-center text-muted text-italic small">Note: com:Phanny is <strong>NOT</strong> a real company.</p>
</footer>
<a class="btn btn-cphy-secondary btn-floating-action shadow-sm" href="#top">
<i class="fa fa-angle-up fa-2x"></i>
</a>
<a class="text-cphy-primary-light github-fab" href="https://github.com/DavinaLeong/proj-comphaanyy-template">
<i class="fab fa-github fa-3x"></i>
</a>
<script src="./vendor/jquery.min.js"></script>
<script src="./vendor/popper.min.js"></script>
<script src="./vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>