-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
180 lines (170 loc) · 9.27 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
<!DOCTYPE html>
<!-- saved from url=(0052)https://getbootstrap.com/docs/5.0/examples/carousel/ -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.84.0">
<title>Juegos gratis y ofertas</title>
<link rel="stylesheet" href="css\footer.css"><link>
<link rel="stylesheet" href="bootstrap/bootstrap.min.css"><link>
<link rel="stylesheet" href="css\styles.css"><link>
</head>
<header>
<nav class="navbar navbar-light bg-white navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="images/LOGO.png" height="30" alt="image">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav3" aria-controls="navbarNav3" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav3">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="Steam.html">Steam</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Nuevo.html">Nuevo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="Oferta.html">Oferta</a>
</li>
</ul>
</div>
</div>
</nav>
<section class="position-relative jarallax pt-5 pb-5 mt-0 align-items-end align-items-md-center w-100 d-flex bg-dark">
<div class="container-fluid d-flex h-100">
<div class="row justify-content-center w-100 align-items-start d-flex text-center h-100">
<div class="col-12 col-md-10 h-50 ">
<h1 class=" display-4 text-light mb-2 mt-5"><strong>Juegos gratis y ofertas</strong> </h1>
<p class="lead text-light mb-5">Una pagina divertida</p>
<div class="btn-container-wrapper p-relative d-block zindex-1">
<i class="fa fa-angle-down fa-2x "></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section class="pt-5 pb-5">
<div class="container">
<div class="row">
<div class="col-6">
<h3 class="mb-3">Juegos Buenos </h3>
</div>
<div class="col-12">
<div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-4 mb-3">
<div class="card">
<img class="img-fluid" alt="100%x280" src="images/fhggfh.jpg">
<div class="card-body">
<h4 class="card-title">No Man's Sky</h4>
<p class="card-text">No Man's Sky es un juego de ciencia ficción sobre exploración y supervivencia en un universo infinito generado de forma procedimental.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<img class="img-fluid" alt="100%x280" src="images/ggyytguf.jpg">
<div class="card-body">
<h4 class="card-title">The Witcher® 3: Wild Hunt</h4>
<p class="card-text">Mientras la guerra se extiende por los Reinos del Norte, aceptarás el contrato de tu vida: encontrar a la niña de la profecía, un arma viviente que puede alterar el mundo tal y como lo conocemos.</p>
</div>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="card">
<img class="img-fluid" alt="100%x280" src="images/gjhhk.jpg">
<div class="card-body">
<h4 class="card-title">Generation Zero®</h4>
<p class="card-text">Suecia. 1989. Cuando los habitantes de Östertörn se dan cuenta de que están rodeados de robots que arrasan con todo, vencer es sobrevivir. En solitario o con hasta tres amigos, muévete con sigilo, explora y dispara para abrirte paso en un paraje extenso y variopinto tan enigmático como letal.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</header>
<main>
<div class="social-buttons centro">
<a href="https://www.tumblr.com/" class="social-btn entypo-tumblr" target="_blank"><div class="sr">Tumblr</div></a>
<a href="https://twitter.com/home" class="social-btn entypo-twitter" target="_blank"><div class="sr">Twitter </div></a>
<a href="https://www.facebook.com/tomas.avila.3511/" class="social-btn entypo-facebook" target="_blank"><div class="sr">Facebook</div></a>
<a href="https://www.instagram.com/tomi_web/" class="social-btn entypo-instagrem" target="_blank"><div class="sr">Instagram</div></a>
</div>
<section class="pt-5 pb-5">
<div class="container">
<div class="row pt-4">
<div class="col-6 col-md-3">
<img alt="image" class="img-fluid rounded mt-1 mb-2" src="images/astroner.PNG">
</div>
<div class="col-6 col-md-3">
<h2>ASTRONEER</h2>
<p class="text-h3">¡Explora y da forma a mundos lejanos! Astroneer se desarrolla durante la fiebre del oro del siglo XXV. Los jugadores deben explorar las fronteras del espacio exterior, arriesgar su vida y sus recursos en entornos hostiles en un intento por alcanzar la ansiada riqueza.</p>
</div>
<div class="col-6 col-md-3 mt-4 mt-md-0">
<img alt="image" class="img-fluid rounded mt-1 mb-2" src="images/eveveve.PNG">
</div>
<div class="col-6 col-md-3 mt-4 mt-md-0">
<h2>Eve Online</h2>
<p class="text-h3">EVE Online es un juego donde la historia la escriben los jugadores, en un universo de una belleza, profundidad y oportunidades sin parangón. Únete con tu nave y embárcate en una aventura de industria, exploración y conquista mientras grabas tu nombre en la historia de New Eden.</p>
</div>
</div>
<div class="row pt-4">
<div class="col-6 col-md-3">
<img alt="image" class="img-fluid rounded mt-1 mb-2" src="images/generals.PNG">
</div>
<div class="col-6 col-md-3">
<h2>Heroes & Generals</h2>
<p class="text-h3">Dispara, haz saltar al enemigo por los aires, vuela o grita órdenes: disfruta al máximo del shooter multijugador a gran escala definitivo gratuito. ¡Únete a miles de jugadores que se enfrentan en múltiples batallas mientras libran una gran guerra entre naciones!</p>
</div>
<div class="col-6 col-md-3 mt-4 mt-md-0">
<img alt="image" class="img-fluid rounded mt-1 mb-2" src="images/noita.PNG">
</div>
<div class="col-6 col-md-3 mt-4 mt-md-0">
<h2>Noita</h2>
<p class="text-h3">Noita es un juego roguelite de acción y magia en un mundo en el que cada píxel está simulado físicamente. Lucha, explora, derrite, quema, congela y evapora para abrirte camino por un mundo destruible por completo con hechizos creados por ti. ¡O trastea y averigua en qué líos puedes meterte!</p>
</div>
</div>
</div>
</section>
</main>
<footer class="text-muted">
<div id="container">
<div id="part1">
<div id="companyinfo"> <a id="sitelink" href="#">Home</a>
<p id="title">Una pagina de juegos</p>
<p id="detail">Soy un creador o desarrollador web simple que le gusta lo que hace y ese es su primer proyecto</p>
</div>
<div id="explore">
<p id="txt1">Explorar</p> <a class="link" href="index.html">Home</a> <a class="link" href="Steam.html">Steam</a> <a class="link" href="Nuevo.html">Nuevo</a> <a class="link" href="Oferta.html">Oferta</a>
</div>
<div id="visit">
<p id="txt2">Que se muestra:</p>
<p class="text">Juegos de altos requisitos </p>
<p class="text">Juegos de medios requisitos</p>
<p class="text">Juegos de requisitos</p>
<p class="text">Tambien de epic y steam</p>
<p class="text">Y noticias en general</p>
</div>
<div id="legal">
<p id="txt3">Terminos o "legal"</p> <a class="link1" href="#">Terminos y condiciones</a> <a class="link1" href="#">Politica y privacidad</a>
</div>
</div>
<div id="part2">
<p id="txt6">copyright 2021 tomi_web - Derechos reservados</p>
</div>
</div>
</footer>
</body>
<script src="./Carousel Template · Bootstrap v5.0_files/bootstrap.bundle.min.js.descarga" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="js/Carrousel.js"></script>
</html>