-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
121 lines (87 loc) · 3.85 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
<html>
<head>
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/styles.css" rel="stylesheet" />
<title>Tribesy</title>
</head>
<body style="background-color: black; color: white; font-family: Helvetica;">
<div class="navbar navbar-fixed-top">
<ul style="list-style: none;">
<li style="float:right; margin-right: 5%;"><a href="contact.html">CONTACT</a></li>
<li style="float:right; margin-right: 5%;"><a href="team.html">TRIBE</a></li>
<li style="float:right; margin-right: 5%;"><a href="about.html">ABOUT</a></li>
<li style="float:right; margin-right: 5%;"><a href="index.html">MAIN</a></li>
<li style="float:left; margin-right: 5%;"><a href="index.html" style="margin-left: 10px; font-size:22px; position:absolute; font-family: Lobster, Helvetica;">tribesy</a></li>
</ul>
</div>
<div class="container" style="margin-top: 5%;">
<h1>THE TRIBE</h1>
<div class="block-wrapper" style="margin-top: 14%; margin-bottom: 14%;">
<div class="row" style="margin-top: 4%; position: relative; left: 50%; margin-left: -25%;">
<div class="col-md-2">
<img style="width: 75%;" src="img/maija.jpg" alt="Saara" />
</div>
<div class="col-md-4" style="text-align: left;">
<h3>Maija Greis</h3>
<h5><i>Troublemaker</i></h5>
<p>Maija is a soon graduating food scientist with a focus on sensory science. She evolves our ideas to the next level. Maija also loves all kinds of learning and memory techniques.</p>
</div>
</div>
<div class="row" style="margin-top: 4%; position: relative; left: 50%; margin-left: -25%;">
<div class="col-md-2">
<img style="width: 75%;" src="img/klaus.jpg" alt="Saara" />
</div>
<div class="col-md-4" style="text-align: left;">
<h3>Klaus Hietala</h3>
<h5><i>Storyteller</i></h5>
<p>Student of social policy at the University of Helsinki. He has the mindset of an optimistic entrepreneur and wants to be a real
game changer. Though young and reckless, he really manages to make our ideas come to life.</p>
</div>
</div>
<div class="row" style="margin-top: 4%; position: relative; left: 50%; margin-left: -25%;">
<div class="col-md-2">
<img style="width: 75%;" src="img/annamaria.jpg" alt="Saara" />
</div>
<div class="col-md-4" style="text-align: left;">
<h3>Anna-Maria Hiltunen</h3>
<h5><i>Idealistic World Changer</i></h5>
<p>Innovative researcher who wants to make a change. She is interested in how to make people in different situations learn. Anna is also good at
finding creative ways to delier added value while maintaining cost efficiency.</p>
</div>
</div>
<div class="row" style="margin-top: 4%; position: relative; left: 50%; margin-left: -25%;">
<div class="col-md-2">
<img style="width: 75%;" src="img/essi.jpg" alt="Saara" />
</div>
<div class="col-md-4" style="text-align: left;">
<h3>Essi Kemppainen</h3>
<h5><i>Free Spirit</i></h5>
<p>Free-spirited anthropologist specialized in memory research. She's passionate about empowering individuals and enjoys powerful communication
and new challenges.</p>
</div>
</div>
<div class="row" style="margin-top: 4%; position: relative; left: 50%; margin-left: -25%;">
<div class="col-md-2">
<img style="width: 75%;" src="img/jami.jpg" alt="Saara" />
</div>
<div class="col-md-4" style="text-align: left;">
<h3>Jami Valorinta</h3>
<h5><i>Mad Scientist</i></h5>
<p>Jami is currently finishing his bachelor's degree in mathematics at the University of Helsinki. He's the coder in our group, as well as
a self-titled mad scientist.</p>
</div>
</div>
<div class="row" style="margin-top: 4%; position: relative; left: 50%; margin-left: -25%;">
<div class="col-md-2">
<img style="width: 75%;" src="img/eetu.jpg" alt="Eetu" />
</div>
<div class="col-md-4" style="text-align: left;">
<h3>Eetu</h3>
<h5><i>Senior Scientist</i></h5>
<p>Eetu is the superintelligent head of our science department. He loves to investigate, and is an inspiration to us all!</p>
</div>
</div>
</div>
</div>
</body>
</html>