TeamProject_FootballWebpage/content.html at main · babakere/TeamProject_FootballWebpage · GitHub

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
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Content Page</title>
    <link rel="stylesheet" href="content.css">


  </head>
  <body>
    <!--header-->
      <section class="sub-header">

        <nav>
          <a href="index.html"><img src="images/FootballLogo.png" alt="logo"></a>
          <div class="nav-links">
            <ul>
              <li><a href="index.html">HOME</a></li>
              <li><a href="https://w1824897.users.ecs.westminster.ac.uk/Webdev/Sitemap.html">SITEMAP</a></li>
              <li><a href="https://w1789487.users.ecs.westminster.ac.uk/webDev/Products.html">PRODUCTS</a></li>
              <li><a href="https://w1821973.users.ecs.westminster.ac.uk/WebDev/about.html">ABOUT US</a></li>
              <li><a href="https://w1821973.users.ecs.westminster.ac.uk/WebDev/Quiz.html">QUIZ</a></li>
              <li><a href="query.html">CONTACT US</a></li>
              <li><a href="content.html">CONTENT</a></li>
            </ul>
          </div>
        </nav>

    <div class="text-box1">
      <h1><a id="#top">FOOTAHOLICS</a></h1>
      <p>The worlds best football website</p>
    </div>
 </section>
<section class="sidebar">
  <nav>
    <div class="nav-links2">
      <ul>
        <li><a href="#top">TOP</a></li>
        <li><a href="#goalkeeper">GOALKEEPERS</a></li>
        <li><a href="#defence">DEFENCE</a></li>
        <li><a href="#midfield">MIDFIELD</a></li>
        <li><a href="#striker">STRIKERS</a></li>
        <li><a href="#manager">MANAGERS</a></li>
      </ul>
    </div>
  </nav>
</section>


 <!--first-->
<section class="players" id="goalkeeper">
  <h1>The Best Players In Football...</h1>
  <h2>BEST GOALKEEPERS IN THE WORLD</h2>
  <div class="row">
    <div class="players-col">
       <img src="images/Manuel.webp" alt="neuer" >
      <div class="layer">
        <h3>MANUEL NEUER</h3>
      </div>
    </div>
    <div class="players-col">
      <img src="images/buffon.jpeg" alt="buffon">
     <div class="layer">
       <h3>GIANLUIGI BUFFON</h3>
     </div>
   </div>
   <div class="players-col">
    <img src="images/pter.png" alt="czech">
   <div class="layer">
     <h3>PTER CZECH</h3>
   </div>
 </div>
</div>
<div class="row">
  <div class="info-col">
    <h3>MANUEL NEUER</h3>
    <p>Manuel Neuer, in full Manuel Peter Neuer, (born March 27, 1986, Gelsenkirchen, Germany), German football (soccer) player who, as one of the game’s leading goalkeepers, helped Germany win the 2014 World Cup; for his performance, he received the Golden Glove award as the tournament’s best goalkeeper.
      </p>
  </div>
  <div class="info-col">
   <h3>GIANLUIGI BUFFON</h3>
   <p>Gianluigi Buffon Ufficiale OMRI (born 28 January 1978) is an Italian professional footballer who captains and plays as a goalkeeper for the Serie B club Parma. He is widely regarded as one of the greatest goalkeepers of all time, and by some as the greatest ever.</p>
 </div>
 <div class="info-col">
   <h3>PTER CZECH</h3>
   <p>Petr Čech (born 20 May 1982) is a retired Czech football player who is the technical and performance advisor as well as an emergency backup goalkeeper for Chelsea. He is thought by some players, journalists and managers as the greatest goalkeeper in the history of the Premier League and, by many, as the greatest goalkeeper to have played for Chelsea. Currently, he plays as a goaltender for the London based ice hockey club Guildford Phoenix.</p>
 </div>
</div>
</section>
<!-- second column-->
<section class="players">
  <h2 id="defence">BEST DEFENSIVE PLAYERS IN THE WORLD</h2>
  <div class="row">
    <div class="players-col">
       <img src="images/bobby.jpeg" alt="bobby">
      <div class="layer">
        <h3>BOBBY MOORE</h3>
      </div>
    </div>
    <div class="players-col">
      <img src="images/carlos.jpeg" alt="carlos">
     <div class="layer">
       <h3>ROBERTO CARLOS</h3>
     </div>
   </div>
   <div class="players-col">
    <img src="images/puyol.jpeg" alt="puyol">
   <div class="layer">
     <h3>CARLOS PUYOL</h3>
   </div>
 </div>
</div>
<div class="row">
  <div class="info-col">
    <h3>BOBBY MOORE</h3>
    <p>Robert Frederick Chelsea Moore OBE (12 April 1941 – 24 February 1993) was an English professional footballer. He most notably played for West Ham United, captaining the club for more than ten years, and was the captain of the England national team that won the 1966 FIFA World Cup.
      </p>
  </div>
  <div class="info-col">
   <h3>ROBERTO CARLOS</h3>
   <p>Roberto Carlos, in full Roberto Carlos Braga, (born April 19, 1941, Cachoeiro de Itapemirim, Espírito Santo state, Brazil), Brazilian singer-songwriter who was at the forefront of the 1960s rock-and-roll movement in Brazil and later became hugely popular as a performer of romantic ballads and boleros.</p>
 </div>
 <div class="info-col">
   <h3>CARLOS PUYOL</h3>
   <p>He was Barcelona's captain from August 2004 until his retirement in 2014, and appeared in 593 competitive matches for the club. He won 18 major club titles, including six La Liga trophies and three Champions Leagues. Puyol won 100 caps for Spain, and was part of the squads that won Euro 2008 and the 2010 World Cup.</p>
 </div>
</div>
</section>
<!-- third-->
<section class="players" >
  <h2 id="midfield">BEST MIDFIELD PLAYERS IN THE WORLD</h2>
  <div class="row">
    <div class="players-col">
       <img src="images/ZIDANE.webp" alt="zidane">
      <div class="layer">
        <h3>ZINEDINE ZIDANE</h3>
      </div>
    </div>
    <div class="players-col">
      <img src="images/scholes.jpeg" alt="scholes">
     <div class="layer">
       <h3>PAUL SCHOLES</h3>
     </div>
   </div>
   <div class="players-col">
    <img src="images/INESTA.jpeg" alt="iniesta">
   <div class="layer">
     <h3>INIESTA</h3>
   </div>
 </div>
</div>
<div class="row">
  <div class="info-col">
    <h3>ZINEDINE ZIDANE</h3>
    <p>Zinedine Yazid Zidane (French: Zinédine Yazid Zidane; born 23 June 1972), popularly known as Zizou, is a French former professional football player who played as an attacking midfielder. He most recently coached Spanish club Real Madrid and is one of the most successful coaches in the world.
      </p>
  </div>
  <div class="info-col">
   <h3>PAUL SCHOLES</h3>
   <p>Paul Scholes (born 16 November 1974) is an English football coach, pundit, former player, and co-owner of Salford City. He spent his entire professional playing career with Manchester United, for whom he scored over 150 goals in more than 700 appearances between 1993 and 2013.</p>
 </div>
 <div class="info-col">
   <h3>INIESTA</h3>
   <p>Andrés Iniesta Luján (born 11 May 1984) is a Spanish professional footballer.

    Iniesta came through La Masia, the Barcelona youth academy, after an early migration from his birthplace, and impressed from an early age. He made his first-team debut aged 18 in 2002. He began playing regularly during the 2004–05 season and remained in the team until 2018. Iniesta was an integral part of the Barcelona sides that won two historic trebles in 2009 and 2015, and his 35 trophies.</p>
 </div>
</div>
</section>
<!-- fourth-->
<section class="players" >
  <h2 id="striker">BEST STRIKERS IN THE WORLD</h2>
  <div class="row">
    <div class="players-col">
       <img src="images/ronaldo.jpeg" alt="ronaldo">
      <div class="layer">
        <h3>RONALDO</h3>
      </div>
    </div>
    <div class="players-col">
      <img src="images/pele.webp" alt="pele">
     <div class="layer">
       <h3>PELE</h3>
     </div>
   </div>
   <div class="players-col">
    <img src="images/maradona.jpeg" alt="neuer">
   <div class="layer">
     <h3>DIEGO MARADONA</h3>
   </div>
 </div>
</div>
<div class="row">
  <div class="info-col">
    <h3>RONALDO</h3>
    <p>Ronaldo, in full Ronaldo Luiz Nazario de Lima, (born September 22, 1976, Itaguai, Brazil), Brazilian football (soccer) player who led Brazil to a World Cup title in 2002 and who received three Player of the Year awards (1996–97 and 2002) from the Fédération Internationale de Football Association (FIFA).
      </p>
  </div>
  <div class="info-col">
   <h3>PELE</h3>
   <p>Brazilian football (soccer) player Pelé is regarded as perhaps the greatest player in the history the game. In his time he was probably the most famous and possibly the best-paid athlete in the world. He was part of the Brazilian national teams that won three World Cup championships (1958, 1962, and 1970).</p>
 </div>
 <div class="info-col">
   <h3>DIEGO MARADONA</h3>
   <p>Diego Maradona, in full Diego Armando Maradona, (born October 30, 1960, Lanus, Buenos Aires, Argentina—died November 25, 2020, Tigre, Buenos Aires), Argentine football (soccer) player who is generally regarded as the top footballer of the 1980s and one of the greatest of all time.</p>
 </div>
</div>
</section>
<!-- fifth-->
<section class="players" >
  <h2 id="manager">BEST MANAGERS IN THE WORLD</h2>
  <div class="row">
    <div class="players-col">
       <img src="images/alex.webp" alt="alex">
      <div class="layer">
        <h3>SIR ALEX FERGUSON</h3>
      </div>
    </div>
    <div class="players-col">
      <img src="images/mourihnio.webp" alt="jose">
     <div class="layer">
       <h3>JOSE MOURINHO</h3>
     </div>
   </div>
   <div class="players-col">
    <img src="images/pep.jpeg" alt="pep">
   <div class="layer">
     <h3>PEP GUARDIOLA</h3>
   </div>
 </div>
</div>
<div class="row">
  <div class="info-col">
    <h3>SIR ALEX FERGUSON</h3>
    <p>Sir Alexander Chapman Ferguson CBE (born 31 December 1941) is a Scottish former football manager and player, best known for managing Manchester United from 1986 to 2013. He is widely regarded as the greatest football manager of all time, and has won more trophies than any other manager in the history of football.
      </p>
  </div>
  <div class="info-col">
   <h3>JOSE MOURINHO</h3>
   <p>Jose Mourinho is a football manager, widely regarded as one of the best coaches in the game. He has led numerous top European teams to national and European honours. He is also renowned for his acerbic and self-confident style.</p>
 </div>
 <div class="info-col">
   <h3>PEP GUARDIOLA</h3>
   <p>Guardiola was a defensive midfielder who usually played in a deep-lying playmaker's role. He spent the majority of his career with Barcelona, forming a part of Johan Cruyff's Dream Team that won the club's first European Cup in 1992, and four successive Spanish league titles from 1991 to 1994.</p>
 </div>
</div>
</section>
<!--call to action-->
<section class="cta">
  <h1>JOIN THE MOVEMENT OF FOOTBALL
    <br>
    SHOP FOR OUR PRODUCTS ON OUR WEBSITE
  </h1>
  <a href="" class="hero-btn">Browse Products</a>


</section>
<!--back to top button-->
<div class="love2">
  <a href="#top" class="hero-btn">back to top</a>
</div>
<!--footer-->
<section class="footer">
  <h4>About Us</h4>
  <p>The proud owners of footaholics have been designing and producing the footaholics website with tender loving care.
    <br>We are the best service provided around.</p>
    <p>copyright© 2022 Footaholics</p>

</section>
<!-- page editor button-->
<div class="love2">
  <a href="page-editor.html" class="hero-btn">Link to page editor</a>
  </div>

  </body>
</html>