-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (100 loc) · 4.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="iconos/style.css"/>
<link rel="stylesheet" href="css/style1.css"/>
<title>Stardust Team</title>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark">
<a class="navbar-brand" href="#"><span style="color:white;">Stardust</span><span style="color:red;">Team</span></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#"><span class="nav-opcion"><span class="icon-home"></span>Inicio</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="articulos/info.html"><span class="nav-opcion"><span class="icon-help-with-circle"></span>¿Quienes somos?</span></a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container-fluid text-center" style="background:black;">
<img src="img/stardustLogo.png" class="img-fluid"/>
</div>
<div class="container">
<div class="row">
<div class="col-12 pt-3 pb-3 mt-4 mb-4 text-center tituloArticulos"><h2>Un recorrido por viejos proyectos</h2></div>
</div>
<div class="row">
<!-- Articulos -->
<div class="col-lg-8 no-padding">
<article class="articulo border">
<h2>My First Job</h2>
<p>
Un videojuego "educativo" en el que tomas el papel de un
recien egresado de ingeniería de software que acaba de obtener su primer trabajo
en una empresa de desarrollo de software curiosamente llamada "Stardust Team".
</p>
<img src="img/myfirstjob1.png" alt="MyFirstJob">
<a class="btn btn-primary float-right mt-2 boton" href="articulos/articleMyFirstJob.html" role="button">Leer mas</a>
</article>
<article class="articulo articuloIndex border">
<h2>Jonathan Quest</h2>
<p>
Un videojuego altamente inspirado en The Legend of Zelda.
</p>
<img src="img/jon1.png" alt="JonathanQuest">
<a class="btn btn-primary float-right mt-2 boton" href="articulos/articleJon.html" role="button">Leer mas</a>
</article>
<article class="articulo articuloIndex border">
<h2>Mario bros</h2>
<p>
El primer proyecto o "experimento" desarrollado por Stardust Team, un videojuego
de plataformas que intenta parecerse a un mario bros original.
</p>
<img src="img/mario1.png" alt="Mario bros"/>
<a class="btn btn-primary float-right mt-2 boton" href="articulos/articleMario.html" role="button">Leer mas</a>
</article>
</div>
<!-- Fin articulos -->
<!-- Aside -->
<aside class="col-lg-4 d-none d-lg-block borde-izq px-0">
<div class="contenedor-lateral">
<div class="tituloContenedor py-2">Busqueda</div>
<div class="cont-aside border">
<form>
<input type="text" class="form-control" placeholder="¿Que quieres buscar?"/>
<button type="submit" class="btn btn-primary botonCompleto mt-2">Buscar</button>
</form>
</div>
</div>
<div class="contenedor-lateral">
<div class="tituloContenedor py-2">Filtros</div>
<div class="cont-aside border filtros">
<h4>Sin filtros</h4>
</div>
</div>
</aside>
</div>
</div>
<!-- Fin contenedor contenido -->
<footer class="container-fluid text-center bg-dark pt-4 pb-4 mt-4">
<p class="mb-0">
2017 - 2019 Stardust Team
</p>
</footer>
<script src="js/jquery-3.2.1.slim.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>