Skip to content

London | May-2025 | Houssam Lahlah | Wireframe #531

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

London | May-2025 | Houssam Lahlah | Wireframe #531

Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
8e53a0e
Update index.html
HoussamLh May 10, 2025
adbafeb
Merge pull request #1 from HoussamLh/HoussamLh-branch-1
HoussamLh May 10, 2025
d40f2e1
Update style.css
HoussamLh May 10, 2025
573bc83
Merge pull request #2 from HoussamLh/HoussamLh-branch-1
HoussamLh May 10, 2025
bf5951e
Revert "Update style.css"
HoussamLh May 10, 2025
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
67 changes: 54 additions & 13 deletions Wireframe/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,25 +8,66 @@
</head>
<body>
<header>
<h1>Wireframe</h1>
<p>
This is the default, provided code and no changes have been made yet.
</p>
<h1>What is a Wireframe</h1>
<p id="wireframe-definition">
A <strong>wireframe</strong> is a visual representation of a user interface,
often used in the early stages of design to outline the structure and layout of a website or application.
</p>
</header>
<main>
<article>
<img src="placeholder.svg" alt="" />
<h2>Title</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
voluptates. Quisquam, voluptates.
<article class="wireframe-purpose">
<img src="https://support.microsoft.com/images/en-us/ae7333a6-5681-45ea-b482-e0de7c81cabd" alt="A basic wireframe layout" width="200" />
<h4>What is the purpose of a wireframe?</h4>
<p id="wireframe-purpose">
A <strong>wireframe</strong> serves as a visual guide that represents the skeletal framework of a website or application.
The primary purpose of a <strong>wireframe</strong> is to establish the basic structure and layout of a website
or application before visual design and content are added. It acts as a blueprint, outlining the
placement of elements like headings, paragraphs, images, buttons, and navigation. Wireframes help designers, developers,
and stakeholders visualize the user experience and identify potential issues early in the project.
</p>
<a href="https://www.experienceux.co.uk/faqs/what-is-wireframing/">Read more</a>
</article>
<article id="readme-file">
<img src="https://miro.medium.com/v2/resize:fit:1400/1*8aBw4cfLAYJwbBnFQC_JCg.png" alt="README File" />
<h4>What is the README File?</h4>
<p class="readme-file">
A <strong>README</strong> file is a text file that <br> information about a project.
It is typically included in the root directory of a <br>project
and is often the first file that users see when they access the project,<br>
providing users with essential information about the <br>project,
its purpose, how to use it, and where to find help or support.<br>
It's often the first thing someone will see when they access a project,
making it a crucial tool for communication and documentation.<br>
A well-structured <strong>README</strong> file can help users understand the project quickly and effectively.<br>
<br>
A typical README file might include:<br>
Project Overview,Installation Instructions,Usage Examples,Contribution Guidelines,Troubleshooting,Changelog.<br>
<br>
<strong>README</strong> files are often written in Markdown, a lightweight markup language that allows for easy formatting.<br>
</p>
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
</article>

<article id="git-branch">
<img src="https://miro.medium.com/v2/resize:fit:650/1*K9scAx1Ezd-KJFabaYseCw.jpeg" alt="Git-Branch" />
<h4>What is a branch in Git?</h4>
<p class="git-branch">
A <strong>branch</strong> in Git is a pointer to a specific <br>
commit in the repository's history. When you create a new branch,<br>
you're essentially creating a new line of development that diverges<br>
from the main line (usually the master branch).A branch in<br>
<strong>Git</strong> is simply a lightweight movable pointer to one <br>
of these commits.The default branch name in Git is <strong>master</strong>. As you <br>
start making commits, you'regiven a master branch that points to the last commit you made. <br>
Every time you commit,the master branch pointer moves forward automatically. Note.<br>
</p>
<a href="">Read more</a>
<a href="https://www.w3schools.com/git/git_branch.asp">Read more</a>
</article>
</main>
<footer>
<p>
This is the default, provided code and no changes have been made yet.
<p id="footer-text">
&copy; 2025 <a href="https://www.github.com">Houssam Lahlah</a> |
<a href="https://www.codeyourfuture.com">CodeYourFuture</a> | All rights reserved.
</p>
</footer>
</body>
Expand Down