-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
201 lines (185 loc) · 7.61 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE HTML>
<!--
Solid State by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Faktor 10 portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Faktor 10</a></h1>
<nav>
<a href="#menu">Navigate</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#banner">Log In</a></li>
<li><a href="#">Sign Up</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Banner -->
<section id="banner">
<div class="inner">
<div class="logo"><span class="icon fa-diamond"></span></div>
<h2>Ross O'Reilly</h2>
<h3>Full stack web developer</h3>
<p>Thinking like a fundamentalist, coding like a hacker</a></p>
</div>
</section>
<!-- Wrapper -->
<section id="wrapper">
<!-- One -->
<section id="one" class="wrapper spotlight style1">
<div class="inner">
<a href="#" class="image"><img src="img/ski.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Programming is a lifestyle</h2>
<p>Programming rediscovered - A freelance software developer with a passion for ubiquitous computing.</p>
<p><h3>Whats with the name Faktor 10.</h3> </p>
<a href="#" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt spotlight style2">
<div class="inner">
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
<div class="content">
<h2 class="major">Stack</h2>
<p>Comfortable using HTML5, CSS3, Javascript, especially ES2015+.</p>
Whats inside my toolkit
<ul>
<li> Any Linux distro, using Atom or Vim</li>
<li>Node, because it runs off Chrome super awesome V8 engine</li>
<li>NPM registry, as they say great coders code, brilliant coders reuse</li>
<li>Gulp, everyone needs help these days to take care of the plumbing</li>
<li>React.js, its an unopinionated front-end library, which does one things and does it darn well.</li>
<li>MongoDB, it does the job just fine</li>
</ul>
<a href="#" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Three -->
<section id="three" class="wrapper spotlight style3">
<div class="inner">
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
<div class="content">
<h2 class="major">For the future</h2>
<p>There is a lot of technology which is, well, just awesome, but as with all things we find ourselves constrained by time and energy. As accepting
as I am of this truth I do from time to time find time to learn new things.</p>
<h3>Things I would like to learn:</h3>
<ul>
<li>Lagom from Lightbend, yes its an opinionated microservices framework but its created by very smart people and one gets to hack in Scala.
</li>
<li>Hacking in Scala REPL and Haskell GHCi working through Bartosz Milewskie’s course on category theory.</li>
</ul>
<a href="#" class="special">Learn more</a>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper alt style1">
<div class="inner">
<h2 class="major">See me code</h2>
<p>Projects I have completed, from small to somewhat big(ish).</p>
<section class="features">
<article>
<a href="#" class="image"><img src="img/office.jpg" alt="" /></a>
<h3 class="major">Sed feugiat lorem</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
<h3 class="major">Nisl placerat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
<h3 class="major">Ante fermentum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
<article>
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
<h3 class="major">Fusce consequat</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
<a href="#" class="special">Learn more</a>
</article>
</section>
<ul class="actions">
<li><a href="#" class="button">Browse All</a></li>
</ul>
</div>
</section>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p></p>
<form method="post" action="#">
<div class="field">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field">
<label for="email">Email</label>
<input type="email" name="email" id="email" />
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</form>
<ul class="contact">
<li class="fa-home">
Faktor 10<br />
The Hague, Netherlands
</li>
<li class="fa-envelope"><a href="#">[email protected]</a></li>
<li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
<li class="fa-github"><a href="https://github.com/oreillyross">github oreillyross</a></li>
<li class="fa-stack-overflow"><a href="http://stackoverflow.com/jobs/cv/employer/249948">Stack overflow</a></li>
</ul>
<ul class="copyright">
<li>© Faktor 10. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>