-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
133 lines (122 loc) · 4.87 KB
/
about.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
<!DOCTYPE html>
<html class="hideoverflow">
<head>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<!--Import materialize.css-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/css/materialize.min.css">
<link type="text/css" rel="stylesheet" href="css/style.css" media="screen,projection" />
<script src="https://unpkg.com/scrollreveal/dist/scrollreveal.min.js"></script>
<script>
window.sr = ScrollReveal();
</script>
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Daniel Cutz - Frontend Developer - About</title>
</head>
<body class="aboutbody">
<div class="aboutwrap">
<div class="row nomargin">
<div class="col s12">
<div class="pagenav">
<i></i>
<a href="index.html" class="logolink">
<h6 class="pagelogo">Daniel Cutz</h6>
</a>
<ul>
<a href="about.html" class="aboutlink">
<li>About</li>
</a>
<a href="works.html" class="workslink">
<li>Works</li>
</a>
<a href="contact.html" class="contactlink">
<li>Contact</li>
</a>
</ul>
</div>
</div>
</div>
<div class="row pageheading nomargin">
<div class="col s12">
<h3 class="subheadingrev">About Me</h3>
<br>
<h1 class="mainheadingrev">Hey, I'm Dan!</h1>
</div>
</div>
<div class="row rowshadowfix">
<div class="col s12 m6 push-m3 aboutcontent">
<p>
My name is Daniel Cutz
<em>(Cutz is pronounced Kuwts)</em>. I am a designer and developer with a wide front-end skillset. I envision
ideas, design concepts, and build responsive and user friendly digital experiences which are both intuitive
and visually pleasing.
<br>
<br> I am originally from Toronto. However, am now located outside of the Toronto area within the Niagara
region. When I am not at my computer I am most likely biking, listening to obscure electronic music,
or exploring new undiscovered lands.
<br>
<br> Glad you found my webfolio.
<a href="works.html">View my projects</a>, take a seat, and stay a while.
<br>
</p>
<div class="resumeplace">
<a href="Daniel Cutz - Resume.pdf" class="resume">View Resume</a>
</div>
</div>
</div>
<footer>
<div class="row">
<div class="col s12 l6 quicklinks">
<h5>Quick Links</h5>
<div class="linkspace">
<a href="index.html">Home</a>
<a href="about.html">About</a>
<a href="works.html">Works</a>
<a href="contact.html">Contact</a>
</div>
</div>
<div class="col s12 l6 resumecenter">
<a href="Daniel Cutz - Resume.pdf" class="resume">View Resume</a>
</div>
</div>
<div class="row copyright nomargin">
<div class="col s12">
<span>© Copyright 2018 - Daniel Cutz - All Rights Reserved</span>
</div>
</div>
</footer>
</div>
<!--JavaScript at end of body for optimized loading-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-beta/js/materialize.min.js"></script>
<script>
sr.reveal('.mainheadingrev', {
origin: 'bottom',
distance: '30px',
duration: 1000,
easing: 'ease-out',
reset: false,
scale: 1,
delay: 500
});
sr.reveal('.subheadingrev', {
origin: 'bottom',
distance: '30px',
duration: 1000,
easing: 'ease-out',
reset: false,
scale: 1
});
sr.reveal('.aboutcontent', {
origin: 'bottom',
distance: '30px',
duration: 1000,
easing: 'ease-out',
reset: false,
scale: 1,
delay: 1000
});
</script>
</body>
</html>