Skip to content

Feature html branch #140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
jamesiweobi wants to merge 5 commits into
base: master
Choose a base branch
from
Open

Feature html branch #140

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
63d0e24
Updated Person {James U. Iweobi
jamesiweobi Feb 10, 2021
175b8e7
Updated Celebrity
jamesiweobi Feb 10, 2021
f33941a
Merge pull request #1 from jamesiweobi/jamesiweobi-patch-1-1
jamesiweobi Feb 10, 2021
eb67008
Final Commit from James Iweobi
jamesiweobi Feb 10, 2021
9fd6bc0
Created new branch for HTML mini task assignment from new branch
jamesiweobi Mar 1, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
49 changes: 49 additions & 0 deletions Mini HTML task/Assignment 1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stutern HTML week 1 Task | James Iweobi</title>

</head>
<body>
<header>
<h1>This is your first HTML page!</h1>
<h2>Seems like things are going pretty well so far</h2>
</header>
<main>
<h3>Lets add recipe for delicious chocoloate chip cookies</h3>

<p>We're going to borrow a picture from General Mills</p>
<img src="https://scontent.flos2-1.fna.fbcdn.net/v/t1.0-9/16406792_1697302513620567_6685930053906838018_n.jpg?_nc_cat=103&ccb=3&_nc_sid=e3f864&_nc_eui2=AeGkTDrrc3-2Wwlyl9Bmr6zQshCopVX0KsGyEKilVfQqwZKpyTzIUN8nnRdYF4Lj5zZHT4LNJ_QQI_qeixpZK5QV&_nc_ohc=to2uJJkYd5IAX9RTvrN&_nc_ht=scontent.flos2-1.fna&oh=e913bd228ee6fef32c26c3e70ed945f8&oe=60624D4C" alt="image of james Iweobi" style="height: 200px; width: 200px; border-radius: 50%;">
<p>Here is the recipe calls for</p>
<ul>
<p> <strong>Ingredients</strong> (probably not right.....)</p>
<li><p>6 Eggs</p></li>
<li><p>2 cups of floor</p></li>
<li><p>2 Table sppons of Vanilla extract</p></li>
<li><p>2 Tea spoons og baking powder</p></li>
<li><p>1 cup of sugar</p></li>
</ul>

<ol>
<p><strong>Instructions ( may or may not be correct )</strong></p>
<li>Add eggs, flour and vanilla extract and mix</li>
<li>Combine with suagr and baking powder and stir</li>
<li>Eat half the cookie batter because it is delicious</li>
<li>Take the rest of the cookie batter and make cookies</li>
<li>Bake at 360 for 25 minutes</li>
<li>Enjoy!</li>
</ol>
</main>
<footer>
<hr>
<div>
<p>Oh you don't trust us? You want to see the actual recipe? You can view it <a href="#">Here</a> </p>
</div>
<hr>
</footer>
</body>

</html>
127 changes: 127 additions & 0 deletions Mini HTML task/Assignment 2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,127 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stutern HTML week 1 Task 2| James Iweobi</title>
</head>
<body>
<nav>
<a href="#">Home</a>
<a href="#">About</a>
<a href="#">Contact</a>
</nav>
<hr>
<section class="main">
<h1>
Here is the main section of the page - it consists of new articles
</h1>
<article>
<h1>Article 1 - 1995 was a pretty crazy year for programming languages!</h1>
<p>dont belive me ? just check the table out:</p>
<table>
<tr>
<th>languages</th>
<th>Designed by</th>
<th>First Apporved</th>
</tr>
<tr>
<td>C++</td>
<td>Bjorn Strustrup</td>
<td>1983</td>
</tr>
<tr>
<td>Python</td>
<td>Guido Van Rosson</td>
<td>1991</td>
</tr>
<tr>
<td>Ruby</td>
<td>Yukihiro Mataumoto (Matz)</td>
<td>1995</td>
</tr>
<tr>
<td>JavaScript</td>
<td>Brandan Eich</td>
<td>1995</td>
</tr>
<tr>
<td>Java</td>
<td>James Goslin</td>
<td>1995</td>
</tr>
<tr>
<td>PHP</td>
<td>Rasmus Leedorf</td>
<td>1995</td>
</tr>
</table>
</article>
<article>
<h1>
Article 2 - Coming soon...
</h1>
</article>
</section>
<section class="contact">
<h1>
Contact us
</h1>
<div class="form_container">
<form action="">
<div class="bioData">
<label for="firstName" id="firstName">First Name</label>
<input type="text" value="" id="firstName" name="firstName"><br>
<label for="lastName" id="lastName" >Last Name</label>
<input type="text" name="lastName" id="lastName" ><br>
<label for="email" id="email" >Email</label>
<input type="email" name="email" id="email" ><br>
<label for="dateOfBirth" id="dateOfBirth" >Date of birth</label>
<input type="date" name="dateOfBirth" id="dateOfBirth">
</div>
<div class="work_container">
<h1>
Essential Questions
</h1>
<form action="">
<label for="work"id="programming">Programming:</label><input id="programming"type="radio" name="work">
<label for="work" name="work"></label>
<br>
<label for="design">Design:</label><input type="radio" name="work">
<br>
<label for="work" id="singing">Singing:</label><input type="radio" name="work">
<br>
<label for="work" id="comedy">Comedy:</label><input type="radio" name="work">
</form>
<p>what kind of work do you need</p>

</div>
<div class="interest_div">
<p>How interested are you in our design skills?</p>
<label for="interest" id="interest">Very low</label>
<input type="radio" id="interest" name="interest">
<br>
<label for="interest" id="low">Low</label>
<input type="radio" id="low" name="interest">
<br>
<label for="interest" id="medium">Medium</label>
<input type="radio" id="medium" name="interest">
<br>
<label for="interest" id="high">High</label>
<input type="radio" id="high" name="interest">
<br>
<label for="interest" id="very_high">Very High</label>
<input type="radio" id="very_high" name="interest">
<br>
<button value="submit">Submit</button>
</div>
</form>
</div>
</section>
<footer>
<p>Here is our footer - let's make sure we copyright © this! </p>
</footer>

</body>
</html>
47 changes: 47 additions & 0 deletions Mini HTML task/Assignment 3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,47 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=
, initial-scale=1.0">
<title>Stutern HTML week 1 Task 2| James Iweobi</title>
</head>

<body>
<header>
<h1>
Welcome Back!
</h1>
</header>
<main>
<h2>Here's is a great vide from YouTube!</h2>
<div class="iframe-video-container">
<iframe src="https://www.youtube.com/embed/9YffrCViTVk" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<br>
<h2>Here is music from from the internet!</h2>
<div class="audio-container">
<audio controls>
<source type="audio/mpeg" src="https://oldnaija.com/wp-content/uploads/2020/04/Waploaded_2baba_-_African_Queen-1562529854.mp3">
</audio>
</div>
<section class="contact">
<p>
want to stay informed? Put your info here!
</p>
<form action="submit">
<label for="mailing" name="mail" >Email:</label>
<input type="email" name="mailing" value="">
<button name="mailing" for="mailing">Join Our Mailing List!</button>
</form>

</section>
</main>

</body>

</html>
9 changes: 9 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -130,6 +130,15 @@
<td>6</td>
<td><a class="btn btn__male">male</a></td>
</tr>
<!-- sixteenth person -->
<tr>
<td>James U. Iweobi</td>
<td>King James</td>
<td>Imo State</td>
<td>6</td>
<td><a class="btn btn__male">male</a></td>
</tr>



</table>
Expand Down