-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (103 loc) · 4.76 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
<!DOCTYPE HTML>
<html>
<head>
<title>Phil the coffee junkie · Phil the coffee junkie</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Your name">
<meta name="description" content="Describe your website">
<meta http-equiv="content-language" content="en-us" />
<meta name="generator" content="Hugo 0.17-DEV" />
<link rel="stylesheet" href="https://philcoffeejunkie.github.io/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="https://philcoffeejunkie.github.io/css/main.css" />
</head>
<body id="top">
<!-- Header -->
<header id="header">
<a href="#" class="image avatar"><img src="https://philcoffeejunkie.github.io/images/avatar.jpg" alt="" /></a>
<h1><strong>I’m Phil</strong>, a coffee junkie<br> working in the IT<br> and exploring open source</h1>
</header>
<!-- Main -->
<div id="main">
<section id="one">
<header class="major">
<h2>Who I am & what I do</h2>
</header>
<p>Currently I’m employed at a supplier of semi-finished products in copper and copper alloys. Together with a few colleagues I’m responsible for running the on-premise SAP infrastructure. Off the job I sometimes do a little web & app development for friends and myself and I am very interested in the open source scene in which I try to participate a little. Another passion for me is music — I collect vinyls and CDs and play guitar in several bands.</p>
</section>
<!-- portfolio -->
<section id="two">
<h2>Recent Work & Projects</h2>
<div class="row">
<article class="6u 12u$(xsmall) work-item">
<a href="https://philcoffeejunkie.github.io/images/fulls/01.jpg" class="image fit thumb"><img src="https://philcoffeejunkie.github.io/images/thumbs/01.jpg" alt="" /></a>
<h3>Kla4 Landeck</h3>
<p>Full development & hosting (unfortunately they have closed down)</p>
</article>
<article class="6u 12u$(xsmall) work-item">
<a href="https://philcoffeejunkie.github.io/images/fulls/02.jpg" class="image fit thumb"><img src="https://philcoffeejunkie.github.io/images/thumbs/02.jpg" alt="" /></a>
<h3>Indestructible</h3>
<p>Full development & hosting for this great Death Metal band</p>
</article>
</div>
</section>
<section id="three">
<h2>Get In Touch</h2>
<p>Accumsan pellentesque commodo blandit enim arcu non at amet id arcu magna. Accumsan orci faucibus id eu lorem semper nunc nisi lorem vulputate lorem neque lorem ipsum dolor.</p>
<div class="row" id="contact-form">
<div class="8u 12u$(small)">
<form action="//formspree.io/[email protected]"
method="POST">
<div class="row uniform 50%">
<input type="hidden" name="_subject" value="New email from your portfolio" />
<div class="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Name" required/></div>
<div class="6u$ 12u$(xsmall)"><input type="email" name="_replyto" name="email" id="email" placeholder="Email" required/></div>
<div class="12u$"><textarea name="message" id="message" placeholder="Message" rows="4" required></textarea></div>
<input type="text" name="_gotcha" style="display:none" />
<ul class="actions">
<li><input type="submit" value="Send message" /></li>
</ul>
</div>
</form>
</div>
<div class="4u$ 12u$(small)">
<ul class="labeled-icons">
<li>
<h3 class="icon fa-home"><span class="label"></span></h3>
1234 Somewhere Rd.<br />
Nashville, TN 00000<br />
United States<br />
</li>
<li>
<h3 class="icon fa-mobile"><span class="label"></span></h3>
000-000-0000
</li>
<li>
<h3 class="icon fa-envelope-o"><span class="label"></span></h3>
<a href="#">[email protected]</a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="//github.com/philcoffeejunkie" target="_blank" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#contact-form" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Phil</li>
<li>Design: <a href="//html5up.net">HTML5 UP</a></li>
<li>Demo Images: <a href="//unsplash.com/">Unsplash</a></li>
</ul>
</footer>
<!-- Scripts -->
<script src="https://philcoffeejunkie.github.io/js/jquery.min.js"></script>
<script src="https://philcoffeejunkie.github.io/js/jquery.poptrox.min.js"></script>
<script src="https://philcoffeejunkie.github.io/js/skel.min.js"></script>
<script src="https://philcoffeejunkie.github.io/js/util.js"></script>
<script src="https://philcoffeejunkie.github.io/js/main.js"></script>
</body>
</html>