-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
57 lines (57 loc) · 2.99 KB
/
portfolio.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Apollo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Jade website template">
<meta name="keywords" content="apollo, jade, template, html, sass, jquery">
<meta name="author" content="Bucky Maler">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<section id="full-slide"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 171.2" style="enable-background:new 0 0 100 171.2;" xml:space="preserve">
</svg>
<header>
<div class="nav-toggle">
<p>Menu</p><span></span>
</div>
<ul class="nav">
<li><a href="index.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</header>
<ul class="banner">
<li class="active"></li>
<li></li>
<li></li>
</ul><i class="icon-chevron-thin-left prev"></i><i class="icon-chevron-thin-right next"></i>
</section>
<section id="featured"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 248.8" style="enable-background:new 0 0 100 248.8;" xml:space="preserve">
</svg>
<div class="wrapper">
<div class="blurb">
<h2><strong>Ut enim</strong> ad minim</h2>
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
</div>
<div class="featured"><img src="assets/img/featured.jpg" alt="Featured"></div>
</div>
</section>
<section id="three-slide"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 248.8" style="enable-background:new 0 0 100 248.8;" xml:space="preserve">
</svg>
<div class="wrapper">
<ul class="slider">
<li class="back"><img src="assets/img/three-slide/thumb-1.jpg"></li>
<li class="current"><img src="assets/img/three-slide/thumb-2.jpg"></li>
<li class="front"><img src="assets/img/three-slide/thumb-3.jpg"></li>
<li><img src="assets/img/three-slide/thumb-4.jpg"></li>
</ul>
</div><i class="icon-chevron-thin-left prev"></i><i class="icon-chevron-thin-right next"></i>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="assets/js/vendor/jquery-2.2.4.min.js"><\/script>')</script>
<script src="assets/js/functions-min.js"></script>
</body>
</html>