lab-github-practice/index.html at master · juda-03/lab-github-practice · 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
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Portfolio Page</title>
</head>
<body>
  <nav>
    <ul>
      <li><a href="#home">Home</a></li>
      <li><a href="#about">About</a></li>
      <li><a href="#projects">Projects</a></li>
      <li><a href="#skills">Skills</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
  </nav>

  <header id="home">
    <h1>Welcome To Ironhacker's Page</h1>
    <p>A small portfolio page for practicing HTML, Git, and GitHub.</p>
  </header>

  <section id="about">
    <h2>About Me</h2>
    <p>
      I am learning how to build web pages, organize code, and collaborate with GitHub.
      This page is a place to practice and show a little bit about myself.
    </p>
  </section>

  <section>
    <h2>Things I Like</h2>
    <ul>
      <li>Bible</li>
      <li>Family</li>
      <li>Church</li>
    </ul>
  </section>

  <section>
    <h2>Things I Don't Like</h2>
    <ul>
      <li>Loading screens</li>
      <li>A wifi not working</li>
      <li>A bad cup of coffee</li>
    </ul>
  </section>

  <section id="projects">
    <h2>Projects</h2>
    <article>
      <h3>Portfolio Page</h3>
      <p>A simple HTML page that introduces me and shows what I am learning.</p>
    </article>
    <article>
      <h3>GitHub Practice</h3>
      <p>A practice project for creating commits, branches, and pull requests.</p>
    </article>
  </section>

  <section id="skills">
    <h2>Skills I Am Building</h2>
    <ul>
      <li>Writing semantic HTML</li>
      <li>Using Git from the command line</li>
      <li>Publishing projects with GitHub</li>
    </ul>
  </section>

  <section id="contact">
    <h2>Contact</h2>
    <p>
      Want to connect? Send me an email at
      <a href="mailto:ironhacker@example.com">ironhacker@example.com</a>.
    </p>
  </section>
</body>
</html>