-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
199 lines (183 loc) · 11.2 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
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Linking bootstrap CSS file -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<!-- Linking AOS library CSS file -->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- Linking animate style CSS file -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
<!--Linking CSS file-->
<link rel="stylesheet" href="./css/style.css">
<!-- All relevant information for SEO -->
<meta name="description" content="Information about my life experience (Luis Vargas) with football">
<meta name="keywords" content="Football, Luis Vargas, Soccer, Futbol, Indoor football, indoor soccer">
<title>My Experience with Football</title>
<!--Setting the name of the tab-->
<link rel="icon" type="image/x-icon" href="./images/soccer-ball.png">
</head>
<body>
<!-- Bootstrap navbar -->
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand animate__animated animate__bounceInDown" href="#">
<img src="./images/football.png" alt="Football logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup"
aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="./index.html">Home</a>
<a class="nav-link" href="./pages/world-cup.html">World Cup 2022</a>
<a class="nav-link" href="./pages/premier-league.html">Premier League</a>
<a class="nav-link" href="./pages/serie-a.html">Serie A</a>
<a class="nav-link" href="./pages/la-liga.html">La Liga</a>
</div>
</div>
<a class="navbar-brand animate__animated animate__bounceInDown" href="#">
<img src="./images/football.png" alt="Football logo">
</a>
</div>
</nav>
<main>
<div class="container-fluid">
<div class="row rowOne first">
<h1>Football, the best sport ever!</h1>
<div class="col-12 col-xl-6">
<p>This is merely a recreational page created to remark the football world cup and some of the most
competitive
football leagues in the world. Specifically the Premier League, the Serie A, and La Liga. I chose those
three, because those are my three favorite football leagues, and I try to follow all of them, especially
the
Premier League. I follow a lot of Premier League matches on a weekly basis, as it is the most
competitive
league in the world, it's very entertaining, and what I like the most about it, is that every season can
come with a lot of surprises.</p>
<p>The best example I can think of that is Leicester's amazing campaing to
win
the Premier League 2015-2016. The Leicester made it into the Premier League in 2014, it barely managed
to
hold its status as a Premier League member in that same season, and just one season after (2015-2016),
they
managed to take the 1st place home.</p>
</div>
<div class="col text-center" data-aos="fade-left">
<img src="./images/messi-ronaldo.webp" alt="Messi and Ronaldo side to side">
</div>
</div>
<div class="row rowTwo">
<div class="col">
<h2>Why is this page about football? Why not a different sport? Why not about several sports?</h2>
</div>
</div>
<div class="row rowTwo">
<div class="col-12 col-lg-6">
<p>Well, the reason is rather simple for me. Some of the Football is more than just a game to me - it's a
passion that I can't get enough of. From the smell of freshly cut grass to the sound of the roaring
crowd,
there's nothing quite like the thrill of being on the field or cheering on my favorite team. I've been a
fan
of football for as long as I can remember, and every match is an opportunity to witness the incredible
skill, strategy, and athleticism of the players.</p>
</div>
<div class="col">
<p>Whether I'm watching a match from the comfort of my own home or standing in the midst of a raucous
stadium
crowd, I feel a sense of excitement that's hard to match. I love the camaraderie of being part of a
team,
the challenge of competing against opponents, and the satisfaction of seeing my favorite players execute
a
perfectly crafted play. Football is a sport that brings people together and inspires us all to strive
for
greatness, and I'm grateful for the joy and fulfillment it brings to my life.</p>
</div>
</div>
<div class="row rowOne">
<h2>My personal history with indoor football</h2>
</div>
<div class="row rowOne">
<div class="col">
<p>I started playing indoor football when I was 4 years old with my 9-year old brother. This is how my
journey
begin with big challenges from facing people who were bigger and better than me at playing indoor
football.
From there on, I continued playing indoor football through my entire childhood within my community, in
my
school, at local football fields, and quite frankly, everywhere I could get a ball and two goals for
goalkeepers to defend, even if it was an improvised goal, like two medium-sized stones at the beach to
function as the goal posts.
</div>
</div>
<div class="row rowOne">
<div class="col-12 col-lg-6">
<h3>Highschool and local competitions</h3>
<p>I was on the highschool competition team for indoor football, even though I didn't made it that far
competing with the highschool team. Simultanously, for 3 years I was part of a regional indoor
football
team (Club Miramar), where we participated in several tournaments, even making it into regional
semifinals once. For a year after that, I was part of a regional field football (Unión Atletico
Falcón)
in Punto Fijo, until I moved to Caracas to study electronical engineering in Universidad Simón
Bolívar.
In the university, I didn't have the time or resources to be part of the official university team,
but I
was training with the field football university team.</p>
</div>
<div class="col text-center" data-aos="fade-left">
<h3>Simon Bolivar University</h3>
<img src="./images/usb-university.jpg" alt="Picture of Universidad Simon Bolivar">
</div>
<div class="row">
<p>Eventually, I moved out of Caracas to Bogotá, where I've led a live dedicated mainly to work and
investing in stocks, which allows for a lot less time for playing football, indoor or field, or any
type
for that matter. Besides, Bogotá's altitude makes it complicated to perform intensive excercise as
it
makes air very thin and hard to breathe.</p>
</div>
</div>
<div class="row rowTwo">
<h2>So, is that where it all ended?</h2>
</div>
<div class="row rowTwo">
<div class="col-12 col-lg-6">
<p>Well, not exactly. While it is true that breathing and making intensive excercise and cardio is very hard
in Bogotá, I still continue to play at least once a month on a nearby indoor football court. But more
than that, I spent a lot of time now following up on the Premier League, the UEFA Champions League, the
UEFA Europa League, the FA Cup, the Carabao Cup, the Serie A, La Liga, and even the Bundesliga (although
considerably less than all the previously mentioned). Football is a passion for me, whether watching it,
or being actively playing, I can safely say that I will never completely unlink myself from the
beautiful world of football.</p>
</div>
<div class="col text-center" data-aos="fade-left">
<h3>Bogotá, Colombia</h3>
<img src="./images/bogota.jpg" alt="A picture of Bogotá from above">
</div>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto py-3 text-center">
<div class="container">
<span>Copyright, Luis Vargas, 2023.
<br>All rights reserved.
</span>
</div>
</footer>
<!-- Do NOT move the script from here. It should be at the bottom of the body. -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>
<!-- Adding AOS javascript -->
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>