cooljohnny3.github.io/index.html at master · cooljohnny3/cooljohnny3.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="John Brehm's portfolio. Click to learn more about me and my projects.">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/index.css">
    <title>John Brehm - Home</title>
</head>
<body>
    <nav class="nav-bar">
        <a class="nav-link" href="/">Home</a>
        <a class="nav-link" href="resume.pdf">Resume</a>
        <a class="nav-link" href="projects.html">Projects</a>
    </nav>
    <main>
        <h1>John P. Brehm</h1>
        <section class="main-section">
            <figure>
                <img src="img/Pic2.jpg" alt="Picture of John Brehm">
            </figure>
            <article class="content">
                <p class="section-title">About Me:</p>
                <p>Computer Science graduate with a Bachelors of Science from California State University, Northridge. Experience with a broad scope of technologies including systems languages such as Java and web technologies such as Vue and React. I'm always looking to learn something new.</p>
                <p class="section-title">Hobbies and Interests:</p>
                <ul>
                    <li>I enjoy learning new things both in programming and other topics. Everything is interesting.</li>
                    <li>I like to play video games.</li>
                    <li>I play some guitar and enjoy listening to lots of different music.</li>
                    <li>I can solve a 3x3 Rubik's cube in under a minute.</li>
                    <li>Do you know where the One Piece is?</li>
                </ul>
                <div class="contact-info">
                    <p class="section-title">Links and Contact Info:</p>
                    <p>
                        <a href="https://github.com/cooljohnny3"><i class="fab fa-github  fa-2x"></i></a>
                        <a href="https://www.linkedin.com/in/john-brehm-a8231b199/"><i class="fab fa-linkedin fa-2x"></i></a>
                    </p>
                    <p>Phone: +1 818-659-5234</p>
                    <p>Email: brehmjohn3@gmail.com</p>
                </div>
            </article>
        </section>
    </main>
</body>
</html>