Skip to content

Commit e4b2713

Browse files
author
Arthur
committed
Read me button comes back
1 parent f643ddb commit e4b2713

2 files changed

Lines changed: 67 additions & 52 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 67 additions & 52 deletions
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,71 @@
11
<!DOCTYPE html>
22
<html lang="en">
3+
34
<head>
45
<title>Wireframe Guide</title>
5-
<link rel="stylesheet" href="style.css">
6-
</head>
7-
8-
9-
<body><header class="page-header">
10-
11-
<h1> Wireframe </h1>
12-
<p class="short-description">Your guide to version control and design.</p>
13-
</header>
14-
<div class="main-wrapper">
15-
<section class="featured-article">
16-
<h2>Featured Article</h2>
17-
<article>
18-
<img src="https://media2.dev.to/dynamic/image/width=1280,height=720,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbqwje91mhujxu2gk5p83.jpg" alt="readme">
19-
<h3> What is the purpose of a README file? </h3>
20-
<p>
21-
A README file is a markdown document that provides an introduction and documentation for a project hosted on GitHub. It is usually placed in the root directory of a repository and is automatically displayed on the repository’s main page.
22-
23-
Purpose of a README File
24-
25-
Provides an overview of the project
26-
Describes installation and setup steps
27-
Documents usage instructions
28-
List contributors and guidelines for contributing
29-
Contains licensing information
30-
Enhances project visibility and usability
31-
</p>
32-
<a href="https://datamanagement.hms.harvard.edu/collect-analyze/documentation-metadata/readme-files">Read More</a>
33-
</article>
34-
</section>
35-
36-
<article class="side-card">
37-
<img src="https://images.surferseo.art/5f496a4a-799c-4502-8e9e-2f396dae9c91.png" alt="">
38-
<h2>What is the purpose of a wireframe?</h2>
39-
<p>Wireframes are basic blueprints that help teams align on requirements, keeping UX design conversations focused and constructive. Think of your wireframe as the skeleton of your app, website, or other final product. Your wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, components, and features, including:</p>
40-
41-
<a href="https://www.figma.com/resource-library/what-is-wireframing/">Read More</a>
42-
</article>
43-
44-
<article class="side-card">
45-
<img src="data:image/png;base64,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" alt="Example of a website wireframe">
46-
<h2>What is a branch in Git?</h2>
47-
<p>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.
48-
</p>
49-
<a href="https://www.geeksforgeeks.org/git/introduction-to-git-branch/" class="btn">Read more</a>
50-
</article>
51-
</div>
52-
<footer>
53-
<p> Smiles made in 2026 </p>
54-
</footer>
55-
</body>
56-
</html>
6+
<link rel="stylesheet" href="style.css">
7+
</head>
8+
9+
10+
<body>
11+
<header class="page-header">
12+
13+
<h1> Wireframe </h1>
14+
<p class="short-description">Your guide to version control and design.</p>
15+
</header>
16+
<main class="main-wrapper">
17+
<section class="featured-article">
18+
<h2>Featured Article</h2>
19+
<article>
20+
<img
21+
src="https://media2.dev.to/dynamic/image/width=1280,height=720,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbqwje91mhujxu2gk5p83.jpg"
22+
alt="readme">
23+
<h3> What is the purpose of a README file? </h3>
24+
<p>
25+
A README file is a markdown document that provides an introduction and documentation for a project hosted on
26+
GitHub. It is usually placed in the root directory of a repository and is automatically displayed on the
27+
repository’s main page.
28+
</p>
29+
30+
<h4>Other Purposes of a README File</h4>
31+
<ul>
32+
<li>Provides an overview of the project</li>
33+
<li>Describes installation and setup </li>
34+
<li>Documents usage instructions</li>
35+
<li>List contributors and guidelines for contributing</li>
36+
<li>Contains licensing information</li>
37+
<li>Enhances project visibility and usability</li>
38+
</ul>
39+
40+
<p><a href="https://datamanagement.hms.harvard.edu/collect-analyze/documentation-metadata/readme-files">Read
41+
More</a></p>
42+
<hr>
43+
44+
</article>
45+
</section>
46+
47+
<article class="side-card">
48+
<img src="https://images.surferseo.art/5f496a4a-799c-4502-8e9e-2f396dae9c91.png" alt="Wireframe Of A Website">
49+
<h2>What is the purpose of a wireframe?</h2>
50+
<p>Wireframes are basic blueprints that help teams align on requirements, keeping UX design conversations focused
51+
and constructive. Think of your wireframe as the skeleton of your app, website, or other final product. Your
52+
wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, components, and
53+
features, including:</p>
54+
55+
<a href="https://www.figma.com/resource-library/what-is-wireframing/">Read More</a>
56+
</article>
57+
58+
<article class="side-card">
59+
<img src="https://images.surferseo.art/5f496a4a-799c-4502-8e9e-2f396dae9c91.png" alt="Branch in Git">
60+
<h2>What is a branch in Git?</h2>
61+
<p>In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting
62+
the main project. Think of it as a " parallel universe " for your code. </p>
63+
<a href="https://www.geeksforgeeks.org/git/introduction-to-git-branch/" class="btn">Read more</a>
64+
</article>
65+
</main>
66+
<footer>
67+
<p> Smiles made in 2026 </p>
68+
</footer>
69+
</body>
70+
71+
</html>

‎Wireframe/short link image.png‎

18.9 KB
Loading

0 commit comments

Comments
 (0)