-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
92 lines (88 loc) · 4.34 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Retro Raspberry PI</title>
<meta name="description" content="Project webpage">
<meta name="author" content="Mohammed Salman">
<link href="https://fonts.googleapis.com/css?family=Bungee|Work+Sans" rel="stylesheet">
<link href="styles/reset_cs.css" rel="stylesheet" type="text/css">
<link href="styles/main.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Luckiest+Guy" rel="stylesheet">
</head>
<body>
<header>
<h1 id= "site_name">Retro Video Game Emulator</h1>
<h1>
<a href="#article_head" class="typewrite" data-period="2000" data-type='[ "Click to taste the greatness", "Click and you might win a kiss", "Click and be shocked!", "Click and be impressed" ]'>
<span class="wrap"></span>
</a>
</h1>
<a href="#article_head" id="cta" class= "animate-flicker"><i class="fa fa-chevron-down" aria-hidden="true"></i></a>
</header>
<div id= "menue_bar">
<ul id = "menues">
<li> <i class="fa fa-bars fa-2x" aria-hidden="true"></i> </li>
<ul class="drop-down-menue">
<li> <a href="#" class="menue_button">Item 2</a> </li>
<li> <a href="#" class="menue_button">Item 3</a> </li>
<li> <a href="#" class="menue_button">Item 4</a> </li>
</ul>
</div>
<div id= "intro_article" class="article">
<h1 id="article_head">Article text title</h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
</div>
<div id= "features">
<div class= "feature" id="feature1">
<i class="fa fa-microchip fa-4x" aria-hidden="true"></i>
<h1>Better performance</h1>
<p>We are bringing 2016 specifications to 1980 games. The result is great improvment in speed and smoothness.</p>
</div>
<div class= "feature" id="feature2">
<i class="fa fa-money fa-4x" aria-hidden="true"></i>
<h1>Economical</h1>
<p>Retro games emulator saves money on tracking the original devices and games. The devices and the games are being sold now for collection purposes.</p>
</div>
<div class= "feature" id="feature3">
<i class="fa fa-space-shuttle fa-4x" aria-hidden="true"></i>
<h1>Fun!</h1>
<p>The most important feature, it brings the fun of yonger-you memories. The games you always loved coming back to life!</p>
</div>
</div>
<div class = "parallax">
<div id="quote">
<p class="quote_text">The obvious objective of video games is to entertain people by surprising them with new experiences.</p></br>
<a id = "wiki_link"href="https://en.wikipedia.org/wiki/Shigeru_Miyamoto">Shigeru Miyamoto</a><p> Creator of Mario and Zelda</p>
</hgroup>
</div>
</div>
<div id= "team">
<div id= "samir" class= "team_member">
<img src= "images/samir.jpg" id= "samir_image">
<p>Samir Al-Nasser </br>
The visionary of the team. The man behind the idea, and the soul of the project. Also, he knows his games! </p>
</div>
<div id= "muhis" class= "team_member" >
<p>Mohammed Salman:</br>
Stories goes that the team found him woundering near the cafeteria three years ago. From that time, he just stayed around.</p>
<img src= "images/Muhis.jpg" id= "muhis_image">
</div>
<div id= "morad" class= "team_member">
<img src= "images/morad.jpg" id="morad_image">
<p>Morad Boukhari </br>
Developer and a good writer. Morad is responsible for the documentation and software overseeing. </p>
</div>
</div>
<div id= "powered_by_sect">
<h1 class= "centered">Powered by love and</h1>
<div id="powered_by_div">
<img src="images/linux-icon.png" class="logo" id="linux-logo"></img>
<img src="images/raspberry-pi.png" class="logo" id="raspberry-pi-logo"></img>
<img src="images/python_sh.png" class="logo" id="python-logo"></img>
</div>
</div>
</body>
<script src="scripts/typewriter.js"></script>
<script src="https://use.fontawesome.com/06c93bf802.js"></script>
</html>