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
|
<!DOCTYPE html>
<html lang="en">
<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>A blog about lorem ipsum dolor sit amet</title>
<meta name="description" content="A blog about lorem ipsum dolor sit amet">
<link rel="stylesheet" href="http://127.0.0.1:1111/main.css">
</head>
<body>
<div id="particles-js">
<div class="header">
<h1>
<span class="site-title">Anon Developer</span>
<span class="site-description">Software Developer</span>
</h1>
<div class="header-icons">
<a aria-label="Send email" href="#"><i class="icon fa fa-envelope"></i></a>
<a aria-label="My Twitter" target="_blank" href="#"><i class="icon fa fa-twitter" aria-hidden="true"></i></a>
<a aria-label="My Google Plus" target="_blank" href="#"><i class="icon fa fa-google-plus" aria-hidden="true"></i></a>
<a aria-label="My Github" target="_blank" href="#"><i class="icon fa fa-github-alt" aria-hidden="true"></i></a>
</div>
<div class="header-links">
<a class="link" href="#about" data-scroll>About Me</a>
<a class="link" href="#projects" data-scroll>Projects</a>
</div>
</div>
<a class="down" href="#about" data-scroll><i class="icon fa fa-chevron-down" aria-hidden="true"></i></a>
</div>
<section id="about">
<div class="user-details">
<h1> My Expertise </h1>
<p> Bicycle rights irony actually neutra typewriter lyft. Man bun taxidermy put a bird on it, umami yr ramps pop-up ugh bushwick chia lo-fi. Occupy bitters pour-over snackwave you probably haven't heard of them small batch. Cornhole mustache man bun letterpress echo park VHS. </p>
</div>
<div class="user">
<div class="tech">
<h2>Design</h2>
<i class="devicon-html5-plain-wordmark"></i>
<i class="devicon-bootstrap-plain-wordmark colored"></i>
<i class="devicon-sass-original colored"></i>
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
Vinyl XOXO lumbersexual</p>
</div>
<div class="tech">
<h2>Code</h2>
<i class="devicon-javascript-plain colored"></i>
<i class="devicon-react-original-wordmark colored"></i>
<i class="devicon-nodejs-plain-wordmark"></i>
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
Vinyl XOXO lumbersexual</p>
</div>
<div class="tech">
<h2>Tools</h2>
<i class="devicon-git-plain"></i>
<i class="devicon-gulp-plain colored"></i>
<i class="devicon-atom-original-wordmark"></i>
<p>Mumblecore hexagon kombucha, pitchfork four loko raclette intelligentsia master cleanse.
Vinyl XOXO lumbersexual</p>
</div>
</div>
</section>
<section id="projects">
<div class="user-details">
<h1> Featured Projects </h1>
</div>
<div class="user-projects">
<div class="images-right">
<img alt="mountains" src="http://127.0.0.1:1111/img/mountains.jpg" />
</div>
<div class="contents">
<h3> Project Title </h3>
<ul>
<li> Featured Skills</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a class="project-link" href="#">Check it out</a>
</div>
</div>
<div class="user-projects">
<div class="images-left">
<img alt="mountains" src="http://127.0.0.1:1111/img/skate.jpg" />
</div>
<div class="contents-right">
<h3> Project Title </h3>
<ul>
<li> Featured Skills</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<a class="project-link" href="#">Check it out</a>
</div>
</div>
</section>
<p></p>
<footer class="footer">
<p>© Anon Developer</p>
<p>Build with Jekyll and <span class="love">❤</span> by <a href="https://github.com/nrandecker">Nathan Randecker</a></p>
</footer>
<script src="//cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script src="http://127.0.0.1:1111/js/sweet-scroll.min.js"></script>
<script src="http://127.0.0.1:1111/js/main.js"></script>
<!-- Google Analytics -->
<script>
var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack;
if (dnt != "1" && dnt != "yes") {
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', '', 'auto');
ga('send', 'pageview');
}
</script>
<script src="/livereload.js?port=1024&mindelay=10"></script></body>
|
