-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-us-team.html
executable file
·153 lines (136 loc) · 7.18 KB
/
about-us-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
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<title>Remarkable Collective</title>
<script src="js/jquery-1.11.1.min.js"></script>
</head>
<body>
<div class="container">
<header class="header animated clearfix">
<div class="wrapper animated clearfix grey-border">
<div class="wrapper-header">
<div class="logo animated"><a href=""><img src="img/logo.png"></a></div>
<nav class="top-menu animated clearfix">
<div id="home" class="animated"><a href="">Home</a></div>
<div id="magazine" class="animated"><a href="">Magazine</a>
<ul class="drop-down">
<li><a href="#">Water</a></li>
<li><a href="#">Alternative energy</a></li>
<li><a href="#">Giving back</a></li>
<li><a href="#">Footprints</a></li>
</ul>
</div>
<div id="product" class="animated"><a href="">Product</a>
<ul class="drop-down">
<li><a href="#">Water</a></li>
<li><a href="#">Alternative energy</a></li>
<li><a href="#">Giving back</a></li>
<li><a href="#">Footprints</a></li>
<li><a href="#">Sustainable</a></li>
</ul>
</div>
<div id="community" class="animated"><a href="">Community</a></div>
<div id="about" class="animated"><a href="" class="active">About</a></div>
<div id="search-field" class="animated">
<form action="/search" method="get">
<input type="text" name="q" id="search-input" class="animated">
<button type="submit" name="search-button" id="search_button" class="sprite"></button>
</form>
</div>
</nav>
</div>
</div>
</header>
<div class="main animated clearfix">
<div class="wrapper clearfix">
<h1 class="page-heading center"><span>_about us</span> // the team //</h1>
<section class="team-gallery">
<div class="team-gallery-row clearfix">
<div><img src="img/team-photo.png">
<p class="caption page-heading">/ct</p></div>
<div><img src="img/team-photo.png">
<p class="caption page-heading">/eb</p></div>
<div><img src="img/team-photo.png">
<p class="caption page-heading">/lj</p></div>
<div><img src="img/team-photo.png">
<p class="caption page-heading">/vo</p></div>
</div>
<div class="team-gallery-row clearfix">
<div><img src="img/team-photo.png">
<p class="caption page-heading">/ct</p></div>
<div><img src="img/team-photo.png">
<p class="caption page-heading">/eb</p></div>
<div><img src="img/team-photo.png">
<p class="caption page-heading">/lj</p></div>
<div><img src="img/team-photo.png">
<p class="caption page-heading">/vo</p></div>
</div>
</section>
<section class="about-us-text team center">
<p class="bold">We are</p>
<div><p>Deliver in 1 location, information to live and consume with consideration.
Present the people making a difference and their solutions
Envision an aspirational lifestyle having a minimum impact on the planet and
maximum impact on people. Provide a platform to get them involved and contribute.
Deliver in 1 location, information to live and consume with consideration.
Present the people making a difference and their solutions
Envision an aspirational lifestyle having a minimum impact on the planet and
maximum impact on people. Provide a platform to get them involved and contribute.</p></div>
<p><span class="bold">_Catherine Thomason //</span> Her role</p>
<p><span class="bold">_Erwan Berthou //</span> His role</p>
<p><span class="bold">_Lieke Joosten //</span> Her role</p>
<p><span class="bold">_Victoria Onken // </span> Her role</p>
<p><span class="bold">_Anna Montemayor //</span> Her role</p>
<p><span class="bold">_Nana van Dijk //</span> Her role</p>
<p><span class="bold">_Jenny Maat //</span> Her role</p>
</section>
</div>
</div>
<footer class="footer">
<div class="wrapper">
<section class="footer-main clearfix">
<section class="footer-block more-info">
<h3>More info</h3>
<ul class="bottom-nav">
<li><a href="">About us</a>
<li><a href="">Contact us</a>
<li><a href="">Get involved</a>
<li><a href="">Dictionary</a>
</ul>
<ul class="column-2">
<li><a href="">FAQ</a>
<li><a href="">Privacy policy</a>
<li><a href="">Terms & conditions</a>
</ul>
</section>
<section class="footer-block sign-up">
<h3>Remarkable update!</h3>
<form action="#" method="post" class="sign-up-form">
<label for="sign-up-input">Sign in to get the latest news and more...</label>
<input type="email" placeholder="Email address" id="sign-up-input">
<button type="submit" value="submit" id="sign-up-btn">Go!</button>
</form>
</section>
<section class="footer-block find-us">
<h3>Find Us</h3>
<ul>
<li><a href=""><img src="img/fb-icon.png"></a>
<li><a href=""><img src="img/twitter-icon.png"></a>
<li><a href=""><img src="img/mail-icon.png"></a>
<li><a href=""><img src="img/google-icon.png"></a>
<li><a href=""><img src="img/insta-icon.png"></a>
<li><a href=""><img src="img/pin-icon.png"></a>
<li><a href=""><img src="img/t-icon.png"></a>
</ul>
</section>
</section>
<section class="info"><p>Remarkable Collective Holding B.V. © 2014. All rights reserved</section>
</div>
</footer>
</div>
<script src="js/main.js"></script>
</body>
</html>