primer.github.io/about.html at master · pedrohv97/primer.github.io · GitHub

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
<!doctype html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Sinopsis - la historia de primer</title>
	<link rel="stylesheet" href="css/style.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/mobile.css">
	<script src="js/mobile.js" type="text/javascript"></script>
</head>
<body>
	<div id="page">
		<div id="header">
			<div>
				<a href="index.html" class="logo" ><img src="images/logo.png" alt="" height="60"></a>
				<ul id="navigation">
					<li>
						<a href="index.html">Inicio</a>
					</li>
					<li class="selected">
						<a href="about.html">Sinopsis</a>
					</li>
					<li>
						<a href="projects.html">La caja</a>
					</li>
					<li>
						<a href="blog.html">Making of</a>
					</li>
					<li>
						<a href="contact.html">Contacto</a>
					</li>
				</ul>
			</div>
		</div>
		<div id="body" class="about">
			<div class="header">
				<div>
					<h1>Sinopsis</h1>
					<h2>La historia de primer</h2>
					<p>PRIMER está ambientada en el parque industrial/franja suburbana de una ciudad contemporánea donde dos jóvenes ingenieros, Abe y Aaron, trabajan día a día para una gran corporación mientras, a la par, realizan experimentos extracurriculares en un garaje por su cuenta.</p>
				</div>
			</div>
			<div class="body">
				<div>
					<img src="images/characters.jpg" alt="" height="182">
					<h2>Dos hombres con una gran curiosidad</h2>
					<p> Mientras retocan su proyecto actual, un dispositivo que reduce la masa aparente de cualquier objeto colocado dentro de él bloqueando la atracción gravitatoria, descubren accidentalmente que hay algunas capacidades altamente inesteradas, que podrian permitirles conseguir cualquier cosa que deseen.</p>
				</div>
			</div>
			<div class="footer">
				<div>
					<img src="images/2.jpg" alt="" height="200">
					<h2>Un gran hallazgo o una verdad inconmesurable para el ser humano...</h2>
					<p> Aprovechar esta oportunidad única es el primer desafío al que se enfrentan. El tratamiento de las consecuencias, es el siguiente...</p>
				</div>s
			</div>
		</div>
		<div id="footer">
			<div class="connect">
				<div>
					<h1>SIGUENOS EN</h1>
					<div>
						<a href="http://facebook.com/pedro.hernandezvegas" class="facebook">facebook</a>
						<a href="https://twitter.com/Pedroherndez?lang=es" class="twitter">twitter</a>
					</div>
				</div>
			</div>
			<div class="footnote">
				<div>
					<p>© 2018 BY PEDRO HERNÁNDEZ VEGAS</p>
				</div>
			</div>
		</div>
	</div>
</body>
</html>