Skip to content

Test #150

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
stellaose wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Test #150

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
98ba684
fourteenth person html
stellaose Feb 11, 2021
46309dd
Adding a file
stellaose Mar 4, 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
251 changes: 117 additions & 134 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,138 +1,121 @@
<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="styles.css">
</head>

<meta charset="utf-8">
<title>Languages</title>
<body>
<table class="table">
<thead>
<tr>
<th>Full Name</th>
<th>Favourite Artist</th>
<th>State of Origin</th>
<th>Number of Siblings</th>
<th>Gender</th>
</tr>
</thead>
<tbody>
<!-- first person -->
<tr>
<td>Adewumi Adeyemo</td>
<td>Angelique Kidjo</td>
<td>Oyo</td>
<td>8</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- second person -->
<tr>
<td>Gabriel Kayode</td>
<td>Asa</td>
<td>Oyo</td>
<td>5</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- third person -->
<tr>
<td>Efosa Odia</td>
<td>Sinach</td>
<td>Edo</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- fourth person -->
<tr>
<td>Akintunde Alabi</td>
<td>Vic O</td>
<td>Osun</td>
<td>2</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- fifth person -->
<tr>
<td>Emmanuel Oderemi</td>
<td>Johnny Drille</td>
<td>Ogun</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- sixth person -->
<tr>
<td>Olamiji Badmos</td>
<td>Simi</td>
<td>Oyo</td>
<td>4</td>
<td><a class="btn btn__female">Female</a></td>
</tr>
<!-- seventh person -->
<tr>
<td>Kareem Johnbelieve</td>
<td>Alec Benjamin</td>
<td>Kogi state</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- eighth person -->
<tr>
<td>Matthew Omolewa</td>
<td>Ron Kenoly</td>
<td>Ekiti</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- fourth person -->
<tr>
<td>Adebayo Seun</td>
<td>Wizkid</td>
<td>Oyo state</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!--ten person-->
<td>Tahiru Tajudin Abdullahi</td>
<td>idris</td>
<td>kogi</td>
<td>7</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- eleventh person -->
<tr>
<td>Badmus Adeshina</td>
<td>Falz</td>
<td>Lagos state</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- twelfth person -->
<tr>
<td>Olufolahan Tubi</td>
<td>Brayn Adams</td>
<td>Oyo State</td>
<td>1</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- thirteenth person -->
<tr>
<td>Ndibe Chinonso</td>
<td>Lil Wayne</td>
<td>Imo State</td>
<td>3</td>
<td><a class="btn btn__male">Male</a></td>
</tr>
<!-- fiftenth person -->
<tr>
<td>Oru Chukwuemeka.E</td>
<td>Davido</td>
<td>Abia State</td>
<td>6</td>
<td><a class="btn btn__male">male</a></td>
</tr>


</table>
<header>
<nav>
<span><a href="#">Home</a> <span><a href="#">About</a></span> <span><a href="#">Contact</a></span>
</nav>
</header>
<hr>
<article>
<h2>Here is the main section of our page.</h2>
<h2>Article 1 - 1995 was a pretty crazy year for programming languages.</h2>
<p>Don't believe me? Just check this table out.</p>
<table>
<thead>
<tr>
<th>Language</th>
<th>Designed by</th>
<th>First appeared</th>
</tr>
</thead>
<tbody>
<tr>
<td>C++</td>
<td>Bjurne Stroustrup</td>
<td>1983</td>
</tr>
<tr>
<td>Python</td>
<td>Guide van Rossum</td>
<td>1991</td>
</tr>
<tr>
<td>Ruby</td>
<td>Yukihiro Matsumoto ("Matz")</td>
<td>1995</td>
</tr>
<tr>
<td>JavaScript</td>
<td>Brendan Eisch</td>
<td>1995</td>
</tr>
<tr>
<td>Java</td>
<td>James Gosling</td>
<td>1995</td>
</tr>
<tr>
<td>PHP</td>
<td>Rasmus Lerdorf</td>
<td>1995</td>
</tr>
</tbody>
</table>
</article>
<div>
<h2>Article 2 - Coming soon....</h2>
<h2>Contact us!</h2>
<h2>More information</h2>
</article>
<form onsubmit="myFunction()">
<div>
<label for="Name">First Name:</label>
<input type="text" name="First Name" id="Name" style="margin-bottom: 5px;">
<br/>
<label for="Name">Last Name:</label>
<input type="text" name="Last Name" id="Name" style="margin-bottom: 5px;">
<br />
<label for="Email">Email:</label>
<input type="email" name="Email" id="email" onchange="typeFunction()" style="margin-bottom: 5px;">
<br/>
<label for="DOB">Date of Birth:</label>
<input type="date" name="date" id="date" onfocus="(this.type='date')">
</div>
</form>
<article>
<h2>Essential questions</h2>
<p>What kind of programming do you need?</p>
<form action="#">
<div>
<label for="Programming">Programming:</label>
<input type="checkbox">
<br />
<label for="design">Design:</label>
<input type="checkbox">
<br/>
<label for="singing">Singing:</label>
<input type="checkbox">
<br/>
<label for="comedy">Comedy</label>
<input type="checkbox">
</div>
</form>
<p>How interested are you in our design skills</p>
<form action="#">
<div>
<label for="Very low">Very low</label>
<input type="radio" >
<br>
<label for="low">Low</label>
<input type="radio">
<br>
<label for="medium">Medium</label>
<input type="radio">
<br>
<label for="high">High</label>
<input type="radio">
<br>
<label for="very high">Very high</label>
<input type="radio">
<br>
<button>Submit</button>
<br>
<label for="text">Here is our footer- let's copyright © this.</label>
</div>
</form>
</article>
</body>

</html>
</html>
81 changes: 0 additions & 81 deletions styles.css
View file
Open in desktop

This file was deleted.