Module-Onboarding/Wireframe/index.html at b2d2529f870dacc4c8ff2c488149f3637ef12da7 · 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
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Three Key Tech Tips</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
    <h1>Three Tech Tips</h1>
    <p>
      Here are some useful things to know when learning to create your own websites
      and manage tech projects.
    </p>
  </header>
  <main>
    <article>
      <img src="https://repository-images.githubusercontent.com/190038729/991a8980-8e28-11e9-9d4f-b0bdf64180f4"
        alt="Readme">
      <h2>The Purpose of a Readme File</h2>
      <p>
        A readme file is a very important part of any GitHub repository. It is often the first item a visitor will see
        when landing on a repository. A readme file should provide users with information about the purpose of a
        project, how to use it effectively and who the contributers and maintainers of the project are.
      </p>
      <a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
        target="_blank">Read More</a>
    </article>
    <article>
      <img src="https://cdn.nulab.com/learn-wp/app/uploads/2018/10/14210245/Cacoo-8-must-see-wireframes-680x450-1.png"
        alt="Wireframe">
      <h2>
        The Purpose of A Wireframe
      </h2>
      <p>
        A wireframe in web design is a basic visual representation of a webpage
        that helps to outline its overall stucture and functionality.
        Wireframes are used early in the development process to demonstrate the basic
        structure of a page before visual design and content are added. The simplicity
        of wireframes allow for changes and iterations to be made quickly and easily.
      </p>
      <a href="https://www.experienceux.co.uk/faqs/what-is-wireframing/" target="_blank">Read More</a>
    </article>
    <article>
      <img src="https://framerusercontent.com/images/jmGsErVaXE9HMnmsIjHDba05DSg.png?width=1600&height=900"
        alt="Git Branch Model">
      <h2>
        What is a Git Branch
      </h2>
      <p>
        A git branch is a pointer to a snapshot of all the changes that occured
        on that branch. Upon creating a new GitHub repository you will usually
        be on the main branch by default. You can create additional branches which
        are like separate workspaces to make changes to a project or test other features
        without compromising the base project. Branches are useful when working
        on a project with many collaborators as each individual can make changes on their own local
        copy of a project and propose their changes to be integrated to the main branch
        after approval.
      </p>
      <a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell" target="_blank">Read More</a>
    </article>
  </main>
  <footer>
    <p id="p_footer">
      Footer content will go here
    </p>
  </footer>
</body>

</html>