diff --git a/index.html b/index.html index c120a85..e058b72 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,116 @@ + + + + + + +
+

ICC WORLD CUP 2011

+

India Vs Srilanka Score Card

+
+ + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
India Innings277 - 4 (48.2)
Batsman RB4s6sSR
Virender Sehwaglbw b L Malinga02000.00
Sachin Tendulkar c K Sangakkara b L Malinga181420128.57
Gautam Gambhir b T Perera971229079.51
Virat Kohli c & b T Dilshan35494071.43
MS Dhoni (c & wk)not out917982115.19
Yuvraj Singhnot out21242087.50
Extras   15(b 1, lb 6, w 8, nb 0, p 0)
Total   277 (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..9b1ade2 100644 --- a/style.css +++ b/style.css @@ -1,16 +1,116 @@ /* Type your code here */ +@import url('https://fonts.googleapis.com/css2?family=Lato:wght@700;900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@600;800;900&display=swap'); +* { + margin: 0px; + padding: 0px; +} + + +/* styling logo */ + +ul { + list-style: none; + display: flex; + justify-content: flex-end; +} + +ul>li { + padding: 15px 30px; +} + +header { + display: flex; + flex-direction: column; + margin-top: 1px; + margin-left: 70px; +} + +h1 { + font-size: 3em; + font-weight: bolder; + font-family: 'Nunito Sans'; + text-shadow: 0px 4px 3px gray; +} + +h3 { + font-family: 'Nunito Sans'; + color: gray; + line-height: 5px; + font-weight: 600; + font-size: 22px; + padding: 4px; + text-shadow: 0 1px 1px grey; +} + +section { + width: 100%; + height: 525px; + background-size: 70% 600px; + background-repeat: no-repeat; + background-position: right; + background-image: url(./assets/background-image1.png); + font-size: 18px; +} + +table { + margin-left: 70px; + margin-top: 25px; + border-collapse: collapse; + width: 65%; + box-shadow: -3px 3px 3px 0px lightgray; +} + +a { + text-decoration: none; + color: rgb(85, 85, 253); +} + +td { + padding: 5px; + padding-left: 20px; + font-family: 'Nunito Sans'; +} + +.INDIA { + background-color: rgb(250, 70, 70); + color: white; +} + +#end { + text-align: right; +} + +.NAME { + background-color: white; + border-bottom: 2px solid lightgrey; +} + +.out { + color: grey; + text-align: left; +} + +.right { + text-align: right; + padding-right: 20px; +} + +.center { + text-align: center; +} + /* change the font family and spacing as per your project font */ -.footer{ - display:flex; + +.footer { + display: flex; flex-direction: row; - align-content: flex-end; - position: relative; - top: 750px; - margin-left: 80px; - font-size: 18px; - font-family: Nunito Sans; + position: relative; + top: 20px; + margin-left: 80px; + font-size: 18px; + font-family: Nunito Sans; font-style: normal; - } \ No newline at end of file