From 133bb59b758837c84bed99e4fe1a7a0a1cb043f0 Mon Sep 17 00:00:00 2001 From: Carlos Marquina Date: Sun, 30 Nov 2025 21:05:32 +0100 Subject: [PATCH] Add three complete articles with semantic HTML --- Wireframe/index.html | 78 +++++++++++++++++++++++++++++--------------- Wireframe/style.css | 2 ++ 2 files changed, 53 insertions(+), 27 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..0e5112453 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,57 @@ - - - - Wireframe - - - -
-

Wireframe

+ + + + + Wireframe + + + + +
+

Development Concepts

+

+ Understanding essential tools and practices in web development and version control. +

+
+ +
+
+ Documentation icon representing README files +

What is the purpose of a README file?

- This is the default, provided code and no changes have been made yet. + A README file is a documentation file that provides essential information about a project. It typically + includes project description, installation instructions, usage examples, and contribution guidelines.

-
-
-
- -

Title

-

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

- Read more -
-
- - - + Learn more about wireframes + + +
+ Git branch diagram showing parallel development +

What is a branch in Git?

+

+ A branch in Git is a parallel version of a repository. It allows you to work on different features or fixes + independently without affecting the main codebase, enabling collaborative development. +

+ Learn more about Git branches +
+ + + + + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..8a9e10d7d 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -53,6 +53,8 @@ footer { position: fixed; bottom: 0; text-align: center; + background-color: white; + width: 100%; } /* ====== Articles Grid Layout ==== Setting the rules for how articles are placed in the main element.