Skip to content

ITP-2026-1 , ahmad deeb , week 1 , Feature/wireframe #73

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
deebahmad197-sketch wants to merge 3 commits into from
Closed

ITP-2026-1 , ahmad deeb , week 1 , Feature/wireframe #73

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
93f5f9b
add wireframe page structure
deebahmad197-sketch Feb 20, 2026
4d1d1d6
add wireframe structure
deebahmad197-sketch Feb 20, 2026
8e49a9e
structure changes
deebahmad197-sketch Feb 20, 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
33 changes: 0 additions & 33 deletions Wireframe/index.html
View file
Open in desktop

This file was deleted.

53 changes: 53 additions & 0 deletions Wireframe/index.html.2/new
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Wireframe</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<h1>Wireframe</h1>
<p>undertanding README files , Wireframes, and Git branches </p>

</header>
<main>
<section>
<article>
<h2>What is a README File?</h2>
<p>
A README file is a document that explains what the project does . <br>how to install it, how to use it,
and other important information for users and developers.
</p>
<a href="http://www.makeareadme.com/" target="_blank">Read more</a>
</article>

<article>
<h2>What is a Wireframe</h2>
<p>
A Wireframe is a simple visiual layout of a webpage, it shows where elemnts like text , images and buttons
will be placed before the final design is created.
</p>
<a href="https://www.productplan.com/glossary/wireframe/" target="_blank">learn more</a>
</article>

<article>
<h2>
What is a branch in Git?
</h2>
<p>A branch in Git allows developers to work on different versions of project at the same time.</p>
<a href="https://git-scm.com/docs/git-branch" target="_blank">Learn more</a>
</article>
</section>


</main>

<footer>
<p>
©2026 Web Development Basics
</p>
</footer>
</body>
</html>