Static-HTML-CSS-Website/index.html at master · srsaikumarreddy/Static-HTML-CSS-Website · 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
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8" />
  <title>Exclusive Cricket Information</title>
    <link href="https://fonts.googleapis.com/css?family=Sofia" rel="stylesheet">
  <link rel="stylesheet" href="css/960_12_col.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/text.css">
    <link rel="stylesheet" href="css/website-minify.css">
    <meta name="description" content="Cricket Exclusive Page">
    <meta name="keywords" content="Sachin,Cricket,Rashid,Afghanistan">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

 </head>

 <body>

  <header>
    <div class="navbar"><!-- creates a  class for a fixed header -->
       <div class="content">
         <h1 ><img class="headpic" src="img/8.png" alt="BUZZINFO">buzzinfo</h1>
       </div>

       <div class="wrap">
                <nav>
                    <ul>
                        <li><a href="#">home</a></li>
                        <li><a href="#">schedule</a></li>
                        <li><a href="#">archives</a></li>
                        <li><a href="#">scorecard </a></li>
                        <li><a href="#">result</a></li>
                        <li><a href="#">facts</a></li>
                        <li><a href="#">quiz</a></li>


                    </ul>
                </nav>

       </div>
    </div>
  </header>


  <div class="container_12">
    <main>
      <h1>My Favourite Cricketers</h1>
        <div class="pics grid_12">
          <div class="grid_4 alpha">
               <article>
               <figure>
                <img src="img/5.png" alt="AB De Villiers Picture" class="images">
                <figcaption class="figtext">Ab De Villiers</figcaption>
                </figure>
                <p> Abraham Benjamin de Villiers (born 17 February 1984), commonly known as AB de Villiers also simply known as ABD, is a former South African cricketer who played for the South African national team.</p>
              </article>
            </div>
            <div class="grid_4">
              <article>
              <figure>
                <img src="img/4.png" alt="Adam Gilchrist Picture" class="images">
                <figcaption class="figtext">Adam Gilchrist</figcaption>
                </figure>
                <p>Adam Craig Gilchrist, (born 14 November 1971), nicknamed "Gilly" or "Churchy", is a former Australian international cricketer and former captain of Australian national team.
                He is considered to be the greatest wicket-keeper of all time;
                </p>
              </article>
            </div>
            <div class="grid_4 omega">
              <article>
              <figure>
                <img src="img/6.png" alt="Sachin Tendulkar Picture" class="images">
                <figcaption class="figtext">Sachin Tendulkar</figcaption>
                </figure>
                <p>Sachin Ramesh Tendulkar( born 24 April 1973) is a former Indian international cricketer and a former captain of the Indian national team, regarded as one of the greatest batsmen of all time.He is the highest run scorer of all time in International cricket.</p>
              </article>
            </div>


        </div>


        </main>


        <section class="grid_12">
            <div class="grid_6 alpha">
                <img src="img/7.png" alt="Reference" class="metainfo">
               <p>The website has information is 100 % accurate .
                  It is inspired from Cricbuzz and cricinfo.
               </p>
            </div>


            <h2 class="headlines">Recent Headlines</h2>

            <div class="grid_6 omega">
             <div class="grid_6">
              <article>
                 <h4>Cricket's ensemble cast comes together for a noble cause</h4>

                 <p>The one-off charity game will help raise funds for the refurbishment of five cricket stadia that were damaged by hurricanes Irma and Maria in the Caribbean in 2017</p></article></div>

             <div class="grid_6">
              <article>
                 <h4>Embattled England seek inspiration to level series</h4>
                 <p>Meanwhile, the visitors will look to replicate their clinical performance at Lord's to register their first Test series win in England since 1996 </p></article></div>

             <div class="grid_6">
             <article>
                <h4>No Dawlat Zadran in Afghanistan's squad for inaugural Test</h4>
                <p> Afghanistan have five spinning options - Rashid Khan, Mujeeb Ur Rahman, Zahir Khan, Hamza Kotak and Mohammad Nabi - in their 16-member squad</p></article></div>

            </div>
        </section>
      </div>

     <section class="hero">
          <div class="herotext">
              <p>The best team in the world</p>
              <button>Click to Support</button>
          </div>
        </section>


    <footer>
            <h3> Buzzinfo Inc,Delhi,India</h3>
            <p><strong>For more info</strong><br>
             contact:+91-1234567890<br>
              email:sss@gmail.com</p>
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-youtube"></a>

    </footer>
  </body>
 </html>