-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·259 lines (246 loc) · 12.7 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
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Napier Games Technology Group</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/prettyPhoto.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/override.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head>
<!--/head-->
<body>
<header class="navbar navbar-inverse navbar-fixed-top napier_red" role="banner">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo">
</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li class="oactive"><a href="index.html">Home</a>
</li>
<li><a href="about.html">About Us</a>
</li>
<li><a href="study.html">Study</a>
</li>
<li><a href="resources.html">Resources</a>
</li>
<li><a href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</header>
<!--/header-->
<section id="main-sliderc" class="slidecontainer no-margin wet-asphalt">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active" style="background-image: url(images/slider/bg1.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="carousel-content centered" style="margin-top: 229px">
<h2 class="animation animated-item-1">BSc (Hons) Games Development</h2>
<p class=" animation animated-item-2">Study for a rewarding high-skill career in the world’s fastest growing entertainment industry.</p>
<br>
<a class="btn btn-md animation animated-item-3" href="#">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="item" style="background-image: url(images/slider/bg2.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="carousel-content centered" style="margin-top: 229px">
<h2 class=" animation animated-item-1">Industry Partners</h2>
<p class=" animation animated-item-2">Edinburgh Napier University has strong links with companies, like Sony, Microsoft, and NVidia keep your course relevant, real-life and respected by employers. </p>
<br>
<a class="btn btn-md animation animated-item-3" href="#">Learn More</a>
</div>
</div>
</div>
</div>
</div>
<div class="item" style="background-image: url(images/slider/bg3.jpg)">
<div class="container">
<div class="row">
<div class="col-sm-6">
<div class="carousel-content centered" style="margin-top: 160px">
<h2 class="boxed animation animated-item-1">Build Something Amazing</h2>
<p class="boxed animation animated-item-2">Learn how to build the technology behind the latest and gratest games</p>
<a class="btn btn-md animation animated-item-3" href="#">Learn More</a>
</div>
</div>
<div class="col-sm-6 hidden-xs animation animated-item-4" style="margin-top: 160px">
<div class="centered">
<div class="carousel-content embed-container">
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/PumHDfAPTTE?rel=0&controls=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>
<!--/#main-slider-->
<section id="services" class="emerald napierAlt2">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-key icon-md"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Skill Driven</h3>
<p>Our course will teach you the fundamental skills to create games technologies from scratch. We won't just teach you how to use tools like games engines, we'll teach you how to make them yourself.</p>
</div>
</div>
</div>
<!--/.col-md-4-->
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-group icon-md"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Challenging & Social</h3>
<p>Games Development requires individuals that go over and above, people who are driven to learn and do <i>more</i>. Working with others as you create new virtual worlds will be the hardest and most rewarding experience you could ask for in the computing industry.</p>
</div>
</div>
</div>
<!--/.col-md-4-->
<div class="col-md-4 col-sm-6">
<div class="media">
<div class="pull-left">
<i class="fa fa-graduation-cap icon-md"></i>
</div>
<div class="media-body">
<h3 class="media-heading">Outstanding Employability</h3>
<p>A strong emphasis on Maths and Computer Science alongside the Games content will allow you to on take skilled jobs in industries you might not exepct.</p>
</div>
</div>
</div>
<!--/.col-md-4-->
</div>
</div>
</section>
<!--/#services-->
<section id="testimonial" class="alizarin napierFill">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="center">
<h2>What our Students say</h2>
</div>
<div class="row">
<div class="col-md-6">
<blockquote>
<p>
At the end of the day, coming to Edinburgh Napier University was one of the best decisions I've made in my life and I would recommend other aspiring game developers to do the same. If I've learned anything from the game development course at Edinburgh Napier University, it would be the value of hard work, determination, and the importance of having a strong desire for doing something you love.</p>
<small>Noé Pagés Puertas, <cite title="Source Title">BSc Games Development graduate 2015</cite></small>
</blockquote>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/#testimonial-->
<section id="bottom" class="wet-asphalt">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3">
<div style="padding-left:15%; float: left;" ><img src="images/nvidia.png" height=80px></div>
<div style="padding-left:15%; float: left;" ><img src="images/sonyfirst.png" height=80px></div>
<div align="center" >
<img src="images/skillset.png" height=60px alt="BSc (Hons) Games Development has been awarded the Creative Skillset Tick, the industry quality mark, following a rigorous assessment process by experts working in the Creative Industries. The Creative Skillset Tick is awarded to practice-based courses which best prepare students for a career in the industry." ></div>
</div>
<div class="col-md-6 col-sm-12">
<h4>About Us</h4>
<p>Edinburgh Napier University offers a range of taught programmes that cover the general skills of a good software engineer, with a specialism in games-related technologies. You will gain an in-depth knowledge of game technologies, incorporating practical skills in programming, rendering, artificial intelligence, mathematics, hardware and software engineering.</p>
</div>
<div class="col-md-3 col-sm-6">
<h4>Address</h4>
<address>
<strong>[email protected]</strong><br>
<strong>Games Technology Group</strong><br>
School Of Computing<br>
Edinburgh Napier University<br>
Edinburgh, EH10 5DT<br>
</address>
</div>
</div>
</div>
</section>
<!--/#bottom-->
<footer id="footer" class="midnight-blue">
<div class="container">
<div class="row">
<div class="col-sm-6">
© 2016 <a target="_blank" href="http://www.napier.ac.uk/" title="Ediburgh napier University">Edinburgh Napier University</a> is a registered Scottish charity. Registration SC018373
</div>
<div class="col-sm-6">
<ul class="pull-right">
<li><a href="index.html">Home</a>
</li>
<li><a href="about.html">About Us</a>
</li>
<li><a href="contact.html">Contact Us</a>
</li>
<li><a id="gototop" class="gototop" href="#"><i class="icon-chevron-up"></i></a>
</li>
<!--#gototop-->
</ul>
</div>
</div>
</div>
</footer>
<!--/#footer-->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/main.js"></script>
</body>
</html>