Skip to content

VITFED20 #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
akshikamudgal wants to merge 16 commits into
base: master
Choose a base branch
from
Open

VITFED20 #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
395a8a4
Update index.html
akshikamudgal May 7, 2022
e17fa0c
Update index.html
akshikamudgal May 7, 2022
710d650
Update index.html
akshikamudgal May 12, 2022
0d7b20e
Update index.html
akshikamudgal May 12, 2022
aeeed06
Update style.css
May 12, 2022
0711d35
Update index.html
akshikamudgal May 12, 2022
cf14ccb
Update index.html
akshikamudgal May 12, 2022
a67b95a
Update index.html
akshikamudgal May 12, 2022
f308b7b
Update index.html
akshikamudgal May 12, 2022
6403ae2
Update index.html
akshikamudgal May 12, 2022
6e2a250
Update index.html
akshikamudgal May 12, 2022
64cf271
Update index.html
akshikamudgal May 12, 2022
94d2b16
Update index.html
akshikamudgal May 12, 2022
625a9f0
Update index.html
akshikamudgal May 12, 2022
08efa1f
Update index.html
akshikamudgal May 12, 2022
85f0c88
Update style.css
akshikamudgal May 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
106 changes: 103 additions & 3 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,11 +3,111 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<title>CricPro ScoreBoard</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Type your code here -->
<footer class="footer">Made with <img src="/assets/prograd-heart.svg"> by ProGrad</footer>
<div id="cricpro"><image src="assets/Logo.jfif"></image></div>
<p><span id="heading">ICC WORLD CUP 2011</span><br><span id="secondheading">India Vs SriLanka ScoreCard</span></p>
<br>
<div id="bodypart">
<div id="orangeheading"><span>India Innings</span><span class="orangeheading">277-4 (48.2)</span></div>
<table class="tableboard">
<thead>
<tr>
<th class="lefttable">Batsman</th>
<th class="bowler"></th>
<th class="middletable">R</th>
<th class="middletable">B</th>
<th class="middletable">4s</th>
<th class="middletable">6s</th>
<th class="middletable">SR</th>
</tr>
</thead>
<tbody>
<tr>
<td class="lefttable"><a href="assets/Player6.png" style="text-decoration: none; color: rgb(0, 81, 255);">Virender Sehwag</href></td>
<td class="bowler">lbw b L Malinga</td>
<td class="middletable">0</td>
<td class="middletable">2</td>
<td class="middletable">0</td>
<td class="middletable">0</td>
<td class="middletable">0.00</td>
</tr>
<tr>
<td class="lefttable"><a href="assets/Player5.png" style="text-decoration: none; color: rgb(0, 81, 255);">Sachin Tendulkar</a></td>
<td class="bowler">c K Sangakkara b L Malinga</td>
<td class="middletable">18</td>
<td class="middletable">14</td>
<td class="middletable">2</td>
<td class="middletable">0</td>
<td class="middletable">128.57</td>
</tr>
<tr>
<td class="lefttable"><a href="assets/Player4.png" style="text-decoration: none; color: rgb(0, 81, 255);">Gautam Gambhir</a></td>
<td class="bowler">b T Perera</td>
<td class="middletable">97</td>
<td class="middletable">122</td>
<td class="middletable">9</td>
<td class="middletable">0</td>
<td class="middletable">79.51</td>
</tr>
<tr>
<td class="lefttable"><a href="assets/Player3.png" style="text-decoration: none; color: rgb(0, 81, 255);">Virat Kohli</a></td>
<td class="bowler">c & b T Dilshan</td>
<td class="middletable">35</td>
<td class="middletable">49</td>
<td class="middletable">4</td>
<td class="middletable">0</td>
<td class="middletable">71.43</td>
</tr>
<tr>
<td class="lefttable"><a href="assets/Player2.png" style="text-decoration: none; color: rgb(0, 81, 255);">MS Dhoni (c & wk)</a></td>
<td class="bowler">not out</td>
<td class="middletable">91</td>
<td class="middletable">79</td>
<td class="middletable">8</td>
<td class="middletable">2</td>
<td class="middletable">115.19</td>
</tr>
<tr>
<td class="lefttable"><a href="assets/Player1.png" style="text-decoration: none; color: rgb(0, 81, 255);">Yuvraj Singh</a></td>
<td class="bowler">not out</td>
<td class="middletable">21</td>
<td class="middletable">24</td>
<td class="middletable">2</td>
<td class="middletable">0</td>
<td class="middletable">87.50</td>
</tr>
</tbody>
</table>
<table class="tableboard">
<tbody>
<tr>
<td class="extra">Extras</td>
<td class="run">15 (b 1, lb 6, w 8, nb 0, p 0)</td>
</tr>
<tr>
<td class="extra">Total</td>
<td class="run">277 (4 wkts, 48.2 Ov)</td>
</tr>
</tbody>
</table>
<table class="tableboard">
<tbody>
<tr>
<td class="lefttable" style="font-weight: bold;">Did not bat</td>
<td class="didnotbatname">
<a href="assets/Player1-1.jpg" style="text-decoration: none; color: rgb(0, 81, 255);">Suresh Raina,</a>
<a href="assets/Player1-2.jpg" style="text-decoration: none; color: rgb(0, 81, 255);">Harbhajan Singh,</a>
<a href="assets/Player1-3.jpg" style="text-decoration: none; color: rgb(0, 81, 255);">Zaheer Khan,</a>
<a href="assets/Player1-4.jpg" style="text-decoration: none; color: rgb(0, 81, 255);">Munaf Patel,</a>
<a href="assets/Player1-5.jpg" style="text-decoration: none; color: rgb(0, 81, 255);">S Sreesanth</a>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
</html>
99 changes: 84 additions & 15 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,85 @@
/* Type your code here */


/* change the font family and spacing as per your project font */
.footer{
display:flex;
flex-direction: row;
align-content: flex-end;
position: relative;
top: 750px;
margin-left: 80px;
font-size: 18px;
font-family: Nunito Sans;
#cricpro{
margin-top: 20px;
margin-left: 1300px;
}
#heading{
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;

}
font-weight: bold;
margin-left: 60px;
font-size: 50px;
color: #000;
}
#secondheading{
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
font-weight: bold;
margin-left: 60px;
font-size: 23px;
color: rgb(114, 107, 107);
}
#bgimage{
margin-left: 650px;
}
#bodypart {
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
font-style: normal;
background-image: url("assets/background-image1.png");
background-repeat: no-repeat;
background-position: right;
height: 531px;
margin-right: 20px;
}
.orangeheading {
margin-left: 855px;
}
#orangeheading{
font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color:coral;
margin-left: 60px;
margin-right: 362px;
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
color: rgb(255, 255, 255);
display: flex;
}
.tableboard{
margin-left: 60px;
padding-left: 15px;
background-color: rgb(255, 255, 255);
}
.lefttable{
width: 300px;
text-align: left;
padding-top: 7px;
padding-bottom: 7px;
}
.bowler {
width: 350px;
color: rgb(128, 128, 128);
}
.middletable{
width: 74px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.extra{
font-weight: bold;
background-color: rgb(255, 255, 255);
padding-top: 7px;
padding-bottom: 7px;
width: 681px;
text-align: left;
}
.run{
background-color: rgb(255, 255, 255);
padding-top: 7px;
padding-bottom: 7px;
width: 357px;
text-align: left;
}
.didnotbatname{
width: 738px;
}