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


  </head>
  <body>
    <!--header-->
      <section class="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-box">
      <h1><a id="#top">FOOTAHOLICS</a></h1>
      <p>The worlds best football website</p>
      <div id="love"><a href="#second" class="hero-btn">Explore our site to know more</a></div>
    </div>
 </section>

 <section class="sidebar">
  <nav>
    <div class="nav-links2">
      <ul>
        <li><a href="#history">HISTORY</a></li>
        <li><a href="#tournaments">TOURNAMENTS</a></li>
        <li><a href="#stadiums">STADIUMS</a></li>

      </ul>
    </div>
  </nav>
</section>

 <!--second-->
 <section class="history">
  <h1 id="history"><a id="second">Some History...</a></h1>
   <p>Some brief notes on the history of the game</p>
   <img src="images/history.jpeg" alt="history">
   <div class="row">
     <div class="history-col">
       <h3>Britain And Football</h3>
       <p>Records show that, in 1314, the Lord Mayor of London banned football in the city due to it causing ‘chaos’. If you were caught playing the game in London, you could be imprisoned. This was elaborated on during the 100 years England and France were at war, when Kings Edward II, Richard II, Hentry IV and Henry V made the game illegal throughout the UK due to it ‘taking away focus from practising military disciplines’, which were deemed more useful.</p>
     </div>
     <div class="history-col">
      <h3>Why Is A Football Game 90 Mins?</h3>
      <p>The standard length of game in football is 90 minutes.
        This duration was established for the first time in 1866 when London and Sheffield played against one another.
        For one reason or another, from here onward, 90 minutes was set as the standard duration for football games.
        Although, modern underage games do not use the 90-minute format.</p>
    </div>
    <div class="history-col">
      <h3>Founding Of Fifa</h3>
      <p>The Fédération Internationale de Football Association (FIFA) was established in Paris in 1904.
        <br> Its founding members included Belgium, France, Denmark, the Netherlands, Spain, Sweden and Switzerland. Stanley Rous, who went on to become FIFA President, wrote the laws of football and put rational to them in 1886. They were re-drafted in 1997.

        By the 1950s, after the Second World War, there were more than 73 FIFA members.</p>
    </div>

   </div>


 </section>

 <!--third-->
<section class="tournaments">
  <h1 id="tournaments">The Tournaments Of The Game</h1>
  <p>These are only 3 of the main tournaments that take place in Football..</p>
  <div class="row">
    <div class="tournaments-col">
       <img src="images/tophy.png" alt="trophy">
      <div class="layer">
        <h3>WORLD CUP</h3>
      </div>
    </div>
    <div class="tournaments-col">
      <img src="images/prem.png" alt="premier league">
     <div class="layer">
       <h3>PREMIER LEAUGE</h3>
     </div>
   </div>
   <div class="tournaments-col">
    <img src="images/CHAMP.png" alt="champions league">
   <div class="layer">
     <h3>CHAMPIONS LEAGUE</h3>
   </div>
 </div>

  </div>
  <div class="row">
    <div class="history-col">
      <h3>WORLD CUP</h3>
      <p>World Cup, formally FIFA World Cup, in football (soccer), quadrennial tournament that determines the sport's world champion. It is likely the most popular sporting event in the world, drawing billions of television viewers every tournament.
        </p>
    </div>
    <div class="history-col">
     <h3>PREMIER LEAUGE</h3>
     <p>The league takes place between August and May and involves the teams playing each other home and away across the season, a total of 380 matches. Three points are awarded for a win, one point for a draw and none for a defeat, with the team with the most points at the end of the season winning the Premier League title.</p>
   </div>
   <div class="history-col">
     <h3>CHAMPIONS LEAGUE </h3>
     <p>The UEFA Champions League is UEFA's elite club competition with top clubs across the continent playing for the right to be crowned European champions. The tournament, then called the European Cup, began in 1955/56 with 16 sides taking part.</p>
   </div>
  </div>
</section>
<!--fourth-->

<section class="stadiums">
  <h1 id="stadiums">The Beautiful Stadiums</h1>
  <p>These are some of the hosts for the world cup</p>
  <div class="row">
    <div class="stadiums-col">
      <img src="images/worldstadium.jpeg" alt="stadium 1">
      <h3>2022 World cup: <u>QATAR</u></h3>
      <p>Located in Al Rayyan just outside of Doha, Al-Rayyan Stadium will expand to hold 40,000 spectators using modular elements forming an upper tier in time for the 2022 FIFA World Cup. The stadium is reflecting the Qatari culture through its “spectacular undulating façade”.</p>
    </div>
    <div class="stadiums-col">
      <img src="images/worldstadium2018.jpeg" alt="stadium 2">
      <h3>2018 World cup: <u>RUSSIA</u></h3>
      <p>Moscow: Spartak Stadium (new). This stadium is the home arena to its namesake FC Spartak Moscow. In accordance with FIFA requirements, during the 2018 World Cup, it was called Spartak Stadium instead of its usual name Otkritie Arena. It hosted its first match on 5 September 2014.</p>
    </div>
    <div class="stadiums-col">
      <img src="images/brazilworld.jpeg" alt="stadium 3">
      <h3>2014 World cup: <u>BRAZIL</u></h3>
      <p>Arena da Amazônia (Amazon Arena) is a football stadium in Manaus, Amazonas, Brazil, located on the former site of the Vivaldão stadium. The stadium has an all-seater capacity of 44,300 and was constructed from 2010 to 2014 as part of Brazil's hosting of the 2014 FIFA World Cup.</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="https://w1789487.users.ecs.westminster.ac.uk/webDev/Products.html" 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>

<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>
<div class="love2">
  <a href="page-editor.html" class="hero-btn">Link to page editor</a>
  </div>
  <script src="script.js"></script>
  </body>
</html>