Lorem/index.html at master · jualjiman/Lorem · 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
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>.:BenckMark</title>

	<link rel="stylesheet" href="css/normalize.css"/>
	<link rel="stylesheet" href="css/style.css"/>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="images/bm.ico">
</head>
<body>
	<header>
		<img id="logo" src="images/bm3.png" alt="">
		<h2>BenchMark</h2>
		<figure>
			<img id="avatar" src="avatar.jpg" alt="">
			<figcaption id="avatar_flechita" class="icon-abajo">
			</figcaption>
		</figure>
	</header>
	<nav>
		<ul>
			<a href="#"><li class="nav_not icon-campana"> 15</li></a>
			<a href="#"><li class="nav_not icon-carta"></li></a>
			<a href="#"><li class="nav_bus icon-lupa"></li></a>
		</ul>
		<input type="text" id="nav_buscador" placeholder="A quien esta buscando?">
	</nav>
	<section id="cursos">
		<h1>cursos disponibles</h1>

		<article class="curso">
			<a href="#" class="url"></a>
			<figure style="background-image:url('diseñow.jpg');">
			</figure>
			<div class="curso_texto">
				<h2>curso de diseño web</h2>
				<p>Aprende desde cero, las mejores practicas para hacer un sitio web moderno.</p>
			</div>
		</article>

		<article class="curso">
			<a href="#" class="url"></a>
			<figure style="background-image:url('marketing.jpg');">
			</figure>
			<div class="curso_texto">
				<h2>curso de diseño web</h2>
				<p>Aprende desde cero, las mejores practicas para hacer un sitio web moderno.</p>
			</div>
		</article>

		<article class="curso">
			<a href="#" class="url"></a>
			<figure style="background-image:url('frontend.jpg');">
			</figure>
			<div class="curso_texto">
				<h2>curso de frontend</h2>
				<p>Hacer fronend es necesario, pero nada seria esos diseños lindos sin la funcionalidad.</p>
			</div>
		</article>
	</section>
	<footer>
		<p id="footer_titulo">
			<span>BenchMark</span>
			plataforma de educación online
		</p>

		<p id="footer_creditos">Ing. Juan Alberto Jimenez Angel</p>
	</footer>
</body>
</html>