-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathportfolio-masonry.html
164 lines (164 loc) · 8.25 KB
/
portfolio-masonry.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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="UTF-8">
<title>Urku Portfolio :: Pixeden</title>
<link rel="icon" type="image/svg+xml" href="assets/img/urku-ico.svg">
<link rel="stylesheet" href="assets/css/aurora-pack.min.css">
<link rel="stylesheet" href="assets/css/aurora-theme-base.min.css">
<link rel="stylesheet" href="assets/css/urku.css">
</head>
<body class="top-fixed">
<header class="ae-container-fluid ae-container-fluid--full rk-header ">
<input type="checkbox" id="mobile-menu" class="rk-mobile-menu">
<label for="mobile-menu">
<svg>
<use xlink:href="assets/img/symbols.svg#bar"></use>
</svg>
<svg>
<use xlink:href="assets/img/symbols.svg#bar"></use>
</svg>
<svg>
<use xlink:href="assets/img/symbols.svg#bar"></use>
</svg>
</label>
<div class="ae-container-fluid rk-topbar">
<h1 class="rk-logo"><a href="index.html">urku portfolio<sup>tm</sup></a></h1>
<nav class="rk-navigation">
<ul class="rk-menu">
<li class="rk-menu__item"><a href="index.html" class="rk-menu__link">Home</a>
</li>
<li class="active rk-menu__item"><a href="portfolio.html" class="rk-menu__link">Portfolio</a>
</li>
<li class="rk-menu__item"><a href="blog.html" class="rk-menu__link">Blog</a>
</li>
<li class="rk-menu__item"><a href="#0" class="rk-menu__link">Pages</a>
<nav class="rk-menu__sub">
<ul class="rk-container">
<li class="rk-menu__item"><a href="about.html" class="rk-menu__link">About</a></li>
<li class="rk-menu__item"><a href="documentation.html" class="rk-menu__link">Documentation</a></li>
<li class="rk-menu__item"><a href="design-styles.html" class="rk-menu__link">Design Styles</a></li>
</ul>
</nav>
</li>
<li class="rk-menu__item"><a href="contact.html" class="rk-menu__link">Contact Us</a>
</li>
</ul>
<form class="rk-search">
<input type="text" placeholder="Search" id="urku-search" class="rk-search-field">
<label for="urku-search">
<svg>
<use xlink:href="assets/img/symbols.svg#icon-search"></use>
</svg>
</label>
</form>
</nav>
</div>
</header>
<section class="ae-container-fluid rk-main">
<section class="ae-container-fluid ae-container-fluid--inner rk-portfolio">
<div class="au-xs-ta-center au-lg-ta-left">
<ul class="rk-menu rk-categories-menu">
<li class="rk-menu__item"><a href="portfolio.html" class="rk-menu__link">Flex</a>
</li>
<li class="rk-menu__item"><a href="portfolio-alt.html" class="rk-menu__link">Switch</a>
</li>
<li class="rk-menu__item"><a href="portfolio-raw.html" class="rk-menu__link">Static</a>
</li>
<li class="active rk-menu__item"><a href="portfolio-masonry.html" class="rk-menu__link">Masonry</a>
</li>
</ul>
</div>
<div class="ae-masonry ae-masonry-md-2 ae-masonry-xl-4"><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-1.jpg" alt="">
<div class="item-meta">
<h2>Essential Stationery</h2>
<p>Branding</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-2.jpg" alt="">
<div class="item-meta">
<h2>Pickled Tousled</h2>
<p>Art Direction</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-3.jpg" alt="">
<div class="item-meta">
<h2>Waistcoat vegan</h2>
<p>Graphic Design</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-4.jpg" alt="">
<div class="item-meta">
<h2>Tumblr hammock</h2>
<p>Packaging</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-5.jpg" alt="">
<div class="item-meta">
<h2>Biodiesel etsy</h2>
<p>Branding</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-6.jpg" alt="">
<div class="item-meta">
<h2>Gentrify artisan</h2>
<p>Graphic Design</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-7.jpg" alt="">
<div class="item-meta">
<h2>Plaid austin</h2>
<p>Graphic Design</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-8.jpg" alt="">
<div class="item-meta">
<h2>Trust fund</h2>
<p>Packaging</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-9.jpg" alt="">
<div class="item-meta">
<h2>Gentrify pork</h2>
<p>Branding</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-10.jpg" alt="">
<div class="item-meta">
<h2>Waistcoat ugh</h2>
<p>UI/UX</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-11.jpg" alt="">
<div class="item-meta">
<h2>Deep v kogi</h2>
<p>Graphic Design</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-12.jpg" alt="">
<div class="item-meta">
<h2>Venmo trust</h2>
<p>Packaging</p>
</div></a><a href="portfolio-item.html" class="rk-item ae-masonry__item"><img src="assets/img/project-13.jpg" alt="">
<div class="item-meta">
<h2>Venmo trust</h2>
<p>Ui/UX</p>
</div></a>
</div>
</section>
</section>
<footer class="ae-container-fluid rk-footer ">
<div class="ae-grid ae-grid--collapse">
<div class="ae-grid__item item-lg-4 au-xs-ta-center au-lg-ta-left">
<ul class="rk-menu rk-footer-menu">
<li class="rk-menu__item"><a href="about.html" class="rk-menu__link">About</a>
</li>
<li class="rk-menu__item"><a href="documentation.html" class="rk-menu__link">Docs</a>
</li>
<li class="rk-menu__item"><a href="contact.html" class="rk-menu__link">Contact</a>
</li>
</ul>
<p class="rk-footer__text rk-footer__copy "> <span class="ae-u-bold">© </span><span class="ae-u-bolder">2015 URKU PORTFOLIO </span>All Right Reserved.</p>
</div>
<div class="ae-grid__item item-lg-4 au-xs-ta-center"><a href="#0" class="rk-social-btn ">
<svg>
<use xlink:href="assets/img/symbols.svg#icon-facebook"></use>
</svg></a><a href="#0" class="rk-social-btn ">
<svg>
<use xlink:href="assets/img/symbols.svg#icon-twitter"></use>
</svg></a><a href="#0" class="rk-social-btn ">
<svg>
<use xlink:href="assets/img/symbols.svg#icon-pinterest"></use>
</svg></a><a href="#0" class="rk-social-btn ">
<svg>
<use xlink:href="assets/img/symbols.svg#icon-tumblr"></use>
</svg></a></div>
<div class="ae-grid__item item-lg-4 au-xs-ta-center au-lg-ta-right">
<p class="rk-footer__text rk-footer__contact "> <span class="ae-u-bold">Email: </span><span class="ae-u-bolder"> <a href="#0" class="rk-dark-color ">[email protected] </a></span></p>
<p class="rk-footer__text rk-footer__by">Theme by <a href="http://pixeden.com" class="ae-u-bolder">Pixeden.</a></p>
</div>
</div>
</footer>
<script src="assets/js/svg4everybody.min.js"></script>
<script>svg4everybody();</script>
</body>
</html>