Practice-HTML-CSS/Project.html at master · Sparshak20/Practice-HTML-CSS · 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
<!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" />
    <link rel="stylesheet" href="Project.css" />    <!--Linking of Css File-->

    <title>GLSports</title>
  </head>
  <body>
    <div id="Heading">
      <header>
        <nav class="header_elements">
          <ul class="header_items">
            <li>
              <a href="#Heading">GLSports</a>
            </li>
            <li>
              <a href="#aboutus">About Us</a>
            </li>
            <li>
              <a href="#indoor">Indoor</a>
            </li>
            <li>
              <a href="#outdoor">Outdoor</a>
            </li>
            <li>
              <a href="#history">History</a>
            </li>
          </ul>
          <a href="#" id="openup">GLSports</a>
        </nav>
      </header>
      <div class="section_main container">
          <h1>GL Sports</h1>
          <h2>Your best place to visualize and enjoy playing different sports</h2>
          <p class="section_main_content">Sports is the best way to organize and enjoy the feel of playing and stepping into the world of virtual sports - and
              shop for the ones you want. Enjoy all the entertainment provided free and in any platforms - MAC and Windows.
          </p>
      </div>
    </div>
    <footer>
        <div class="container">
            <div class="footer_cols">
                <ul>
                    <li>Shop & Play</li>
                    <li>
                        <a href="#">3D Sports</a>
                    </li>
                    <li>
                        <a href="#">Arcade Sports</a>
                    </li>
                    <li>
                        <a href="#">Virtual Reality</a>
                    </li>
                    <li>
                        <a href="#">Merchandise</a>
                    </li>
                    <li>
                        <a href="#">Gift Cards</a>
                    </li>

                </ul>
                <ul>
                    <li>GLSports Store</li>
                    <li>
                        <a href="#">Find a store</a>
                    </li>
                    <li>
                        <a href="#">Today at GLSports</a>
                    </li>
                    <li>
                        <a href="#">Sports Camp</a>
                    </li>
                    <li>
                        <a href="#">Entertainment</a>
                    </li>
                    <li>
                        <a href="#">Order Sports Items</a>
                    </li>

                </ul>
                <ul>
                    <li>Education & Business</li>
                    <li>
                        <a href="#">GL & Education</a>
                    </li>
                    <li>
                        <a href="#">Shop for courses</a>
                    </li>
                    <li>
                        <a href="#">GL & Business</a>
                    </li>
                    <li>
                        <a href="#">Shop for business</a>
                    </li>
                    <li>
                        <a href="#">Jobs</a>
                    </li>

                </ul>
                <ul>
                    <li>About GL</li>
                    <li>
                        <a href="#">Newsroom</a>
                    </li>
                    <li>
                        <a href="#">GL leadership</a>
                    </li>
                    <li>
                        <a href="#">GL Blogs</a>
                    </li>
                    <li>
                        <a href="#">Events</a>
                    </li>
                    <li>
                        <a href="#">Contact GL</a>
                    </li>

                </ul>
            </div>
        </div>
        <div class="footer_bottom">
            Copyright &copy; 2022 Learning
        </div>
    </footer>
  </body>
</html>