-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathabout.html
60 lines (55 loc) · 3.13 KB
/
about.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
<html>
<head>
<title>Engineer Your Future</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700' rel='stylesheet' type='text/css'>
<!--Font Awesome-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<meta charset="utf-8">
<link rel="icon" type="image/png" href="/img/icon.png"/>
</head>
<body class="about-body">
<nav class='navbar navbar-default'> <!--'navbar-fixed-top'>-->
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navList">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html"><img class="pull-left nav-brand-img" src="img/logo.png"></a>
</div>
<div class="collapse navbar-collapse" id="navList">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">VISUALIZATION</a></li>
<li><a href="about.html">ABOUT</a></li>
</ul>
</div>
</div>
</nav>
<div class="container about-container">
<div class="text-left col-md-offset-1 col-lg-offset-1 col-xs-6 col-s-6 col-md-5 col-lg-5 about-col">
<h2 class="green">ABOUT</h2>
<p>This project was created by eight students as a part of the course DH2321 Information Visualizaton at KTH in which we were to create a visualization of our choice. The data behind the visualization was retrieved from LinkedIn, Wikipedia and KTH Alumni. As for the visualization, D3.js was used along with Javascript, HTML and CSS.The work tasks were coordinated using Trello, and the actual coding collaboration was done through Github.</p>
</div>
<div class="text-left col-xs-6 col-s-6 col-md-5 col-lg-5">
<h2 class="pink">PURPOSE</h2>
<p>Engineer Your Future enables current and future students at KTH to explore opportunities based on their education. The goal is to give students a vision of what their education can bring whether it be career, profession or skills.</p>
</div>
<hr class="about-line col-md-12" />
<div class="col-xs-12 col-s-12 col-md-12 col-lg-12">
<iframe src="https://player.vimeo.com/video/160347172" width="700" height="481" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<hr class="about-line col-md-12" />
<div class="creators-wrapper">
<h2 class="blue">Creators</h2>
<!-- Creator profiles inserter here by about.js -->
</div>
</div>
<script type="text/javascript" src="d3/d3.min.js"></script>
<script type="text/javascript" src="js/classes.js"></script>
<script type="text/javascript" src="js/about.js"></script>
</body>
</html>