-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
171 lines (147 loc) · 6.97 KB
/
index.html
File metadata and controls
171 lines (147 loc) · 6.97 KB
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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="portfoliohome.css" />
<title>Document</title>
</head>
<body>
<script>
function openTab(evt, tabName) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
document.getElementById(tabName).style.display = "block";
evt.currentTarget.className += " active";
}
</script>
<div class="top_container">
<div class="tab">
<button class="tablinks" onclick="openTab(event, 'Web Development')">Projects</button>
<button class="tablinks" onclick="openTab(event, 'Bio')">About</button>
<button class="tablinks" onclick="openTab(event, 'Photos')">Photography</button>
<button class="tablinks" onclick="openTab(event, 'Nicq')">Nicq</button>
</div>
</div>
<br><br><br>
<div id="Nicq" style="display: block;" class="tabcontent">
<h1>Hello!</h1>
<h3> My name is Nicq, and I love to design and build software applications for the web!</h3>
<p> </p>
</div>
<div id="Web Development" class="tabcontent">
<p></p>
<body>
<div class="web_dev_row">
<div class="web_dev_column">
<h3>
<ul>I have experience building projects with:</ul>
</h3>
<li>Python (and the python arcade library for fun) </li>
<li>Django</li>
<li>Django REST framework to build APIs</li>
<li>Vue</li>
<li>SQL</li>
<li>Axios</li>
<li>JS</li>
<li>CSS</li>
<br>
<h3>Django</h3>
<img src="Portfolio/warzone_blank.jpeg" style="height: 200px" style="width: 200px">
<img src="Portfolio/desktop version pic.JPG" style="height: 200px" style="width: 200px">
<img src="Portfolio/mobile plan pic.JPG" style="height: 200px" style="width: 200px">
<br>
<h3>HTML/CSS</h3>
<img src="Portfolio/warzone_blank.jpeg" style="height: 200px" style="width: 200px">
<img src="Portfolio/warzone_blank.jpeg" style="height: 200px" style="width: 200px">
<img src="Portfolio/warzone_blank.jpeg" style="height: 200px" style="width: 200px">
</div>
</div>
</body>
</div>
<div id="Bio" class="tabcontent">
<body>
<h3>  About</h3>
<div class="row">
<div class="bio_column">
<p id="bio_p">    Nicq Barker is an accomplished software developer, volunteer, former surgical assistant,
and
cat-dad based out of Portland, Oregon. Nicq began programming at age 10, where he began playing with
LOGO on his dad's computer. The feeling of completing a circle was too much for him to let go.
Around this same time, Nicq was involved in a pool-side accident that left him without front teeth!
After hours in the Dental Chair, Nicq emerged as a dental enthusiast!</p></br>
</div>
<div class="bio_column">
<p id="bio_p">    Upon completion of his B.S. in Psychology from the University of Idaho, Nicq studied as
an oral surgery assistant for several years before moving to Portland and working for a very successful
surgeon. Finally
the technology had caught up! 80% of his job was done at a computer, he learned how to design and 3D
print surgical guides to place dental implants. He learned how to copy bone structure from an x-ray
and 3D print a replica to ensure a tight fitting titanium mesh membrane prior to surgery, he would
even take digial scans of patient's teeth and their prosthetics for complete upper and lower implant
supported dentures!</p>
</div>
<div class="bio_column">
<p id="bio_p">    Nicq worked with several different software companies and programs through his surgical
endeavors, and he found himself getting deeper and deeper into the technical side of software. How
does this work? How was this designed? What the heck is python?</p>
<p id="bio_p">    Fast forward to today, Nicq is combining his software expertise, love of people, love
for helping others, and humor to make any team he is part of stronger, and any work environment,
remote or otherwise, considerably more fun!</p>
</div>
</div>
</div>
</body>
</div>
<div id="Photos" class="tabcontent">
<body>
<h3>Photos</h3>
<div class="row">
<div class="column">
<img src="Portfolio/bustystreet.jpeg" style="width:100%">
<img src="Portfolio/cambodiabandw.jpeg" style="width:100%">
<img src="Portfolio/coliseum.jpeg" style="width:100%">
<img src="Portfolio/dragons.jpeg" style="width:100%">
<img src="Portfolio/elephants.jpeg" style="width:100%">
<img src="Portfolio/elbagreen.jpeg" style="width:100%">
<img src="Portfolio/rodeo.jpg" style="width:100%">
</div>
<div class="column">
<img src="Portfolio/jinweaving.jpeg" style="width:100%">
<img src="Portfolio/luangprabangwaterfall.jpeg" style="width:100%">
<img src="Portfolio/fountain.jpg" style="width:100%">
<img src="Portfolio/redflowervietnam.jpeg" style="width:100%">
<img src="Portfolio/ricejars.jpeg" style="width:100%">
<img src="Portfolio/spiralstairs.jpeg" style="width:100%">
<img src="Portfolio/pariscelining.jpeg" style="width:100%">
</div>
<div class="column">
<img src="Portfolio/vietsunset.jpeg" style="width:100%">
<img src="Portfolio/tablefruit.jpeg" style="width:100%">
<img src="Portfolio/vietstreamtree.jpeg" style="width:100%">
<img src="Portfolio/bandwtemple.jpeg" style="width:100%">
<img src="Portfolio/coffee.jpeg" style="width:100%">
<img src="Portfolio/icecave.jpeg" style="width:100%">
</div>
<div class="column">
<img src="Portfolio/goldenbudda.jpeg" style="width:100%">
<img src="Portfolio/iceicebaby.jpeg" style="width:100%">
<img src="Portfolio/orangerose.jpeg" style="width:100%">
<img src="Portfolio/panamacity.jpeg" style="width:100%">
<img src="Portfolio/thai_lanterns.jpeg" style="width:100%">
<img src="Portfolio/panamarainbow.jpeg" style="width:100%">
<img src="Portfolio/redflower.jpeg" style="width:100%">
<img src="Portfolio/ivypole.jpeg" style="width:100%">
</div>
</div>
</body>
</div>
</body>
</html>