From 98ba684b68efbea0c5d111a1a732661add8ad5cb Mon Sep 17 00:00:00 2001 From: stellaose Date: Thu, 11 Feb 2021 11:47:46 +0100 Subject: [PATCH 1/2] fourteenth person html --- index.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/index.html b/index.html index aec217a..36c21a1 100644 --- a/index.html +++ b/index.html @@ -122,6 +122,14 @@ 3 Male + + + Oseyomon Stella + Chandler Moore + Edo State + 7 + Female + Oru Chukwuemeka.E From 46309ddbee7ac04b6296098f9955ba16c39323f8 Mon Sep 17 00:00:00 2001 From: stellaose Date: Thu, 4 Mar 2021 18:29:59 +0100 Subject: [PATCH 2/2] Adding a file --- index.html | 259 ++++++++++++++++++++++++----------------------------- styles.css | 81 ----------------- 2 files changed, 117 insertions(+), 223 deletions(-) delete mode 100644 styles.css diff --git a/index.html b/index.html index 36c21a1..1707399 100644 --- a/index.html +++ b/index.html @@ -1,146 +1,121 @@ - - - - Document - - - + + Languages - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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
Oseyomon StellaChandler MooreEdo State7Female
Oru Chukwuemeka.EDavidoAbia State6male
+
+ +
+
+
+

Here is the main section of our page.

+

Article 1 - 1995 was a pretty crazy year for programming languages.

+

Don't believe me? Just check this table out.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
LanguageDesigned byFirst appeared
C++Bjurne Stroustrup1983
PythonGuide van Rossum1991
RubyYukihiro Matsumoto ("Matz")1995
JavaScriptBrendan Eisch1995
JavaJames Gosling1995
PHPRasmus Lerdorf1995
+
+
+

Article 2 - Coming soon....

+

Contact us!

+

More information

+ +
+
+ + +
+ + +
+ + +
+ + +
+
+
+

Essential questions

+

What kind of programming do you need?

+
+
+ + +
+ + +
+ + +
+ + +
+
+

How interested are you in our design skills

+
+
+ + +
+ + +
+ + +
+ + +
+ + +
+ +
+ +
+
+
- - + \ 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; - } -}