-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
131 lines (116 loc) · 6.83 KB
/
index.html
File metadata and controls
131 lines (116 loc) · 6.83 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Calistoga&family=Josefin+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Rosarivo:ital@0;1&family=Suez+One&family=Yeseva+One&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Inter Legends</title>
</head>
<body>
<main class="main flow">
<div class="intro flow">
<h1 class="main-heading">Inter Legends</h1>
<p class="tagline">~ Heroes of the past ~</p>
<div class="badges">
<img src="images/badge3.png" alt="Inter Milan oldest logo" class="badge">
<img src="images/badge13.png" alt="Inter Milan older logo" class="badge">
<img src="images/badge2.png" alt="Inter Milan current logo" class="badge">
</div><!-- end badges -->
</div><!-- end intro -->
<section class="players flow" aria-labelledby="section__heading__title">
<div class="section__heading">
<h2 class="section__heading__title">Players</h2>
</div><!-- end section__heading -->
<div class="cards">
<div class="card">
<div class="card__image__wrapper">
<img src="images/zanetti1.jpg" alt="Javier Zanetti on the pitch" class="card__image">
</div><!-- end card__image__wrapper -->
<div class="card__text flow">
<h2 class="card__heading">#4 Zanetti</h2>
<p class="card__paragraph">1995 - 2014</p>
<ul class="card__list">
<li class="card__list__item"><span class="key">Games</span><span class="value">858</span></li>
<li class="card__list__item"><span class="key">Goals</span><span class="value">21</span></li>
</div><!-- end card__text -->
</div><!-- end card -->
<div class="card">
<div class="card__image__wrapper">
<img src="images/bergomi2.jpg" alt="Giuseppe Bergomi on the pitch" class="card__image">
</div><!-- end card__image__wrapper -->
<div class="card__text flow">
<h2 class="card__heading">#2 Bergomi</h2>
<p class="card__paragraph">1979 - 1999</p>
<ul class="card__list">
<li class="card__list__item"><span class="key">Games</span><span class="value">754</span></li>
<li class="card__list__item"><span class="key">Goals</span><span class="value">29</span></li>
</ul>
</div><!-- end card__text -->
</div><!-- end card -->
<div class="card">
<div class="card__image__wrapper">
<img src="images/ronaldo2.webp" alt="Ronaldo on the pitch" class="card__image">
</div><!-- end card__image__wrapper -->
<div class="card__text flow">
<h2 class="card__heading">#9 Ronaldo</h2>
<p class="card__paragraph">1997 - 2002</p>
<ul class="card__list">
<li class="card__list__item"><span class="key">Games</span><span class="value">99</span></li>
<li class="card__list__item"><span class="key">Goals</span><span class="value">59</span></li>
</ul>
</div><!-- end card__text -->
</div><!-- end card -->
</div><!-- end cards -->
</section><!-- end players -->
<section class="managers flow" aria-labelledby="section__heading">
<h2 class="section__heading__title">Managers</h2>
</section><!-- end managers -->
<div class="cards">
<div class="card">
<div class="card__image__wrapper">
<img src="images/mourinho1.jpg" alt="Jose Mourinho" class="card__image">
</div><!-- end card__image__wrapper -->
<div class="card__text flow">
<h2 class="card__heading">Mourinho</h2>
<p class="card__paragraph">2008 - 2010</p>
<ul class="card__list">
<li class="card__list__item"><span class="key">Games</span><span class="value">108</span></li>
<li class="card__list__item"><span class="key">Win %</span><span class="value">62</span></li>
</div><!-- end card__text -->
</div><!-- end card -->
<div class="card">
<div class="card__image__wrapper">
<img src="images/herrera1.jpg" alt="Helenio Herrera" class="card__image">
</div><!-- end card__image__wrapper -->
<div class="card__text flow">
<h2 class="card__heading">Herrera</h2>
<p class="card__paragraph">1960 - 1968, 1973 - 1974</p>
<ul class="card__list">
<li class="card__list__item"><span class="key">Games</span><span class="value">367</span></li>
<li class="card__list__item"><span class="key">Win %</span><span class="value">56</span></li>
</ul>
</div><!-- end card__text -->
</div><!-- end card -->
<div class="card">
<div class="card__image__wrapper">
<img src="images/trapattoni1.jpg" alt="Giovanni Trapattoni" class="card__image">
</div><!-- end card__image__wrapper -->
<div class="card__text flow">
<h2 class="card__heading">Trapattoni</h2>
<p class="card__paragraph">1986 - 1991</p>
<ul class="card__list">
<li class="card__list__item"><span class="key">Games</span><span class="value">233</span></li>
<li class="card__list__item"><span class="key">Win %</span><span class="value">53</span></li>
</ul>
</div><!-- end card__text -->
</div><!-- end card -->
</div><!-- end cards -->
</main><!-- end main -->
<footer class="footer">
<p class="footer__paragraph">Made by <a href="#">Islandstone</a></p>
</footer><!-- end footer -->
</body>
</html>