MSD-Tribute-page/index.html at main · thaya-rk/MSD-Tribute-page · 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
<!DOCTYPE html>
<html lang="en">
<head>

  <!-- Basic Page Needs
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta charset="utf-8">
  <title>Mahindra Singh Dhoni</title>
  <meta name="description" content="A MSD tribute page.">
  <meta name="author" content="Jorge Sanz">

  <!-- Mobile Specific Metas
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- FONT
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>

  <!-- CSS
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/skeleton.css">

  <!-- Favicon
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <link rel="icon" type="image/png" href="images/favicon.png">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>

  <!-- Primary Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div id="first-div">
    <div class="container">
      <div class="row">
        <div class="twelve columns" style="margin-top: 20vh">
          <h1 id="first-div-title">M.S.Dhoni</h1>
          <h3 id="first-div-subtitle">1955 - Forever</h3>
          <a href="https://www.youtube.com/watch?v=b4OH3vBANa4"><img id="first-div-button" src="./images/Circular Play Button.png"></a>
        </div>
      </div>
    </div>
  </div>

  <!-- Second Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div id="second-div">
    <div id="second-div-text"><div id="steve-jobs-quote">“You Don't play for the crowd, You are playing for the country.”</div></div>
    <div id="second-div-image"><img id="dhoniimg" src="./images/dhoni1.png"></div>
  </div>

  <!-- Third Page Layout
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
  <div id="third-div">
    <div class="container">
      <div class="row">
        <div class="two columns"><br></div>
        <div class="eight columns" id="third-div-content">
          <h1 id="third-div-title">Biography</h1>
          <h5 id="third-div-text">
            M.S. Dhoni, born on July 7, 1981, is a former Indian cricketer and one of the most successful captains in the history of Indian cricket. Hailing from Jharkhand, Dhoni made his debut in 2004 and quickly rose to prominence for his explosive batting style and astute captaincy. Known as "Captain Cool," he led the Indian cricket team to numerous victories, including the 2007 ICC World Twenty20, the 2010 and 2016 Asia Cups, and the 2011 ICC Cricket World Cup, where he famously sealed the win with a six. Dhoni is admired for his calm demeanor under pressure and his innovative captaincy. He retired from international cricket in August 2020, leaving an indelible mark on the sport.</p>
          </h5>
        </div>
        <div class="two columns"><br></div>
      </div>
      <hr width="80%">
    </div>
    <p id="author-text">Made with🔥by <a href="https://github.com/thaya-rk">Thaya</a></p>
  </div>

<!-- End Document
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>