-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinteractive.html
147 lines (146 loc) · 5.72 KB
/
interactive.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
144
145
146
147
<!DOCTYPE html>
<!--[if IEMobile 7 ]> <html dir="ltr" lang="en-US"class="no-js iem7"> <![endif]-->
<!--[if lt IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie6 oldie"> <![endif]-->
<!--[if IE 7 ]> <html dir="ltr" lang="en-US" class="no-js ie7 oldie"> <![endif]-->
<!--[if IE 8 ]> <html dir="ltr" lang="en-US" class="no-js ie8 oldie"> <![endif]-->
<!--[if (gte IE 9)|(gt IEMobile 7)|!(IEMobile)|!(IE)]>
<!--><html dir="ltr" lang="en-US" class="no-js">
<!--<![endif]-->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ART by AYR | Digital Artist, Interactive Developer & Illustrator</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<![endif]-->
<link rel="icon" type="image/png" href="img/favicon.png" />
</head>
<body class="grid-sort">
<header class="site-header" role="banner">
<div class="wrapper">
<h1 class="logo-wrapper">
<span class="hide-copy">
ART By AYR
</span>
<a href="index.html" class="nav-trigger">
<img src="img/logo_artbyayr_watercolor_med.png" alt="art by ayr">
</a>
</h1>
<button class="menu-btn hide-copy">
menu
<span class="menu-nav-btn__bar"></span>
<span class="menu-nav-btn__bar"></span>
<span class="menu-nav-btn__bar"></span>
</button>
<nav class="site-nav" role="navigation">
<ul>
<li><a href="art.html">Art</a></li>
<li><a href="interactive.html">Interactive</a></li>
<li>
<a href="https://www.redbubble.com/people/artbyayr" target="_blank">Shop
<span aria-hidden="true" class="icon fa fa-external-link-alt"></span>
</a>
</li>
</ul>
</nav>
</div>
</header>
<main class="site-content" role="main">
<div class="content-container">
<section class="grid-sort wrapper">
<nav class="grid-nav">
<ul>
<li class="grid-trigger"><button data-filter="*">All</button></li>
<li class="grid-trigger"><button data-filter=".wordpress">Wordpress</a></li>
<li class="grid-trigger"><button data-filter=".github-page">Github Page</a></li>
</ul>
</nav>
<ul class="grid-fluid">
<div class="grid-sizer"></div>
<li class="grid-item wordpress">
<a href="#">
<img src="./img/interactive/pjtwebsite.png" alt="project tsehigh">
<span class="item-title">Project Tsehigh</span>
</a>
</li>
<li class="grid-item wordpress">
<a href="#">
<img src="./img/interactive/oksanatanasiv.png" alt="oksana tanasiv">
<span class="item-title">Oksana Tanasiv</span>
</a>
</li>
<li class="grid-item github-page">
<a href="#">
<img src="./img/interactive/aliyarobinson.png" alt="Aliya Robinson">
<span class="item-title">Aliya Robinson (previous website)</span>
</a>
</li>
<li class="grid-item github-page">
<a href="#">
<img src="./img/interactive/hakimrobinson.png" alt="Hakim Robinson">
<span class="item-title">Hakim Robinson</span>
</a>
</li>
</ul>
</section>
</div>
</main>
<footer class="site-footer">
<div class="wrapper">
<div class="legal">
<span class="copyright">© copyright 2018. All Rights Reserved. A.Y. Robinson</span>
</div>
<div class="social">
<ul class="social-icons">
<li class="social-item">
<a href="https://www.linkedin.com/in/aliyarobinson" target="_blank">
<span aria-hidden="true" class="icon fa fa-linkedin"></span>
<span class="hide-copy" aria-label="My Linkedin Account">
Linkedin
</span>
</a>
</li>
<li class="social-item">
<a href="https://github.com/aliyarobinson" target="_blank">
<span aria-hidden="true" class="icon fa fa-github-alt"></span>
<span class="hide-copy" aria-label="My Github Account">
Github
</span>
</a>
</li>
<li class="social-item">
<a href="https://www.instagram.com/artbyayr" target="_blank">
<span aria-hidden="true" class="icon fa fa-instagram"></span>
<span class="hide-copy" aria-label="My Instagram Account">
Flickr
</span>
</a>
</li>
<li class="social-item">
<a href="https://www.youtube.com/channel/UCBpvCWtuWqIwRosZn6RYJRQ" target="_blank">
<span aria-hidden="true" class="icon fa fa-youtube-play"></span>
<span class="hide-copy" aria-label="My YouTube Channel">
YouTube
</span>
</a>
</li>
</ul>
</div>
</div>
</footer>
<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','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-5627977-1', 'auto');
ga('send', 'pageview');
</script>
<script src="js/jquery_2_2.js"></script>
<script src="js/isotope.min.js"></script>
<script src="js/script.js"></script>
<!-- <script src="js/script.min.js"></script> -->
</body>
</html>