-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (104 loc) · 4.18 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Openpoint</title>
<meta name="description" content="Bespoke Web Development and Information Architecture by Michael Jonker, freelance and contract">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/icomoon/style.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/techmoon/style.css" />
<link rel="stylesheet" type="text/css" href="css/fonts/fira/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/fluidgrid.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/fluidmedia.css" />
<link rel="stylesheet" type="text/css" href="js/scrollbar/jquery.mCustomScrollbar.min.css" />
<link rel="stylesheet" type="text/css" href="js/lightbox/css/lightbox.css" />
<script src='js/jquery-1.11.2.min.js'></script>
<script src='js/modernizr.js'></script>
<script src='js/scrollbar/jquery.mCustomScrollbar.concat.min.js'></script>
<script src='js/lightbox/js/lightbox.min.js'></script>
<script src='js/script.js'></script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//webstats.openpoint.ie/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body id='top'>
<div class='container'>
<div class='grid-12 outer'>
<div id='openpoint' class='icon-OpenpointLogotype'></div>
</div>
<div class='clearfix'></div>
</div>
<h1 id='menu'>
<div class='container'>
<div class='grid-12 outer'>
<div class='grid-8 alpha'>
Bespoke Web Development
</div>
<div class='grid-4 omega'>
<ul>
<div class='grid-11 alpha'>
<li><a onclick='goto("about")'>About</a></li>
<li><a onclick='goto("contact")'>Contact</a></li>
</div>
<div class='grid-1 omega'>
<li id='gotop' onclick='goto("top")'><div class='icon-OpenpointLogo icon'></div></li>
</div>
</ul>
</div>
</div>
<div class='clearfix'></div>
</div>
</h1>
<div class='container'>
<div class='clearfix'></div>
<h1 id='about' class='full'>
<div class='container'>
<div class='grid-12 outer'>ABOUT</div>
<div class='clearfix'></div>
</div>
</h1>
<div id='abouttext' class='container'>
<div class='aboutmain'>
<div class='w100 grid-2 avatar'>
<img src='images/avatar.png' alt='Michael Jonker' />
</div>
<p class='grid-6'>I am Michael Jonker, a designer, architect and developer. I have worked in design for over 20 years across the disciplines of web development and architecture. I hold a bachelor's and honours degree in design and architecture.<br><br>I live in the city of Limerick, Ireland and work from here to anywhere with a reliable internet connection. I work with clients directly or as a freelance / contract developer. Please contact me if you have a project that needs my skills.</p>
<div class='clearfix'></div>
</div>
<div class='clearfix'></div>
</div>
<h1 id='contact' class='full'>
<div class='container'>
<div class='grid-12 outer'>CONTACT</div>
<div class='clearfix'></div>
</div>
</h1>
<div class='container' id='contacttext'>
<div class='grid-12 outer'>
<div class='grid-12 alpha'>
<strong>Michael Jonker</strong><br>
[email protected]</br>
00353 (0)87 2398982<br><br>
<a class='link' target='_blank' href='https://github.com/Openpoint'> Github</a>
</div>
<div class='clearfix'></div>
</div>
<div class='clearfix'></div>
</div>
</body>
</html>