Skip to content

London | 26-ITP-January | Yesirat Adeboye | Sprint 2 | Forms Control #1003

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

Closed
Yesirah25 wants to merge 6 commits into from
Closed

London | 26-ITP-January | Yesirat Adeboye | Sprint 2 | Forms Control #1003

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
284ebe4
I changed the content of the Wireframe/index.html file to introduce R…
Yesirah25 Jan 18, 2026
7207e3a
I changed the word dependencies to features in the README Files secti…
Yesirah25 Jan 18, 2026
d0d7268
Initial Commit
Yesirah25 Jan 21, 2026
049f300
I changed the HTML file to add my name in the footer section and made…
Yesirah25 Jan 21, 2026
1deae0f
I commit my changes
Yesirah25 Jan 21, 2026
588fb7f
I removed the green colour option and added purple instead.
Yesirah25 Jan 21, 2026
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
39 changes: 32 additions & 7 deletions Form-Controls/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,25 +3,50 @@
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>My form exercise</title>
<title>Form Controls exercise</title>
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
</head>
<body>
<header>
<h1>Product Pick</h1>
</header>

<main>
<form>
<!-- write your html here-->
<!--
try writing out the requirements first as comments
this will also help you fill in your PR message later-->
</form>
<!-- try writing out the requirements first as comments
this will help you fill in your PR message later



<div
<label for="email">Email:</label>
</div>
<br>
<div>

</div>
<label for="name">Name<Choosea colour:</label>
<input type="text" id="name" name="name" required>

<label for="colour">Choose a colour:</label>
<select id="colour" name="colour" required>
<option value="black">Black</option>
<option value="pink">Pink</option>
<option value="purple">Purple</option>



</select>
</div>
<br>
<button
</div>
</main>
<footer>
<!-- change to your name-->
<h2>By HOMEWORK SOLUTION</h2>
<h2>By Yesirat Adeboye</h2>
</footer>
</body>
</html>
38 changes: 29 additions & 9 deletions Wireframe/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,30 +3,50 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Wireframe</title>

<Title>Developer Basics</Title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>Wireframe</h1>
<h1>Developer Basics</h1>
<p>
This is the default, provided code and no changes have been made yet.
</p>
Introducing README files, Wireframes, and Git Branches

</p>
</header>
<main>
<section class="articles>"
<article>
<img src="placeholder.svg" alt="" />
<h2>Title</h2>
<h2>README Files</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
voluptates. Quisquam, voluptates.
A README file is a text file that explains what a project is and how to use it. It explains the purpose of a project.
It also contains information about the project's features, installation instructions, and usage examples.
</p>
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/about-readme" target="_blank" rel="noopener">Read more</a>
<a href="">Read more</a>
</article>
<article>
<h2>Wireframes</h2>
<p>
A wireframe is a simple visual guide that represents the skeletal framework of a website or application. It is used to plan the layout and structure of a digital product before the actual design and development process begins.
</p>
<a href="https://www.interaction-design.org/literature/topics/wireframing" target="_blank" rel="noopener">Read more</a>
</a>
</article>

<article>
<h2>Git Branches</h2>
<p>
A Git branch is a separate line of development in a Git repository. It allows multiple developers to work on different features or bug fixes simultaneously without interfering with each other's work.
</p>
<a href="https://www.atlassian.com/git/tutorials/using-branches" target="_blank" rel="noopener">Read more</a>
</article>
</section>
</main>
<footer>
<p>
This is the default, provided code and no changes have been made yet.
2026 &copy; Yesirat Adeboye
</p>
</footer>
</body>
Expand Down
Loading