Module-Onboarding/Wireframe/index.html at 13c08a28bf5078459f70f21cf4ff4d56bb3f012f · 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
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Wireframe to Webcode Assignment-Sprint 1</title>
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <header>
      <h1>Wireframe Webcode Assignment</h1>
      <p>
       This is the initial DRAFT version of this page. <!--First line updated to reflect draft status-->
      </p>
    </header>
    <main>
      <article>
       <img src="https://alexwlchan.net/images/2021/readmes-for-open-science/slide5_2x.avif" alt="Welcome mat, Headline "What is a ReadMe"" />
        <h2>What is the Purpose of a Readme File</h2>
        <p>
          A readme file serves as a guide for users and developers, providing
          essential information about a project, including its purpose,
          installation instructions, usage guidelines, and contribution
          protocols. It helps ensure that everyone involved understands how to
          effectively use and contribute to the project.
        </p>
        <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read more</a>
      </article>
      <article>
        <img src="https://www.productplan.com/wp-content/uploads/2019/03/wireframe-1024x576.png" alt="Wireframe example, Headline "What is the Purpose of a Wireframe"" />
        <h2>What is the Purpose of a Wireframe</h2>
        <p>
          A wireframe is a visual guide that represents the skeletal framework
          of a website or application. Its purpose is to outline the layout,
          structure, and functionality of a page before the actual design and
          development process begins. Wireframes help stakeholders visualize
          the user interface, plan content placement, and ensure that the user
          experience is intuitive and effective.
        </p>
        <a href="https://www.productplan.com/glossary/wireframe/">Read more</a>
      </article>
      <article>
        <img src="https://git-scm.com/images/logos/downloads/Git-Logo-2Color.png" alt="Git logo, Headline "What is a branch in Git"" />
        <h2>What is a branch in Git</h2>
        <p>
          A branch in Git is a separate line of development that allows
          multiple versions of a project to coexist. It enables developers to
          work on new features, bug fixes, or experiments without affecting the
          main codebase. Branches facilitate collaboration, as team members can
          work independently and later merge their changes back into the main
          branch when ready.
        </p>
        <a href="https://docs.github.com/en/pull-requests/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/about-branches">Read more</a>
      </article>
    </main>
    <footer>
      <p>
        This is the default, provided code and no changes have been made yet.
      </p>
    </footer>
  </body>
</html>