diff --git a/index.html b/index.html index aec217a..24d99af 100644 --- a/index.html +++ b/index.html @@ -1,138 +1,31 @@ - - - - Document - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Full NameFavourite ArtistState of OriginNumber of SiblingsGender
Adewumi AdeyemoAngelique KidjoOyo8Male
Gabriel KayodeAsaOyo5Male
Efosa OdiaSinachEdo3Male
Akintunde AlabiVic OOsun2Male
Emmanuel OderemiJohnny DrilleOgun3Male
Olamiji BadmosSimiOyo4Female
Kareem JohnbelieveAlec BenjaminKogi state3Male
Matthew OmolewaRon KenolyEkiti3Male
Adebayo SeunWizkidOyo state3Male
Tahiru Tajudin Abdullahiidriskogi7Male
Badmus AdeshinaFalzLagos state3Male
Olufolahan TubiBrayn AdamsOyo State1Male
Ndibe ChinonsoLil WayneImo State3Male
Oru Chukwuemeka.EDavidoAbia State6male
- - - + + + Media + + +
+

Welcome back!

+
+
+

Here's a great video from YouTube!

+
+
+ +
+
+

Here's some music from spotify!

+ +
+ +
+
+ +
+ + +
+
+ + \ No newline at end of file diff --git a/styles.css b/styles.css deleted file mode 100644 index 98fd805..0000000 --- a/styles.css +++ /dev/null @@ -1,81 +0,0 @@ -body { - font-family: "Roboto", sans-serif; -} -.table { - width: 100%; - border-spacing: 0; - text-align: left; -} -.table th { - font-weight: 300; - font-size: 16px; - color: #fff; - line-height: 26px; - padding: 18px 30px; -} -.table thead tr { - background: #2b2d32; -} -.table td { - padding: 30px 30px 31px; - font-weight: 300; - font-size: 16px; - color: black-2; - line-height: 26px; - text-transform: uppercase; -} -.table tbody tr:nth-child(odd) { - background: $white; -} -.table tbody tr:nth-child(even) { - background: $f8fbfc; -} -.table__wrapper { - padding-top: 40px; -} -.btn { - display: inline-block; - font-weight: 700; - font-size: 15px; - line-height: 25px; - text-transform: uppercase; - width: 170px; - text-align: center; - padding: 10px; - border-radius: 3px; - transition: background 0.3s ease; - text-decoration: none; -} -.btn:hover { - color: $white; -} -.btn__male { - color: #2DE1FC; - border: 2px solid #2DE1FC; -} -.btn__malee:hover { - background: #2DE1FC; -} -.btn__female { - color: #FF0080; - border: 2px solid #FF0080; -} -.btn__female:hover { - background: #FF0080; -} -@media (max-width: 768px) { - .table td { - display: block; - text-align: right; - } - .table td:before { - content: attr(data-label); - float: left; - text-transform: uppercase; - font-weight: bold; - } - .table thead display none tr { - margin-bottom: 30px; - display: block; - } -}