-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (115 loc) · 6.99 KB
/
Copy pathindex.html
File metadata and controls
136 lines (115 loc) · 6.99 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<title>virat kohli</title>
<link rel="icon" type="image/x-icon" href="vk1.jpg">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width: 1170px)" href="phone.css">
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">
</head>
<body id="gradient">
<nav id="navbar">
<div id="logo">
<img id ="img"src="vk1.jpg" alt="viratkohli.com" style="border-radius: 55%;">
</div>
<ul>
<li class="item"><a href="#home">Home</a></li>
<li class="item"><a href="#greatknocks
-container">Great knocks</a></li>
<li class="item"><a href="#client-section">Videos</a></li>
<li class="item"><a href="https://mailchi.mp/7d81c82d0763/myweb"> Contact us</a></li>
<li class="item" id="y"> customize bg-color <input class="color1 x" type="color" name="color1" value="#ffffff">
<input class="color2 x" type="color" name="color2" value="#ffffff" >
</li>
</ul>
</nav>
<section id="home">
<video autoplay muted loop 10s id="myVideo" >
<source src="vk.mp4" type="video/mp4" >
</video>
<h1 class="h-primary animate__animated animate__delay-0.2s animate__backInDown">The Chase Master</h1>
<p></p>
<p class ="para animate__animated animate__delay-0.2s animate__backInUp">virat known for his ability to chase any total and his standards towards his fitness and known as runmachine </p>
<button class="btn "> <a href="https://www.icc-cricket.com/media-releases/1956755" target="_blank" id ="linker">ICC PLAYER OF DECADE</a></button>
</section>
<section id="greatknocks-container">
<h1 class="h-primary center zoomin">Great knocks</h1>
<div id="greatknocks">
<div class="box" id="box">
<img src="vk1.jpg" alt="">
<h2 class="h-secondary center">113 vs KXIP IPL 2016 </h2>
<p class="center">The 113-run knock played by Virat Kohli against Kings XI Punjab in 2016 was a crucial one as it helped his team, Royal Challengers Bangalore, win the match and keep their hopes alive in the Indian Premier League (IPL) that season.
At the time, Royal Challengers Bangalore had won only two out of their first six matches and were struggling in the tournament. Kohli, who was leading the team, had not yet found his form with the bat in the tournament and was under pressure to perform.
In the match against Kings XI Punjab, Kohli came out to bat at number three and played an outstanding innings of 113 runs off just 50 balls. He hit 12 fours and 8 sixes in his innings and completely dominated the Kings XI Punjab bowlers. He formed a 147-run partnership with AB de Villiers, who also played a crucial knock of 82 runs off just 42 balls.
</p>
</div>
<div class="box">
<img src="vk2.jpg" alt="">
<h2 class="h-secondary center">82* vs AUS T20WC 2016</h2>
<p class="center">The 82-run knock played by Virat Kohli against Australia in the World T20 2016 was a crucial one as it helped India chase down a challenging total and secure a place in the semi-finals of the tournament.
India were chasing a target of 161 runs in a must-win match against Australia, who had posted a competitive total batting first. Kohli came out to bat at number three and played a match-winning innings of 82 runs off just 51 balls. He hit 9 fours and 2 sixes in his innings and played a crucial role in the Indian team's successful run chase.
Kohli started his innings cautiously, taking time to settle in and assess the conditions.
</p>
</div>
<div class="box">
<img src="vk4.jpg" alt="">
<h2 class="h-secondary center">82* vs PAK T20WC 2016</h2>
<p class="center">With Inda under massive pressure in the 160-run chase, Kohli defied all odds to play one of the finest innings of his career. He scored an unbeaten 82 off 53 deliveries laces with four sixes and six fours to help the Men in Blue clinch a last-ball thriller in their T20 World Cup opener.
With 48 to get off the last three overs, Kohli launched an onslaught against the Pakistan bowlers and took the likes of Shaheen Afridi and Haris Rauf to the cleaners to get India over the line. Gambhir echoed the sentiments of many in rating Kohli's 82 against Pakistan at MCG above his Mohali knock considering the pressure and the magnitude of the game.
</p>
</div>
</div>
</section>
<section id="client-section">
<h1 class="h-primary center zoomin">videos</h1>
<div id="clients">
<div class="client-item" >
<br>
<video id ="vi" width="320" height="240" controls style="border-radius: 50px;">
<source src="vk1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="client-item">
<br>
<video id ="vi" width="320" height="240" controls style="border-radius: 50px;">
<source src="vk.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
<div class="client-item">
<br>
<video id ="vi" width="320" height="240" controls style="border-radius: 50px;">
<source src="vk1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
</section>
<script type="text/javascript" >
// var css = document.querySelector("h3");
var color1 = document.querySelector(".color1");
var color2 = document.querySelector(".color2");
var body = document.getElementById("gradient");
function setGradient() {
body.style.background =
"linear-gradient(to right, "+ color1.value + ", " + color2.value + ")";
// css.textContent = body.style.background + ";";
}
color1.addEventListener("input", setGradient);
color2.addEventListener("input", setGradient);
</script>
<footer>
<div class="center">
Copyright © All rights reserved!
</div>
</footer>
</body>
</html>