-
Notifications
You must be signed in to change notification settings - Fork 0
/
graphic.html
112 lines (94 loc) · 5.66 KB
/
graphic.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
<!DOCTYPE HTML>
<!--
Hyperspace by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Aziks | Graphic | WIP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/featherlight.min.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Header -->
<header id="header">
<a href="index.html" class="title">Aziks</a>
<nav>
<ul>
<li><a href="code.html" >Code</a></li>
<li><a href="video.html" >Video</a></li>
<li><a href="music.html" >Music</a></li>
<li><a href="graphic.html" class="active" >Graphic</a></li>
</ul>
</nav>
</header>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<section id="main" class="wrapper">
<div class="inner">
<h1 class="major">.graphic</h1>
<div class="box alt">
<div class="row uniform">
<div class="12u$"><span class="image fit"><img src="https://db.tt/a9VkrHDc" alt="" /></span></div>
<div class="4u"><span class="image fit"><a href="#" data-featherlight="images/full/2001.jpg">
<img id="mylightbox" src="images/thumbs/thumb_2001.jpg" alt="" /></a></span>
</div>
<div class="4u"><span class="image fit"><a href="#" data-featherlight="images/full/aner_hipass_sonification.gif">
<img id="mylightbox1" src="images/thumbs/thumb_aner_hipass_sonification.jpg" alt="" /></a></span>
</div>
<div class="4u$"><span class="image fit"><a href="#" data-featherlight="images/full/ARKITEKT_PORTADA.jpg">
<img src="images/thumbs/thumb_arkitekt.jpg" alt="" /></a></span>
</div>
<div class="4u"><span class="image fit"><a href="#" data-featherlight="images/full/outerspaceexpojana.gif">
<img id="mylightbox" src="images/thumbs/thumb_expo_jana.jpg" alt="" /></a></span>
</div>
<div class="4u"><span class="image fit"><a href="#" data-featherlight="images/full/internet amazing_hipass.png">
<img id="mylightbox1" src="images/thumbs/thumb_internet.jpg" alt="" /></a></span>
</div>
<div class="4u$"><span class="image fit"><a href="#" data-featherlight="images/full/jpeg_icon_MAS COMP.jpg">
<img src="images/thumbs/thumb_jpegicon.jpg" alt="" /></a></span>
</div>
<div class="4u"><span class="image fit"><a href="#" data-featherlight="images/full/cartel erotiko vaso roto.png">
<img id="mylightbox" src="images/thumbs/thumb_vasoroto.jpg" alt="" /></a></span>
</div>
<div class="4u"><span class="image fit"><a href="#" data-featherlight="images/full/portada_front+back_uncuentochino_loro.jpg">
<img id="mylightbox1" src="images/thumbs/thumb_uncuentochino_loro.jpg" alt="" /></a></span>
</div>
<div class="4u$"><span class="image fit"><a href="#" data-featherlight="images/pic01.jpg">
<img src="images/pic01.jpg" alt="" /></a></span>
</div>
</div>
</div>
<hr>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper alt">
<div class="inner">
<ul class="menu">
<li>© Aziks. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<!-- LightBox -->
<script src="assets/js/featherlight.min.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>