-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathextras.html
103 lines (98 loc) · 7.11 KB
/
extras.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Time Crash - Extras</title>
<meta name="description" content="Um jogo de plataforma e aventura, com uma história cativante, emocionante e cômica, com reviravoltas, viagens pelo espaço-tempo e por
universos paralelos nunca explorados, com jogabilidades inéditas e temas nunca vistos.">
<meta name="author" content="Ana Carolina, Fábio Lucas, Matheus Marciano, Vinícius Erwin">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon.png">
<script src="js/preload.js"></script>
<link rel="stylesheet" type="text/css" href="css/preload.css">
<link rel="stylesheet" type="text/css" href="css/extrasstyle.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css" />
</head>
<body>
<!--Preload-->
<div id="load_screen" onmouseover="changeWidth()" onmouseout="backToNormal()">
<div id="loading">
<div class="spinner spinner-2"></div>
</div>
</div>
<a href="index.html"><header class="caixanav">
<div class="back-portal"></div>
<div class="logo"></div>
<div class="makingof"></div>
</header></a>
<section class="content">
<nav>
<ul class="nav">
<li><a onclick='scrollTo("#sobre")'>Sobre</a></li>
<li><a onclick='scrollTo("#historia")'>Historia</a></li>
<li><a onclick='scrollTo("#download")'>Download</a></li>
<li><a onclick='scrollTo("#extras")'>Extras</a></li>
</ul>
</nav>
<article>
<h1 id='historia'>O desenvolvimento de <br/>Time Crash</h1>
<hr>
<p align="justify">
Lorem ipsum dolor sit amet, vulputate sit cum eget accumsan, ut a sed suscipit proin, pellentesque quisque amet molestie cursus faucibus dui. Facilisis rutrum quam aut in nulla eu, amet mauris tellus, eget nonummy a vestibulum, id curabitur ornare adipiscing volutpat laoreet libero. Beatae dictum mauris, in sollicitudin nulla ac mollis nibh vel. Dolor leo vitae aliquam pede curabitur lectus, nunc donec lobortis aptent dolor metus risus, porttitor rutrum eu tincidunt ipsum. Pede metus dolores sollicitudin neque amet, fringilla vestibulum sed condimentum. Non inceptos vel est arcu eget laoreet, duis turpis. Autem feugiat, nunc integer posuere dolore semper ultrices, quo mattis aliquet odio neque nec, lacinia hac viverra eleifend. Pellentesque quidem, in in pede nullam, et mollis lacinia ipsum sit erat quasi. Vitae nunc vel, in velit lorem, mauris nisl nulla est maecenas erat, non parturient aenean ante nec, orci felis blandit.
</p>
<figure class="figura1">
<img src="images/model2.jpg" title="Primeira versão da Julian">
</figure>
<p align="justify">
Habitasse tempor, nullam eget, eget mauris consequat dis et. Nec turpis ante arcu, a hac turpis felis. Nec tincidunt tortor mauris porta, placerat metus consectetuer. Neque semper fusce non. Enim mauris eget nec libero lorem, lectus egestas, amet per nec quis posuere, mattis at orci nunc, lacus ut id. Duis congue odio, magna nulla, non sed, vivamus aliquam in justo eget venenatis natoque, sit tellus magna interdum montes. In ut massa cursus id vestibulum, repellat lacus scelerisque in, sit quis eget lacus nulla hendrerit natoque, vitae lacinia augue, nibh cum id vel orci velit leo. Amet nec justo nunc erat gravida, vel fringilla massa vulputate consequat tincidunt, integer sem donec congue sem, sit et. Diam a gravida eget, tellus facilisis augue. Dui gravida massa aliquam ut, fringilla erat augue urna. Et massa quis nulla varius ac, pellentesque donec mauris. Duis nulla consectetuer neque, nam eu turpis nisl eu pede sollicitudin, ornare elit suspendisse, sit nesciunt posuere morbi.
</p>
<p align="justify">
Nunc donec quis cras, dui nibh ultrices, quisque cursus dui imperdiet facilisi quis, vehicula bibendum vulputate. Donec lacus, fames ante ut bibendum in, metus viverra iaculis et conubia. Pellentesque mauris, elementum aliquet, feugiat et quis, neque rhoncus lacus, dignissim molestie suspendisse. Massa mus bibendum sed, lorem vitae mauris lobortis egestas porta vel, class elit mollis, mattis velit posuere. Egestas lorem felis, habitant porttitor pulvinar consectetuer cursus, suspendisse non felis nostra ut pharetra cras. Auctor sed tellus nulla mauris integer, faucibus a consectetur ipsum consectetuer lorem leo, gravida ut luctus lorem vehicula nec duis, posuere vel aliquam velit molestie, massa justo pretium in vestibulum et vestibulum. Accumsan nunc fringilla vel leo nunc, sed eleifend integer, interdum fusce nulla lorem volutpat morbi tincidunt, ipsum turpis. Eu scelerisque dui quis nec mattis. Diam gravida eget nibh suscipit, sed sed elementum libero in, morbi at parturient donec libero.
</p>
<p align="justify">
Fringilla dignissim suspendisse erat vehicula, diam dolor dolor id id vel a, nibh erat turpis nec mauris, erat quis molestie. Integer nibh wisi vel diam elementum, eu etiam libero ut praesent, suspendisse vivamus ligula nullam feugiat laoreet metus, elementum vivamus nec. Et metus et nunc donec quis, eros velit aptent montes tincidunt nibh vitae, leo vehicula dignissim sapien, est fermentum, dolor pellentesque. In sit, integer sed diam lectus sed, ante aptent neque, phasellus mauris. Vehicula aliquam, placerat lacinia orci rutrum sed felis, donec ut cras vestibulum condimentum donec.
</p>
<p align="justify">
</p>
<hr>
<h1 id='galeria'>Galeria</h1>
<hr>
<div id="carro_ceu">
<div class='centerV'>
<img class="carroslide" src="images/model2.png"/>
</div>
<div>
<img class="carroslide" src="images/model4.jpg"/>
</div>
<div>
<img class="carroslide" src="images/model5.jpg"/>
</div>
<div>
<img class="carroslide" src="images/model6.jpg"/>
</div>
</div>
<hr>
</article>
</section>
<footer>
<div class="row footer-stuff">
<div class="columns six">
<p><strong>Deixe seu email para enxermos vc de spam</strong></p>
<form class="row">
<div class="columns eight">
<input type="email" placeholder="Seu email" class="u-full-width">
</div>
<div class="columns four">
<input type="submit" class="button-primary">
</div>
</form>
</div>
</div>
</footer>
<script src="js/jquery-2.1.3.min.js"></script>
<script src="js/functions.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
</body>
</html>