jcgordon10.github.io/index.html at master · jcgordon10/jcgordon10.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
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jackson Gordon | Main</title>
    <link rel="stylesheet" href="stylesheet.css">
    <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">
</head>

<body>
    <div class="wrapper">
        <div id="myNav" class="overlay">
            <span class="closebtn" onclick="closeNav()">&times;</span>
            <div class="overlay-content">
                <a href="#">HOME</a>
                <a href="#interests-anchor">INTERESTS</a>
                <a href="#education-anchor">EDUCATION</a>
                <a href="https://www.linkedin.com/in/jacksongordon/">EXPERIENCE</a>
                <a href="#projects-anchor">PROJECTS</a>
            </div>
        </div>
        <header>
            <a class="HomeLink" href="index.html">JG<!--NEMEAN<br/>DEVELOPMENT--></a>
            <span class="NavBurger" onclick="openNav()">&#9776;</span>
        </header>
        <div class="section1">
            <div class="backgroundOpacity">
                <div id="textCenter">
                    <div class="name">JACKSON GORDON</div>
                    <div class="bar"></div>
                    <div class="description">
                        <p id="desc1">Software Development & Testing</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section2">
        <div class="section2-1">
            <img src="images/portrait2.png" width="300px">
            <span></span>
            <div class="section2-1-1">
                <h1 id="interests-anchor">Hi, I'm Jackson</h1>
                <p>I currently work as a Qualtiy Assurance Analyst for Availity, an awesome company that work to solve problems in healthcare by using technology to connect providers, healthplans and technology partners. I do manual testing, and write automation
                    scripts to ensure our applications are working perfectly.</p>
                <p>I'm a big fan of Sci-Fi and Fantasy novels, everything from Frank Herbert's <i>Dune</i> to Tolkien's <i>Lord of the Rings</i> and Sapkowski's <i>The Witcher</i>.</p>
                <p>Recently I (and everyone else) have been very interested in Language Models and finding uses for them. I've even been developing a little with them.</p>
                <span></span>
                <p>My goal is to continue developing and growing my skills so that I can be equipped to use them in a business setting to help others.</p>
            </div>
            <!--             <a href="https://www.linkedin.com/in/jacksongordon/" class="about-link">
                <h2>Work History ></h2>
            </a> -->
            <a href="https://www.linkedin.com/in/jacksongordon/" class="about-link">
                <h2>Work History ></h2>
            </a>
        </div>
    </div>
    <div class="section3">
        <div class="section3-1">
            <img src="images/ivy.png" width="50px">
            <h1 id="education-anchor">Education:</h1>
            <p>I graduated Ivy Tech Community College in 2019 with a Technical Certification in Software Development, Magne Cum Laude.</p>
            <p>In addition to my formal education, I have also pursued self education through a number of online resources. Through my self education, I taught myself HTML, CSS, C#, as well as Python, Javascript, SQL and other software and database skills.</p>
            <div class="section3-1-1">
                <a href="https://www.linkedin.com/in/jacksongordon/">
                    <h2>Full Education ></h2>
                </a>
            </div>
        </div>
    </div>
    <div class="section4">
        <div class="section4-1">
            <h1 id="projects-anchor">Projects:</h1>
            <p>Take a look at some of my projects I've completed!</p>
            <p>
                <a href="https://www.codewars.com/users/jcgordon10">
                    <img src="https://www.codewars.com/users/jcgordon10/badges/large" alt="Codewars" style="max-width:100%;
max-height:100%;">
                </a>
            </p>
            <div class="projects">
                <a href="https://github.com/jcgordon10/Lingo"><img src="images/Lingo.jpeg" alt="Lingo Language Learning Companion - ChatGPT">
                    <p>Lingo Language Learning Companion - ChatGPT</p>
                </a>
            </div>
            <div class="projects">
                <a href="https://github.com/jcgordon10"><img src="images/Nemean_2.jpg" alt="My Github">
                    <p>My Github</p>
                </a>
            </div>
        </div>
    </div>
    <div class="section5">
        <div class="section5-1">
            <h3>Site Navigation</h3>
            <ul>
                <a href="#">
                    <li>Home</li>
                </a>
                <a href="#interests-anchor">
                    <li>Interests</li>
                </a>
                <a href="#education-anchor">
                    <li>Education</li>
                </a>
                <a href="https://www.linkedin.com/in/jacksongordon/">
                    <li>Experience</li>
                </a>
                <a href="#projects-anchor">
                    <li>Projects</li>
                </a>
            </ul>
            <p>Site design by Jackson Gordon - jcgordon10@gmail.com</p>
        </div>
    </div>
    <script>
        function openNav() {
            document.getElementById("myNav").style.width = "20em";
        }

        function closeNav() {
            document.getElementById("myNav").style.width = "0%";
        }
    </script>
</body>

</html>