Skip to content

Commit 6a93af5

Browse files
readme, github and wireframe articles done
1 parent c44123d commit 6a93af5

4 files changed

Lines changed: 48 additions & 10 deletions

File tree

Wireframe/image1.png

142 KB
Loading

Wireframe/image2.png

172 KB
Loading

Wireframe/index.html

Lines changed: 37 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,49 @@
88
</head>
99
<body>
1010
<header>
11-
<h1>Wireframe</h1>
12-
<p>
13-
This is the default, provided code and no changes have been made yet.
11+
<h1>SOFTWARE DEVELOPMENT LIFECYCLE TOOLS(SDLC)</h1>
12+
<p id="basic">
13+
SDLC tools are software applications that help development teams plan, design, build, test, and deploy software systematically. SDLC tools are software applications that help development teams plan, design, build, test, and deploy software systematically.
1414
</p>
1515
</header>
1616
<main>
1717
<article>
18-
<img src="placeholder.svg" alt="" />
19-
<h2>Title</h2>
18+
<div>
19+
<img src="image1.png" alt="an image of a readme.md" />
20+
</div>
21+
<h2>README FILE</h2>
22+
<p>
23+
Just like the name implies, you should read a README file as it is the foundational documentation for a software, dataset, or coding project. It serves as a project's "front door," designed to help users quickly understand what the project does, how to install and use it, and how to contribute. It also contains
24+
clear examples or tutorials demonstrating the project's features in action.
25+
</p>
26+
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
27+
</article>
28+
<article>
29+
<div>
30+
<img src="wireframe.png" alt="an image of a wireframe template" />
31+
</div>
32+
<h2>WIREFRAMES</h2>
33+
<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:
34+
</p>
35+
<ul>
36+
<li>Screen layouts</li>
37+
<li>Navigation bars</li>
38+
<li>Components of UX and UI design</li>
39+
<li>Interactive elements</li>
40+
</ul>
41+
<a href="https://www.figma.com/resource-library/what-is-wireframing/">Read more</a>
42+
</article>
43+
<article>
44+
<div>
45+
<img src="image2.png" alt="an image of a git branch and its operations" />
46+
</div>
47+
<h2>GIT BRANCH</h2>
2048
<p>
21-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
22-
voluptates. Quisquam, voluptates.
49+
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.
50+
Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch. Branches allow you to work on different parts of a project without impacting the main branch.
51+
When the work is complete, a branch can be merged with the main project. You can even switch between branches and work on different projects without them interfering with each other. Branching in Git is very lightweight and fast!
2352
</p>
24-
<a href="">Read more</a>
53+
<a href="https://i0.wp.com/digitalvarys.com/wp-content/uploads/2019/06/GIT-Branchand-its-Operations.png?fit=1921%2C1057&ssl=1">Read more</a>
2554
</article>
2655
</main>
2756
<footer>

Wireframe/style.css

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -26,6 +26,14 @@ As well as useful links to learn more */
2626
}
2727
/* ====== Base Elements ======
2828
General rules for basic HTML elements in any context */
29+
h1{
30+
text-align: center;
31+
color: palevioletred;
32+
}
33+
h2{
34+
color: palevioletred;
35+
}
36+
2937
body {
3038
background: var(--paper);
3139
color: var(--ink);
@@ -41,6 +49,9 @@ svg {
4149
width: 100%;
4250
object-fit: cover;
4351
}
52+
#basic{
53+
text-align: center;
54+
}
4455
/* ====== Site Layout ======
4556
Setting the overall rules for page regions
4657
https://www.w3.org/WAI/tutorials/page-structure/regions/
@@ -50,8 +61,6 @@ main {
5061
margin: 0 auto calc(var(--space) * 4) auto;
5162
}
5263
footer {
53-
position: fixed;
54-
bottom: 0;
5564
text-align: center;
5665
}
5766
/* ====== Articles Grid Layout ====

0 commit comments

Comments
 (0)