diff --git a/index.html b/index.html index c120a85..2bec786 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,111 @@ - Document + CricPro ScoreBoard - +
+

ICC WORLD CUP 2011
India Vs SriLanka ScoreCard

+
+
+
India Innings277-4 (48.2)
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
BatsmanRB4s6sSR
Virender Sehwaglbw b L Malinga02000.00
Sachin Tendulkarc K Sangakkara b L Malinga181420128.57
Gautam Gambhirb T Perera971229079.51
Virat Kohlic & b T Dilshan35494071.43
MS Dhoni (c & wk)not out917982115.19
Yuvraj Singhnot out21242087.50
+ + + + + + + + + + + +
Extras15 (b 1, lb 6, w 8, nb 0, p 0)
Total277 (4 wkts, 48.2 Ov)
+ + + + + + + +
Did not bat + Suresh Raina, + Harbhajan Singh, + Zaheer Khan, + Munaf Patel, + S Sreesanth +
+
- \ No newline at end of file + diff --git a/style.css b/style.css index 3ba81e6..6aa4f41 100644 --- a/style.css +++ b/style.css @@ -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; - -} \ No newline at end of file + 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; +}