-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-v2.html
122 lines (111 loc) · 3.82 KB
/
index-v2.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
<!DOCTYPE html>
<html>
</html>
<head>
<title>Dan Arbello + UX Design</title>
<link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Work+Sans:300,600,900" rel="stylesheet">
<meta name="description" content="An abridged collection of past work from Dan Arbello, user experience designer and product consultant.">
<meta name="keywords" content="daniel arbello, berube-arbello, design, graphic design, ux design, user experience, web design, user interface, visual design, web design, freelance, art direction, creative consulting, creative writing, copywriting, branding, brand design, redesign, ui, ux, user, human experience design, app design, human interaction, print design, editorial design, print production, illustration, pittsburgh">
<meta name="author" content="Daniel Arbello">
<link rel="shortcut icon" type="image/x-icon" href="favicon.png">
<link rel="apple-touch-icon" href="webclip.png">
<link rel="stylesheet" type="text/css" href="style2.css" />
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
</head>
<body>
<h1>Dan Arbello</h1>
<h2>UX Design * Digital + Print</h2>
<div id="contact">
<a href="mailto:danielarbello@gmail.com?subject=itschya%20boi">hit me up</a>
</div>
<div class="row">
<div class="column">
<div class="tile">
<div class="tile__content">
<h3>this is a tile header</h3>
<p>
this is a project summary
</p>
</div>
</div>
</div>
<div class="column">
<div class="tile">
<div class="tile__content">
<h3>this is a tile header</h3>
<p>
this is a project summary
</p>
</div>
</div>
<div class="tile">
<div class="tile__content red">
<h3>this is a tile header</h3>
<p>
this is a project summary
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="tile">
<div class="tile__content red">
<h3>this is a tile header</h3>
<p>
this is a project summary
</p>
</div>
</div>
<div class="tile">
<div class="tile__content red">
<h3>this is a tile header</h3>
<p>
this is a project summary
</p>
</div>
</div>
</div>
<div class="column">
<div class="tile">
<div class="tile__content bbyo">
<h3>this is a tile header</h3>
<p>
this is a project summary
</p>
</div>
</div>
</div>
</div>
<footer>
<span onclick="topOfThePops()" class="top">top</span>
<p>
Currently : Design Lead @ <a href="https://www.thirdandgrove.com/" target="_blank">Third & Grove</a>
</p>
<p>
All copyrights held by respective clients. ZXX Type family by <a href="http://www.sang-mun.com/" target="_blank">Sang Mun</a> => thanks to <a href="https://github.com/Rezmason" target="_blank">Jeremy Sachs</a> for re-releasing in OTF.
</p>
</footer>
<script>
function topOfThePops() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
<script>
(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', 'UA-64390509-1', 'auto');
ga('send', 'pageview');
</script>
<script>
var myElement = document.querySelector('.overlay__button');
myElement.addEventListener('click', function(e){
e.target.classList.toggle('showOverlay');
});
</script>
</body>
</html>