Module-Onboarding/Wireframe/index.html at 83bf6538a845e95801fbc95dc0df640b18bbdf19 · CodeYourFuture/Module-Onboarding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Wireframe</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <h1>Wireframe to Web Code</h1>
      <p> The beginning of the onboarding process, where you will learn how to convert a wireframe design into functional web code.

      </p>
    </header>
    <!-- The main content of the page, where articles about wireframes, README files, and Git branches are presented. -->
    <main>
      <article>
        <img src="placeholder.svg" alt="" />
        <h2>What is a Wireframe</h2>
        <p>
          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.</p><p>By Peldi Guilizzoni "What is a Wireframe?" <i>The Balsamiq Blog</i> May 08, 2025</p>
        </p>
        <a href="https://balsamiq.com/blog/what-are-wireframes/">Continue Reading</a>
      </article>

    <article>
       <!-- Added two (2) additional article within the main to properly fit grid format -->
    <h2>What is the Purpose of a README file?</h2>
    <p>"A README.md is a key document in repositories, especially on GitHub. It introduces the project, explains its purpose, setup, and usage, and helps users and developers contribute effectively."

</p>
     <a href="https://www.geeksforgeeks.org/git/what-is-readme-md-file/">Continue via GeeksforGeeks</a>
    </article>
    <article>
      <h2>What is a Branch in Git?</h2>
      <p>"Use a branch to isolate development work without affecting other branches in the repository. Each repository has one default branch, and can have multiple other branches. You can merge a branch into another branch using a pull request."</p>
       <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">Continue via GitHub Docs</a>

    </article>
    </main>
    <!-- The footer of the page, where credits for changes made to the content are given. -->
    <footer>
      <p>
        Changes made by Michael English "Eigo-G" on GitHub.
      </p>
      </footer>

  </body>
</html>