-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
287 lines (239 loc) · 12 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
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Celtics - Website</title>
<!-- css -->
<link rel="stylesheet" href="./css/celtics.css">
<!-- favicon -->
<link rel="shortcut icon" href="./img/favicon.png" type="image/x-icon">
<!-- font-awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div id="wrapped">
<!-- Navegación -->
<nav>
<div class="topnav" id="myTopnav">
<a href="#" class="active">Home</a>
<a href="#intro">Introduccion</a>
<a href="#trophies">Trophies</a>
<a href="#video">Video</a>
<a href="#coachingstaff">Coaching Staff</a>
<a href="#gallery">Gallery</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</nav>
<!-- Sección "Hero" -->
<section id="hero">
<a href="https://www.nba.com/celtics/contact"><button>Contact</button></a>
</section>
<!-- Sección "Introducción" -->
<section id="intro">
<div class="grid-2">
<div class="col-2">
<h1 class="titleintro">Introduction</h1>
<!-- Accordion -->
<section id="accordion">
<div class="accordion">
<article>
<input id="article1" type="radio" name="articles" checked>
<label for="article1">
<h2>Origin</h2>
</label>
<div>
The Boston Celtics (/'sɛltɪks/ SEL-tiks) are an American professional basketball team based in Boston. The Celtics compete in the National Basketball Association (NBA) as a member of the Atlantic Division of the Eastern Conference. Founded in 1946 as one of the league's original eight teams, the Celtics play their home games at TD Garden, which is also the home of the National Hockey League's Boston Bruins. The Celtics are one of the most successful teams in NBA history. The franchise's 17 NBA championships are the joint most of any team, alongside their historical rival Los Angeles Lakers. The Celtics currently hold the record for the most recorded wins of any NBA team.
</div>
</article>
<article>
<input id="article2" type="radio" name="articles">
<label for="article2">
<h2>Rivalry</h2>
</label>
<div>
The Celtics have a notable rivalry with the Los Angeles Lakers, which was heavily highlighted throughout the 1960s and 1980s. During the two teams' many match-ups in the 1980s, the Celtics' star, Larry Bird, and the Lakers' star, Magic Johnson, had an ongoing feud. The franchise has played the Lakers a record 12 times in the NBA Finals (including recent appearances in 2008 and 2010), of which the Celtics have won nine.Four Celtics players (Bob Cousy, Bill Russell, Dave Cowens and Larry Bird) have won the NBA Most Valuable Player Award for an NBA record total of 10 MVP awards.Both the nickname "Celtics" and their mascot "Lucky the Leprechaun" are a nod to Boston's historically large Irish population, and also to the Original Celtics, a marquee team prior to the NBA.
</div>
</article>
<article>
<input id="article3" type="radio" name="articles">
<label for="article3">
<h2>Dominance</h2>
</label>
<div>
The Celtics' rise to dominance began in the late 1950s, after the team, led by coach Red Auerbach, acquired center Bill Russell, who would become the cornerstone of the Celtics dynasty, in a draft-day trade in 1956. Led by Russell and point guard Bob Cousy, the Celtics won their first NBA championship in 1957. Russell, along with a talented supporting cast of future Hall of Famers including John Havlicek, Tom Heinsohn, K. C. Jones, Sam Jones, Satch Sanders, and Bill Sharman, would usher the Celtics into the greatest period in franchise history, winning eight consecutive NBA championships from 1959 to 1966. After Russell retired in 1969, the team entered a period of rebuilding. In the mid-1970s, the Celtics became contenders once again, winning two championships in 1974 and 1976 under the leadership of center Dave Cowens, forward John Havlicek, and point guard Jo Jo White. In the 1980s, the Celtics returned to dominance, as well as renewed competition with the "Showtime" Lakers, who were led by Magic Johnson and Kareem Abdul-Jabbar. Anchored by the "Big Three" of Larry Bird, Kevin McHale, and Robert Parish, the Celtics won championships in 1981, 1984, and 1986. The team defeated the Lakers in the 1984 Finals, but lost to Los Angeles in 1985 and 1987.
</div>
</article>
<article>
<input id="article4" type="radio" name="articles">
<label for="article4">
<h2>Downgrade</h2>
</label>
<div>
After the departure of Parish as a free agent, the retirements of Bird and McHale, as well as the untimely deaths of 2nd overall draft pick Len Bias and star player Reggie Lewis, the team struggled through the 1990s and much of the early 2000s. It was not until the Celtics assembled a new "Big Three" of Kevin Garnett, Paul Pierce, and Ray Allen that they found success once again. Under the leadership of head coach Doc Rivers, the team beat the Lakers to win a championship in 2008, but lost to Los Angeles in a seven-game series in 2010, the latest Finals matchup between the two ancient rivals. By the start of the 2013-14 season, none of the new "Big Three" were still with the team. Kevin Garnett and Paul Pierce were traded away to the Brooklyn Nets, while Allen left as a free agent. After a period of rebuilding, the Celtics became a force again under head coach Brad Stevens. During the 2016-17 season, the Celtics clinched the top seed in the Eastern Conference, but were eliminated in the Conference Finals. Led by Jaylen Brown and Jayson Tatum, the team reached the Conference Finals four times over the following six years and returned to the NBA Finals in 2022, losing to the Golden State Warriors.
</div>
</article>
</div>
</section>
</div>
<div class="col-2">
<h1 class="introimgtitle"> Shield's Team </h1>
<img id="introimg" src="./img/celtics.png" alt="Foto guay">
</div>
</div>
</section>
<section id="trophies">
<h1 class="titles">Trophies</h1>
<div class="grid-4">
<div class="col-4">
<div class="card">
<img id="trophie1" src="./img/trophie1.png" alt="texto de ejemplo">
<h3>1957 NBA Champions</h3>
<p>The 1957 NBA World Championship Series was the championship series of the 1956-57 National Basketball Association season, and was the conclusion of the 1957 NBA Playoffs. The best-of-seven series was played between the Western Division champion St.</p>
</div>
</div>
<div class="col-4">
<div class="card">
<img src="./img/trophie2.png" alt="">
<h3>2021-2022 NBA Eastern Conference Champions</h3>
<p>The Celtics were one of the most entertaining franchises during the 2021-22 season. The Celtics won the division and the Eastern Conference championship en route to another NBA Finals appearance.</p>
</div>
</div>
<div class="col-4">
<div class="card">
<img src="./img/trophie3.png" alt="">
<h3>1981 NBA Champions</h3>
<p>Spalding NBA Official Champions basketball. Hand-signed by members of the 1981 NBA Champions Boston Celtics, with Larry Bird, Robert Parish, Gerald Henderson, Cedric Maxwell, and Rick Robey.</p>
</div>
</div>
<div class="col-4">
<div class="card">
<img src="./img/trophie4.png" alt="">
<h3>2008 NBA Champions</h3>
<p>Led by Paul Pierce, Kevin Garnett, and Ray Allen, and holding home court advantage, the Celtics defeated the Lakers, led by Pau Gasol and MVP Kobe Bryant, in six games. It was their first title in twenty-two years and their 17th title overall.</p>
</div>
</div>
</div>
</section>
<!-- Sección "Video" -->
<section id = "video">
<div class ="col-2">
<div class ="card">
<h1>Video Presentation</h1>
<p>Boston Celtics 2022-2023 Intro Video</p>
<div class="container">
<pre><div class="video-responsive">
<iframe src="https://www.youtube.com/embed/YcF_SS_KSag?si=1OkT_eKzGCCUsMxA" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
</div>
</pre>
</div>
</section>
<!-- Sección "Coaching Staff" -->
<section id ="coachingstaff">
<h1>Coaching Staff</h1>
<div class="grid-4">
<div class="col-4">
<div class="card">
<img id="coach1" src="./img/coach1.png" alt="">
<h3>Head Coach</h3>
<p>Joe Mazzulla </p>
</div>
</div>
<div class="col-4">
<div class="card">
<img src="./img/coach2.png" alt="">
<h3>Assistant Coach</h3>
<p>Charles Lee</p>
</div>
</div>
<div class="col-4">
<div class="card">
<img src="./img/coach3.png" alt="">
<h3>Enhancement Coach</h3>
<p>Craig Luschenat</p>
</div>
</div>
<div class="col-4">
<div class="card">
<img src="./img/coach4.png" alt="">
<h3>Senior Consultant</h3>
<p>Jeff Van Gundy</p>
</div>
</div>
</p>
</section>
<!-- Sección "Gallery" -->
<section id="gallery">
<h1>Gallery</h1>
<div class="imgcontainer">
<img src="./img/gallery1.png">
<img src="./img/gallery2.png">
<img src="./img/gallery3.png">
<img src="./img/gallery4.png">
<img src="./img/gallery5.png">
<img src="./img/gallery6.png">
<img src="./img/gallery7.png">
<img src="./img/gallery8.png">
</div>
</section>
<!-- Sección "Footer" -->
<footer>
<div class="grid-3d">
<div class="col-4">
<div class="verticalizquierda">
<br>
<h3>Síguenos en redes:</h3>
<br>
<a href="https://www.facebook.com/bostonceltics" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="https://twitter.com/celtics"<i class="fa fa-twitter" aria-hidden="true"></i> </a>
<a href="https://www.instagram.com/celtics/"<i class="fa fa-instagram" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/company/bostonceltics"<i class="fa fa-linkedin" aria-hidden="true"></i></a>
<br>
<br>
<br>
<hr>
<a href="https://www.nba.com/celtics/" id="siteoficial"> <h3> Site oficial </h3></a>
<br>
<hr>
<br>
<h3 id="myBtn">Créditos</h3>
<br>
<hr>
<!-- w3school -->
<!-- The Modal -->
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<p><strong>Contenido y Diseño:</strong><br>Sergio Ramos Alarcón</p>
<p><strong>Fotografías e Imágenes:</strong><br>Propiedad de la NBA. Todos los derechos reservados.</p>
<p><strong>Datos Estadísticos:</strong><br>Proporcionados por NBA Stats.</p>
<p><strong>Recursos Gráficos:</strong><br>Iconos y gráficos de IconFinder.</p>
<p><strong>Fuentes Tipográficas:</strong><br>Fuentes utilizadas: Vintage, Nova-Bold.</p>
<p><strong>Agradecimientos Especiales:</strong><br>Agradecemos a la NBA por su colaboración.</p>
</div>
</div>
</div>
</div>
<div class="col-4 menufooter">
<a href="#">Home</a>
<a href="#intro">Introduction</a>
<a href="#trophies">Trophies</a>
<a href="#knowmore">Know More</a>
<a href="#gallery">Gallery</a>
</div>
<div class="col-2">
<!-- Google Maps -->
<div class="container">
<iframe class="responsive-iframe" src="//www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2947.889134445643!2d-71.06472092346077!3d42.3662019347129!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89e3708e162d05cb%3A0x32d335fe5ed797a8!2sTD%20Garden!5e0!3m2!1ses!2ses!4v1701770131853!5m2!1ses!2ses" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</footer>
</div>
<!-- Javascript -->
<script src="./js/celtics.js"></script>
</body>
</html>