-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
127 lines (109 loc) · 5.94 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SLP</title>
<link rel="shortcut icon" href="./recursos/logo-final.png" type="image/x-icon">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg bg-body-tertiary nav">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="./recursos/favicon.png" alt="slp" width="50px">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page" href="./index.html">INICIO</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page"
href="./pages/boca-juniors.html">BOCA
JUNIORS</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page"
href="./pages/river-plate.html">RIVER
PLATE</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page"
href="./pages/racing-club.html">RACING
CLUB</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page"
href="./pages/independiente.html">INDEPENDIENTE</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" aria-current="page"
href="./pages/contacto.html">CONTACTANOS</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="mq-index">
<h1 class="titulo-1">SONRIE LA PELOTA</h1>
<div class="container foto">
<div class="row">
<img class="col-sm-12 col-lg-6" src="./recursos/somos-rivales-no-enemigos.jpg"
alt="hinchadas unidas" width="400px">
<img class="col-sm-12 col-lg-6" src="./recursos/[email protected]" alt="Futbol"
width="474px">
</div>
</div>
</div>
<section class="parrafo-1">
<p>En esta página vas a poder visualizar la historia de cuatro de los grandes equipos de nuestro fútbol.
Desde sus comienzos, que ganaron, cuantos títulos tienen en su haber y mucho más. Además, para ir
adelantandoles vamos a comenzar haciendo vivos, los sabados a partir de las 15:00hs por nuestra página
de Instagram</p>
</section>
<h2 class="h2">¿QUIENES SOMOS?</h2>
<section class="titulo">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam quaerat ratione, libero nam magni
deleniti
dolorem ut reprehenderit! Autem sequi molestiae vitae officia quaerat veniam ipsa reprehenderit ratione
eius
exercitationem accusamus beatae eveniet, molestias fuga ipsum quae corrupti repellat eos, optio quam.
Doloribus eos sunt nisi repellendus animi dignissimos veritatis! Fuga quia itaque asperiores, quod,
magni
odio consequatur cum soluta aliquid, deleniti odit tenetur! Quo unde ea vitae dolorum ex! Optio velit
magnam
blanditiis eaque accusamus assumenda maxime, suscipit corporis? Error quam earum, assumenda corporis
maiores
velit magni, maxime quae eveniet officiis ratione temporibus veritatis accusamus omnis qui, obcaecati
magnam
culpa illum? Voluptatum, eligendi eaque omnis perspiciatis eum itaque quae optio beatae rerum obcaecati
unde
architecto, minima quis iusto ad delectus commodi ex sit ut praesentium sed voluptas cum recusandae.
Possimus soluta laborum reprehenderit officiis accusamus incidunt neque in assumenda eos, libero
reiciendis
tempora impedit voluptas ullam. Consectetur, tempora facere.</p>
</section>
</main>
<footer class="footer">
<ul class="ul-footer">
<li><a href="https://www.instagram.com/sonrielapelota1/" target="_blank">INSTAGRAM</a></li>
<li><a href="https://www.ole.com.ar/" target="_blank">OLE</a></li>
<li><a href="https://www.tycsports.com/" target="_blank">TYC SPORTS</a></li>
</ul>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
crossorigin="anonymous"></script>
</body>
</html>