Skip to content

Commit a88f1d4

Browse files
Motorcycle-labMotorcycle-lab
authored
Add stylesheet link into header, <body> before <header>
1 parent 063668a commit a88f1d4

1 file changed

Lines changed: 9 additions & 11 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 9 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,22 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
3+
<head>
44
<title>Wireframe Guide</title>
5+
<link rel="stylesheet" href="style.css">
56
</head>
67

78

8-
<header class="page-header">
9-
<link rel="stylesheet" href="style.css">
9+
<body><header class="page-header">
10+
1011
<h1> Wireframe </h1>
1112
<p class="short-description">Your guide to version control and design.</p>
12-
</header>
13-
13+
</header>
1414
<div class="main-wrapper">
1515
<section class="featured-article">
16+
<h2>Featured Article</h2>
1617
<article>
1718
<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">
18-
<h2> What is the purpose of a README file? </h2>
19+
<h3> What is the purpose of a README file? </h3>
1920
<p>
2021
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.
2122

@@ -32,23 +33,20 @@ <h2> What is the purpose of a README file? </h2>
3233
</article>
3334
</section>
3435

35-
<div class="card-group">
3636
<article class="side-card">
37-
<img src="https://images.surferseo.art/5f496a4a-799c-4502-8e9e-2f396dae9c91.png" alt=""></img>
37+
<img src="https://images.surferseo.art/5f496a4a-799c-4502-8e9e-2f396dae9c91.png" alt="">
3838
<h2>What is the purpose of a wireframe?</h2>
3939
<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>
4040

4141
<a href="https://www.figma.com/resource-library/what-is-wireframing/">Read More</a>
4242
</article>
4343

44-
<div class="card-group">
4544
<article class="side-card">
46-
<img src="data:image/png;base64,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" alt="Example of a website wireframe"></img>
45+
<img src="data:image/png;base64,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" alt="Example of a website wireframe">
4746
<h2>What is a branch in Git?</h2>
4847
<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.
4948
</p>
5049
<a href="https://www.geeksforgeeks.org/git/introduction-to-git-branch/" class="btn">Read more</a>
51-
</div>
5250
</article>
5351
</div>
5452
<footer>

0 commit comments

Comments
 (0)