codegonzo/index.html at main · Gonzobonzogit/codegonzo · 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
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="improved css/styles.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
    <title>Gonzos bio</title>
  </head>

  <body>
   <header>
    <h1 class="name">Jon 'Gonzo' Kuegel</h1>
    <h2 class="jobs">Student of Web Development & Programming</h2>
    <h5 class="poop">Restoration for now</h5>

    <div class="sidebar-container">
      <article class="sidebar">
        <nav class="page-links">
          <ul>
            <li><a href='#About-Me'> About Me</a></li>
            <li><a href='#projects'> Projects</a></li>
            <li><a href='#contact'> Contact Me</a></li>
          </ul>
        </nav>
      </article>
    </div>
   </header>


  <section class="aboutMe">
    <h3 id="About-Me">About Me</h3>
    <img id="me" src="images/Me.jpg" height="300px" width="200px" alt="A side picture of a young man with messy hair and a beard"/>
     <p>
      Hi! Thank you for coming to my projects page! Let me introduce myself, my name is Gonzo. Ok, not my real name but
      thats ok just go with it. You'll know this name one day. I am 30 years young, born in '95, life has been a challenge for me.
      Life is rough but there is beauty in this world. Coding has brought me some real peace, since I started 3 months ago (also some of the biggest pains but eh)
      I hope you enjoy the projects as of right now all but Lyra are school projects. Lyra's code i am working to get to Github,
      however I must still do some tinkering. Keep your eye out for that release!!
    </p>
  </section>


    <section id="projects">
    <h3 class='project-showcase'>
      <ul>
        <li><a href='https://github.com/Gonzobonzogit/Lyra2.0'>Lyra2.0, ChatGPT powered chatbot</a></li>
        <li><a href='https://github.com/Gonzobonzogit/colmar-academy'> Colamr-Academy: Codecademy </a></li>
        <li><a href="https://github.com/Gonzobonzogit/Wondernote"> Wondernote: Codecademy </a></li>
      </ul>
    </h3>
   </section>


   <article id='contact'>
    <h3>Contact Me</h3>
    <form action="/submit" method="post">
        <label for="name">Name:</label>
        <input type="text" id="name" name="name" required>

        <label for="email">Email:</label>
        <input type="email" id="email" name="email" required>

        <label for="message">Message:</label>
        <textarea id="message" name="message" rows="5" required></textarea>

        <button type="submit">Send Message</button>
    </form>
   </article>


    <article class="my-links">
      <h3 id="gonzos-code">Gonzo Codes</h3>
     <a href="https://www.github.com/gonzobonzogit">My Github</a>
    </article>

    <footer>
      <P>Gonzo Coding &copy; 2025 All Rights Reserved </P>
    </footer>

  </body>
</html>