kward937.github.io/index.html at main · kward937/kward937.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
<!DOCTYPE html>
<html id="top" lang="en">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-J7X9G4BPYJ"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }

    gtag('js', new Date());

    gtag('config', 'G-J7X9G4BPYJ');
</script>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" href="Portfolio.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"
          integrity="sha512-xh6O/CkQoPOWDdYTDqeRdPCVd1SpvCA9XXcUnZS2FmJNp1coAFzvtCN9BmamE+4aHK8yyUHUSCcJHgXloTyT2A=="
          crossorigin="anonymous" referrerpolicy="no-referrer"/>
    <title>Kevin Ward - Full Stack</title>
</head>
<div class="container-fluid p-0 py-0" style="background-color: black;">

    <header class="w-100">
        <nav class="navbar navbar-expand-xxl navbar-dark py-2">
            <img id="logo" src="logo-white.png" alt="Developer Logo">
            <a href=#skill-scroll>Skills</a>
            <a href=#about-scroll>About</a>
            <a href="https://indianhallowcampground.com">Sites I've Built</a>
        </nav>
    </header>
</div>
<main>
    <div class="pagewrap">
        <div class="snap introWrap">
            <div class="main-image">
            </div>
            <div class="intro px-4 mb-2 d-flex flex-column">
                <img class="introimage mx-auto" src="https://i.imgur.com/oUGZDfg.jpg"
                     alt="Portrait Photo of Developer">
                <h1 id="hello">Hello!</h1>
                <h2 class="introtext mb-0">My name is <span id="kevin">Kevin</span>, and I'm a full stack</h2>
                <h2 id="typewriter"></h2>
            </div>
            <div id="skill-scroll"></div>
        </div>
        <div class="skills container-fluid snap">
            <h1 class="text-center">My Skills</h1>
            <div class="row">
                <div class="col-6">
                    <ul class="skillsList p-0">
                        <li>HTML5<img id="html5" src="html5Logo.png" alt="HTML5 Logo"></li>
                        <li>Javascript<img id="jscript" src="javascriptLogo.png" alt="Javascript Logo"></li>
                        <li>SASS<img id="sass" src="sassLogo.png" alt="SASS Logo"></li>
                    </ul>
                </div>
                <div class="col-6">
                    <ul class="skillsList p-0">
                        <li>Bootstrap<img id="boot" src="bootstrapLogo.png" alt="Bootstrap Logo"></li>
                        <li>SQL<img id="sql" src="sqlLogo.png" alt="SQL Logo"></li>
                        <li>PHP<img id="php" src="phpLogo.png" alt="PHP Logo"></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="experienceWrap snap">
            <h1 class="text-center mb-4">Experience</h1>
            <ul id="exp-list">
                <li>API implementations</li>
                <li>Responsive Design</li>
                <li>Drupal/Custom Frameworks</li>
                <li>Unit Testing</li>
                <li>CICD/Pipelines</li>
                <li>Git</li>
                <li>LAMP Stack</li>
            </ul>
            <div id="about-scroll"></div>
        </div>
        <div class="aboutWrap container-fluid snap-top">
            <h1 id="about-me" class="pt-5 text-center mb-3">About Me</h1>
            <p class="about px-3" id="about">I'm a full stack developer with a passion for all things
                technology.<br><br> From an early age, I started tinkering with computers (sometimes breaking
                them), and the tinkering never stopped.
            </p>
        </div>
        <div class="fiveWrap container-fluid snap">
            <h1 class="pt-5 text-center">In 5 Years...</h1>
            <p class="px-3 about">I would like to be considered a senior in the field, able to jump into most
                projects and bring them to completion.
            </p>
        </div>
    </div>

    <script src="typewriter.js"></script>
    <script>
        document.addEventListener("DOMContentLoaded", () => {
            setTimeout(typeWriter, 750);
        });
    </script>
<!--    <footer class="row mx-0 pt-2">-->
<!--        <a href="/privacypolicy.html" class="text-center font-weight-bold pt-4 mx-auto">-->
<!--            <h3 class="mb-0"><strong>Privacy Statement</strong>-->
<!--            </h3>-->
<!--        </a>-->
<!--        <div class="d-flex w-100">-->
<!--            <a class="col" href="https://www.linkedin.com/in/kward937"><i class="fa-brands fa-linkedin-in"></i></a>-->
<!--            <a class="col" href="https://github.com/kward937"><i class="fa-brands fa-github"></i></a>-->
<!--            <a class="col" href="mailto:ward.kevinb@gmail.com"><i class="fa-solid fa-envelope"></i></a>-->
<!--        </div>-->
<!--    </footer>-->
</main>

<script type="text/javascript">
    window._mfq = window._mfq || [];
    (function () {
        var mf = document.createElement("script");
        mf.type = "text/javascript";
        mf.defer = true;
        mf.src = "//cdn.mouseflow.com/projects/04e9ee79-69f1-4937-bbef-740f4d349e5f.js";
        document.getElementsByTagName("head")[0].appendChild(mf);
    })();
</script>
</html>