From 7152aed8033b0b796577988127a90bf8615833f6 Mon Sep 17 00:00:00 2001 From: ChiomaSarah Date: Wed, 10 Feb 2021 20:05:58 +0100 Subject: [PATCH 1/2] include my details --- index.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/index.html b/index.html index aec217a..4454acc 100644 --- a/index.html +++ b/index.html @@ -131,7 +131,14 @@ male - + + + Osuji Chioma S. + Rihanna + Imo State + 2 + female + From 6183011d2874b0cc395d9a3342adaa389f27fac5 Mon Sep 17 00:00:00 2001 From: ChiomaSarah <78868674+ChiomaSarah@users.noreply.github.com> Date: Tue, 2 Mar 2021 18:39:16 +0100 Subject: [PATCH 2/2] html_tasks --- Task-01/index.html | 46 ++++++++++++++ Task-02/index.html | 115 +++++++++++++++++++++++++++++++++++ Task-03/index.html | 33 +++++++++++ index.html | 145 --------------------------------------------- styles.css | 81 ------------------------- 5 files changed, 194 insertions(+), 226 deletions(-) create mode 100644 Task-01/index.html create mode 100644 Task-02/index.html create mode 100644 Task-03/index.html delete mode 100644 index.html delete mode 100644 styles.css diff --git a/Task-01/index.html b/Task-01/index.html new file mode 100644 index 0000000..80852af --- /dev/null +++ b/Task-01/index.html @@ -0,0 +1,46 @@ + + + + + + + My First HTML Page + + + + + +

+ This is your first HTML page! +

+
+

+ Seems like things are going well so far

+

Let's add a recipe for some delicious chocolate chip cookies

+

We're going to borrow a nice picture from General Mills

+ Chocolate Chip Cookie +
+
+

Here is what the recipe calls for

+

Ingredients (probably not right...)

+ +

Instructions (may or may not be correct...)

+
    +
  1. Add eggs, flour and vanilla extract and mix
    2. +
  2. Combine with sugar and baking powder and stir
    3. +
  3. Eat half the cookie batter because it is delicious
    4. +
  4. Take the rest of the cookie batter and make cookies
    5. +
  5. Bake at 350 for 25 minutes
    6. +
  6. Enjoy!
    7. +
+
+
+

Oh you don't trust us? You want to see the actual recipe? You can view it right Here

+ + + \ No newline at end of file diff --git a/Task-02/index.html b/Task-02/index.html new file mode 100644 index 0000000..ce5da01 --- /dev/null +++ b/Task-02/index.html @@ -0,0 +1,115 @@ + + + + + + + Tables Radio Buttons and Checkboxes + + + + + +

Inside of header- Let's add a navbar with some essemtial links + +

  • Home
    • +
  • About
    • +
  • Contact

    • +
    +
    +

    Here is the main section of our page - It consists of new articles

    +
    +

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

    +

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

    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    LanguageDesigned ByFirst Appeared
    C++Bjarne Stoustroup1983
    PythonGuido Van Rossum1991
    RubyYukihiro Matsumoto ("Matz")1995
    JavaScriptBredan Eich1995
    JavaJames Gosling1995
    PHPRasmus Lerdorf1995
    +
    +
    +

    Article 2 - Coming soon...

    +
    +
    +

    Contact us!

    +
    +
    +

    General Information

    +
    + First name +
    + Last name +
    + Email +
    + Date of Birth +
    +
    +
    +

    Essential Questions

    +

    What kind of work do you need? +

    + Programming: +
    + Design: +
    + Singing: + + Comedy: + +
    +
    +
    +

    How interested are you in our design skills? +

    + Very Low +
    + Low +
    + Medium +
    + High +
    + Very High +
    + +
    +
    +
    + + + \ No newline at end of file diff --git a/Task-03/index.html b/Task-03/index.html new file mode 100644 index 0000000..7bbbc97 --- /dev/null +++ b/Task-03/index.html @@ -0,0 +1,33 @@ + + + + + + HTML 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/index.html b/index.html deleted file mode 100644 index 4454acc..0000000 --- a/index.html +++ /dev/null @@ -1,145 +0,0 @@ - - - - - - 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
    Osuji Chioma S.RihannaImo State2female
    - - - 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; - } -}