-
Notifications
You must be signed in to change notification settings - Fork 0
/
team.html
142 lines (123 loc) · 4.97 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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="TDK Architects Landing Page">
<meta name="keywords" content="TDK, TDK Architects, Landing Page Template">
<title>TDK | Our Team</title>
<!-- Favicon -->
<link rel="icon" href="./img/logo/icon/favicon.png" type="image/png" sizes="16x16">
<!-- Bootstrap v3.3.7 Core CSS -->
<link rel="stylesheet" href="./vendor/bootstrap/css/bootstrap.min.css" type="text/css">
<!-- Custom Fonts -->
<link rel="stylesheet" href="./vendor/font-awesome/css/font-awesome.min.css" type="text/css">
<!-- Google Fonts API -->
<link
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700" rel="stylesheet">
<!-- Theme CSS -->
<link rel="stylesheet" type="text/css" href="./css/style.css">
<link rel="stylesheet" type="text/css" href="./css/teamstyle.css">
</head>
<body>
<!-- Loading Start -->
<div id="loader">
<div class="loader-container">
<div class="lds-facebook">
<div></div>
<div></div>
<div></div>
</div>
</div>
</div>
<!-- Loading End -->
<!-- NavBar Start -->
<nav id="mainNav" class="navbar navbar-default past-main navbar-fixed-top">
<div class="container">
<div class="navbar-offset">
<!-- Nav Brand -->
<div class="navbar-header">
<a class="navbar-brand" href="index.html">
<!-- <img src="./img/logo/tdk_logo.png" alt="TDK Logo"> -->
</a>
</div>
<!-- Nav Brand End -->
<!-- Hamburger Menu -->
<div class="hamburger-menu" id="hamburger-menu">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="close-button" href="index.html">×</a>
</li>
</ul>
</div>
<!-- Hamburger Menu End -->
</div>
<!-- Navbar-Header End -->
</div>
<!-- Container End -->
</nav>
<!-- NavBar End -->
<div class="container team-grid">
<div class="row page-heading">
<div class="col-xs-12">
<h1>MEET OUR TEAM</h1>
</div>
</div>
<div class="row team-row">
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-1"></div>
<h1>Thakshila D. Kariyawsam</h1>
<h2>Principal Architect</h2>
</div>
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-2"></div>
<h1>Gihan Gunawardana</h1>
<h2>Senior 3D Visualizer / Interior Designer</h2>
</div>
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-3"></div>
<h1>Chinthaka Wijesinghe</h1>
<h2>3D Visualizer / Architectural Photographer</h2>
</div>
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-4"></div>
<h1>Aushadhi Gunadasa</h1>
<h2>Chartered Architect</h2>
</div>
</div>
<div class="row team-row">
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-5"></div>
<h1>Srirama CNKN</h1>
<h2>Chartered Architect</h2>
</div>
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-6"></div>
<h1>Lasantha Premarathna</h1>
<h2>VR Engineer / Web Developer</h2>
</div>
<div class=" col-md-3 col-xs-6 team-member">
<div class="mmbr-photo" id="mmbr-7"></div>
<h1>Malshan Nawodya</h1>
<h2>VR Engineer</h2>
</div>
<div class=" col-lg-3 col-xs-6 team-member">
<!-- <div class="mmbr-photo" id="mmbr-8"></div>
<h1>Lorem Ipsum</h1>
<h2>Director / Lead Architect</h2> -->
</div>
</div>
</div>
<!-- jQuery CDN -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="./vendor/jquery/jquery.min.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="./vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Theme JavaScript -->
<script src="./js/custom.js"></script>
</body>
</html>