-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (128 loc) · 7.45 KB
/
index.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
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Hyperlinkia | Home</title>
<!-- Bootstrap Core CSS -->
<link href="assets/css/bootstrap/bootstrap.css" rel="stylesheet" type="text/css">
<!-- Retina.js - Load first for faster HQ mobile images. -->
<script src="assets/js/plugins/retina/retina.min.js"></script>
<!-- Font Awesome -->
<link href="assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- Default Fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,600,500,700,800,900' rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="assets/css/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="assets/css/plugins/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css">
<link href="assets/css/plugins/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="assets/css/plugins/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="assets/css/plugins/jquery.fs.wallpaper.css" rel="stylesheet" type="text/css">
<!-- Vitality Theme CSS -->
<link href="assets/css/vitatilty/vitality-blue.css" rel="stylesheet" type="text/css">
<!-- Theme CSS -->
<link href="assets/css/style.css" rel="stylesheet" type="text/css">
<!-- IE8 support for HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header id="index" style="background-image: url('assets/img/legal/bg-index.jpg')">
<!-- Navigation -->
<nav id="navbar" class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation">
<span class="fa fa-bars fa-2x"></span>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<img src="assets/img/tue-logo.png" class="img-responsive" alt="TU/e">
</a>
</div>
<div id="navigation" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a class="page-scroll" href="#page-top"></a>
</li>
<li class="active">
<a href="#main">Home</a>
</li>
<li>
<a href="datascience.html">Data Science</a>
</li>
<li>
<a href="study.html">Bachelor Study</a>
</li>
<li>
<a href="careers.html">Careers</a>
</li>
<li>
<a href="university.html">University</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="wrap">
<div class="content">
<h1>Data Science</h1>
<div class="summary">
<div>
<h3>Join the search for knowledge!</h3>
<p>This is the website of a non-existent Data Science Bachelor of the Eindhoven University of Technology. This website is an assignment for the Hypermedia course at the TU/e. Don't hesitate to look around. Read below to find out more...</p>
</div>
<hr>
<br></br>
<div class="row text-center content-row" style="background-color: rgba(51, 51, 51, 0.6)">
<div class="summary-item col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".2s">
<a href="datascience.html" class="fa fa-area-chart fa-4x">
<h3 class="arrow">Data Science</h3>
</a>
<p>We live in a world where there are more bits of data than stars in the universe. Data Science is the study of our future. There is lots involved in the study. Find out more about the <a href="datascience.html">Data Science disciplines</a>.</p>
</div>
<div class="summary-item col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".4s">
<a href="study.html" class="fa fa-graduation-cap fa-4x" >
<h3 class="arrow">Bachelor Study</h3>
</a>
<p>The <a href="study.html">Data Science Bachelor</a> at the TU/e is more than just facts and figures. You will be shaped into a professional engineer! Take a deeper drive in the <a href="study.html#curriculum">curriculum</a> or read more about what the <a href="study.html#faculty">faculty</a> can do for you.</p>
</div>
<div class="summary-item col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".6s">
<a href="careers.html" class="fa fa-suitcase fa-4x">
<h3 class="arrow">Career</h3>
</a>
<p>The world's leading companies are in desperate need for you! There are lots of possibilities for data scientists. Take a sneak peak into how Data Science can change your further <a href="careers.html">career</a>.</p>
</div>
<div class="summary-item col-md-3 col-sm-6 wow fadeIn" data-wow-delay=".8s">
<a href="university.html" class="fa fa-university fa-4x">
<h3 class="arrow">University</h3>
</a>
<p>The TU/e is the world's third university when it comes to research and knowledge. Eindhoven is the smartest region of the planet. Find out how this ambitious <a href="university.html">university</a> supports an amazing student life.</p>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Core Scripts -->
<script src="assets/js/jquery.js"></script>
<script src="assets/js/bootstrap/bootstrap.min.js"></script>
<script src="assets/js/plugins/jquery.easing.min.js"></script>
<!-- Vitality Theme Scripts -->
<script src="assets/js/vitality.js"></script>
<script>
// Smooth Scrolling: Smooth scrolls to an ID on the current page.
$('a.page-scroll-demo').bind('click', function (event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: ($($anchor.attr('href')).offset().top)
}, 1250, 'easeInOutExpo');
event.preventDefault();
});
</script>
</body>
</html>