-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
151 lines (121 loc) · 5.48 KB
/
index.html
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html>
<head>
<title>The Big Nerd</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, inital-scale=1" />
<link rel="stylesheet" href="assets/css/main.css"/>
<link rel="shortcut icon" type="image/x-icon" href="assets/images/logo/BigNerd.png"/>
</head>
<body class="homepage">
<div id="page-wrapper">
<!-- Header -->
<div id="header">
<div class="header-nav">
<nav id="nav">
<div class="nav-title">
<p><a class="title" href="index.html">JQ Professional Services</a></p>
</div>
<ul class="top-nav">
<li><a href="index.html">About Me</a></li>
<p>/</p>
<li><a href="projects.html">Projects</a></li>
<p>/</p>
<li><a href="https://github.com/KristoforL" target="_blank">Github</a></li>
<p>/</p>
<li><a href="whoAmI.html">Who Am I</a></li>
<p>/</p>
<li><a href="contactMe.html">Contact Me</a></li>
</ul>
</nav>
</div>
</div>
<!-- Mobile Navbar -->
<!-- <div>
<a class="nav-icon"><img class="nav-icon" src="http://placehold.it/45x45"></a>
</div> -->
<div class="mobile">
<nav class="mobile-nav">
<div class="mobile-top-nav">
<a href="index.html">Home</a>
<a href="projects.html">Project</a>
<a href="https://github.com/KristoforL" target="_blank">Github</a>
<a href="whoAmI.html">Who Am I</a>
<a href="contactMe.html">Contact Me</a>
</div>
</nav>
</div>
<!-- Container -->
<div class="container">
<div class="container-info">
<p class="container-information">I Am Undefinable, Therefore Limitless</p>
<div id="contianer-photo">
<img src="assets/images/me/Home.png" class="container-myFace">
</div>
<div class="container-smallInfo">
<p class="container-information">
I am a programmer that welcomes any challenge presented to me in the Mobile Automation, SaaS, and other platforms and products of the world. I have a strong understanding of python automation and other front-end technologies and am excited to put my skills to use in my next professional setting. I am a team player that adpats well to new technologies, and confident in my ability to be a valuable asset to any team.
</p>
</div>
</div>
<!-- Animated Home Pictures -->
<!-- SHOWING SKILL SET AND WILL BE ADDING MORE HERE AS I LEARN STACKS-->
<div class="container-favPictures">
<img src="assets/images/portfolio/python.png" class="favPictureEach">
<img src="assets/images/portfolio/awscp.png" class="favPictureEach">
<img src="assets/images/portfolio/docker.png" class="favPictureEach">
<img src="assets/images/portfolio/AWS.jpg" class="favPictureEach">
<br>
<img src="assets/images/portfolio/css.png" class="favPictureEach">
<img src="assets/images/portfolio/html.png" class="favPictureEach">
<img src="assets/images/portfolio/js.png" class="favPictureEach">
<img src="assets/images/portfolio/sql.png" class="favPictureEach">
<!-- KEEPING THIS AS REFERENCE FOR WHEN I NEED TO USE PLACEHOLDERS -->
<!-- <img src="https://placehold.jp/175x175.png" class="favPictureEach"> -->
</div>
<div class="container-smallInfo">
<p class="container-information">
Outside of the work environment I will enjoy a nice animated series or game show, building PCs, spending time with my dogs, fixing or adding mods to cars, exercise, and enjoying my time with my loved ones. Occasionally I do find myself learning new technologies for curiosity sake by going to local tech events.
</p>
</div>
<!-- Links to Other Tabs -->
<div class="container-otherLinks">
<div class="otherLinksEach">
<a class="link"><img src="assets/images/previews/travel.png"></a>
</div>
<div class="otherLinksEach">
<a class="link"><img src="assets/images/previews/SortingMachine.png"></a>
</div>
<div class="otherLinksEach">
<a class="link"><img src="assets/images/previews/myHTML.png"></a>
</div>
</div>
</div>
<!-- Footer -->
<div class="footer">
<div class="footer-socialMedia">
<ul class="footerIcon">
<a href="https://www.instagram.com/the_big_nerd_llc?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==" target="_blank" class="icon"><img src="assets/images/ico/IG.png"></a>
<a href="https://twitter.com/The_BigNerd" target="_blank" class="icon"><img src="assets/images/ico/x.png"></a>
<a href="https://github.com/KristoforL" target="_blank" class="icon"><img src="assets/images/ico/githubIcon.png"></a>
<a href="https://www.linkedin.com/in/jklockhart/" target="_blank" class="icon"><img src="assets/images/ico/LI.png"></a>
</ul>
</div>
<div class="footerContact">
<div class="footerContactEach">
<a href="contactMe.html" class="icon"><img src="assets/images/ico/Mail.png"></a>
</div>
</div>
<div class="tagline">
<!-- WORKING ON DISPLAYING SOMETHING HERE AS A TAG LINE -->
<!-- <p>The Big Nerd LLC 2022</p> -->
</div>
</div>
</div>
<!-- Scripts -->
<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.3.min.js" integrity="sha256-a23g1Nt4dtEYOj7bR+vTu7+T8VP13humZFBJNIYoEJo=" crossorigin="anonymous"></script>
<script type="text/javascript" src="jkl2.js"></script>
<script type="text/javascript" src="assets/js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="assets/js/jquery-ui.min.js"></script>
</body>
</html>