-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
131 lines (125 loc) · 5.32 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>RobinMajor.us</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel='stylesheet prefetch' href='https://cdn.jsdelivr.net/foundation/6.2.0/foundation.min.css'>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="show-for-large">
<ul class="corners">
<li class="menu-item home">Robin Major</li>
<li class="menu-item has-submenu"><a href="#">Brands</a>
<ul class="sub-menu">
<li>Google</li>
<li>Supra Footwear</li>
<li>The Guggenheim</li>
<li>Bank Simple</li>
<li>Redbull</li>
<li>Spotify</li>
<li>The Grammys</li>
<li>Venue Skateboards</li>
<li>Palladium Boots</li>
<li>10.Deep</li>
<li>Ted Talks</li>
<li>300 Records</li>
<li>UCLA Anderson</li>
<li>Temple University</li>
<li>Adriano Goldschmied</li>
<li>MNMNT Snowboards</li>
<li>The Macallan</li>
<li>Black Tux</li>
<li>The Boardwalk</li>
</ul>
</li>
<li class="menu-item has-submenu">
<ul class="sub-menu">
<li>
<a class="underline"href="mailto:[email protected]">
Email</a>
</li>
<li>
<a class="underline"href="https://dl.dropboxusercontent.com/u/86530982/cv.pdf"target="_blank">
Curriculum Vitae</a>
</li>
<li>Full Portfolio on request</li>
</ul>
<div class="wrapper">
<a href="" class="rotate">Contact</a>
</div>
</li>
<li class="menu-item has-submenu">
<ul class="sub-menu">
<li>Designer</li>
<li>Art Director</li>
<li>Surfer</li>
<li>Skateboarder</li>
<li>VCU basketball fan</li>
<li>Hip Hop enthusiast</li>
<li>Snowboarder</li>
<li>Soccer player</li>
</ul>
<a href="" class="rotate">About</a>
</li>
<li class="close spp home">
<a href="#">CLOSE</a>
</li>
<!-- <li class="prev spp">
Prev
</li>
<li class="next spp">
Next
</li> -->
</ul>
</nav>
<div class="wrapper show-for-large">
<div class="container">
<ul class="projects"></ul>
<div class="single-project" style="display: none;">
<div class="row expanded medium-collapse padded">
<div class="small-12 medium-4 large-3 column">
<div class="content-wrapper">
<div class="content">
<span class="roles"></span>
<h1 class="title"></h1>
<div class="description"></div>
<div class="credits"></div>
</div>
</div>
</div>
<div class="small-12 medium-8 large-9 column end">
<div class="images"></div>
</div>
</div>
</div>
</div>
</div>
<div class="small-screen hide-for-large">
<a href="mailto:[email protected]"><img style="width: 100%;" src="css/fuck_mobile.png" /></a>
<!--<h2>SORRY BUD.</h2>-->
<!--<p>-->
<!-- I know I'm an interactive designer also that mobile is important and all of the stats support that thinking. But here's the rub. I don't really like people staring at their phones all the time. It sucks. It looks like a scene out of Wall-E. So this is me doing my part. When you have the time and you aren't on the run, check me out on your desktop or laptop. but for now, enjoy the IRL.-->
<!--</p>-->
<!--<div class="bottom">-->
<!-- <p>-->
<!-- or just hire me.-->
<!-- </p>-->
<!-- <a href="mailto:[email protected]"><h3>[email protected]</h3></a>-->
<!--</div>-->
</div>
<script>
window.lazySizesConfig = window.lazySizesConfig || {};
window.lazySizesConfig.init = false;
</script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="https://player.vimeo.com/api/player.js"></script>
<!-- <script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script> -->
<script src='https://cdn.jsdelivr.net/npm/contentful@latest/dist/contentful.browser.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.4/TweenMax.min.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lazysizes/2.0.0/lazysizes.min.js"></script>
<script src='js/marked.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>