-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·112 lines (105 loc) · 5.16 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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>john van strien</title>
<meta name="description" content="john van strien's website">
<!-- <link rel="stylesheet" href="styles/social-svgs.css"> -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css" type="text/css" media="all">
<link rel="canonical" href="https://johnvs.github.com/">
</head>
<body>
<!-- <a class="skip-link screen-reader-text" href="#content">Skip to content</a> -->
<!-- <header class="masthead">
<div class="site-branding">
<h1 class="site-title">john van strien</h1>
<p class="site-description">Get to know the CSS Grid Layout Module</p>
</div><!-- .site-title -->
<!-- </header><!-- .masthead -->
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#collapsemenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">john van strien</a>
</div>
<div class="collapse navbar-collapse navbar-right" id="collapsemenu">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="images/resume-2-2018-V3-B.pdf">Resume</a></li>
<li><a href="past_work.html">Past Work</a></li>
<li><a href="mailto:[email protected]?subject=Mail from My Website">Contact</a></li>
</ul>
</div>
</div>
</nav>
<main class="main-area">
<section class="the-grid">
<div class="box title">
<h1>Do you have a</h1>
<h1>Vision</h1>
<h1>that needs a little</h1>
<h1>technical assistance?</h1>
</div>
<div class="box skills-list skills-list-left">
<p class="header">software/firmware</p>
<p>Java</p>
<p>C/C++</p>
<p>Javascipt/Node</p>
<p>Embedded/Android/Web/Desktop</p>
</div>
<div class="box skills-list skills-list-right">
<p class="header">electronics</p>
<p>Sensors/Motors</p>
<p>Embedded Systems</p>
<p>Arduino/Raspberry Pi</p>
<p>Schematic/PCB Design and Fabrication</p>
</div>
<!-- <div class="box name">
<p>john van strien</p>
</div> -->
<div class="box name-skills">
<p>software/firmware developer</p>
<p>electronic engineer</p>
</div>
<div class="box logo">
<img id="logo" alt="logo" src="images/subtender_logo_no_bg.png"/>
</div>
</section>
</main>
<footer class="box footer-area">
<div>
<ul class="soc">
<li>
<a href="https://www.linkedin.com/in/johnvanstrien/" class="social_link" title="LinkedIn" target="_blank">
<svg aria-labelledby="simpleicons-linkedin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
/>
</svg>
</a>
</li>
<li>
<a href="https://github.com/johnvs" class="social_link" title="GitHub" target="_blank">
<svg aria-labelledby="simpleicons-github-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
/>
</svg>
</a>
</li>
</ul>
</div>
<p>©2018 john van strien</p>
</footer>
<script src="js/jquery-2.1.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>