From afa41ab11ff84198a96319ffd0dbd6469d87e5db Mon Sep 17 00:00:00 2001 From: Fattouma Ouannassi Date: Sun, 18 Jan 2026 21:29:36 +0000 Subject: [PATCH] Glasgow| 26-ITP-Jan|Fattouma Ouannassi| Sprint 1 | Wireframe/coursework ## Learners, PR Template Self checklist - [x] I have titled my PR with Region | Cohort | FirstName LastName | Sprint | Assignment Title - [x] My changes meet the requirements of the task - [x] I have tested my changes - [x] My changes follow the [style guide](https://curriculum.codeyourfuture.io/guides/reviewing/style-guide/) ## Changelist This PR includes modifications to the HTML and CSS to create a webpage that follows the provided wireframe layout. The webpage explains the purpose of a README file and the wireframe, aswell as the meaning of a branch in Git, with each topic presented as an article section. ## Questions Ask any questions you have for your reviewer. --- Wireframe/index.html | 169 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 154 insertions(+), 15 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..037cd471d 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,31 +3,170 @@ - Wireframe + Wireframe to Web Code|Coursework + + +
-

Wireframe

+

Wireframe to Web Code|Coursework

- This is the default, provided code and no changes have been made yet. + This page provides an overview of the purpose of the README file and the wireframe, as well as the meaning of the "branch" in Git

-
- -

Title

-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. -

- Read more -
-
+
+
+ Image for README +
+
+

README file

+

A README is a text file that introduces and explains a project. It contains information that is commonly required to understand what the project is about.
A good README helps others understand your project quickly. It usually includes installation steps, usage examples, license info, and how to contribute. It's an easy way to answer questions that your audience will likely have regarding how to install and use your project and also how to collaborate with you.

+
+
+
+
+
+ Wireframe example +
+
+

Wireframe

+

A wireframe is the skeleton of your digital project. Think of it as the foundation for your website, app, or dashboard. It focuses on layout, and content placement-not on colors, fonts, or any visual polish.
Wireframes are your blueprint: a simple, visual guide to quickly lay out your ideas and show how everything fits together. Before diving into colors, images, or final design details, wireframes help you map structure and functionality so nothing feels out of place.

+
+ +
+ +
+
+ Git branch diagram +
+
+

The branch in Git

+

In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code.
Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch. The common reasons to create a branch are +developing a new feature,fixing a bug, or experimenting with ideas.

+
+ + +
+
+