Module-Onboarding/wireframe1.html at 60e48bc08487210200d9e0507e477bde89c1e5e3 · Migracode-Barcelona/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
<!DOCTYPE html>
<html lang="en">
<head>
  <link rel="stylesheet" href="wireframe1.css">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Wireframe Questions</title>
</head>

<body>
  <header>
    <h1>Frequently Asked Questions</h1>
    <p>Answers to common concepts in software development and Git workflow.</p>
  </header>

  <main>

    <!-- Large article block -->
    <section>
      <article>
        <h2>What is the purpose of a README file?</h2>
        <p>
          A README file introduces and explains a project. It usually describes the
          project's purpose, how to install or run it, the technologies used, and any
          relevant instructions for contributors or users. It serves as the first point
          of reference for understanding the repository.
        </p>
        <button>Read More</button>
      </article>
    </section>

    <!-- Two smaller article blocks side by side -->
    <section>
      <article>
        <h2>What is the purpose of a wireframe?</h2>
        <p>
          A wireframe is a visual guide that outlines the structure of a webpage or
          application interface. It focuses on layout, content placement, and user flow
          without dealing with styling or design details. Wireframes help teams plan and
          test ideas early in the design process.
        </p>
        <button>Read More</button>
      </article>

      <article>
        <h2>What is a branch in Git?</h2>
        <p>
          A branch in Git is a parallel version of a project’s code. It allows developers
          to work on new features, fixes, or experiments without altering the main codebase.
          Once the work is ready, the branch can be merged back into the main branch.
        </p>
        <button>Read More</button>
      </article>
    </section>

  </main>

  <footer>
    <p>Footer .</p>
  </footer>

</body>
</html>