-
Notifications
You must be signed in to change notification settings - Fork 0
/
web.html
130 lines (126 loc) · 7.02 KB
/
web.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
<!DOCTYPE html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/screen.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
</head>
<body>
<!-- <div class="ruler50"></div> -->
<section class="pageBlock">
<nav class="navBorder">
<ul class="mainNav">
<li class="mainNav--item"><a class="mainNav--link" href="index.html">Home</a></li><!--
--><li class="mainNav--item"><a class="mainNav--link active" href="#">Web/Mobile</a></li><!--
--><li class="mainNav--item"><a class="mainNav--link" href="#">Print/Motion</a></li><!--
--><li class="mainNav--item"><a class="mainNav--link" href="about.html">About/Contact</a></li>
</ul>
<ul class="socialNav">
<li class="socialNav--item">
<a href="#" class="socialNav--link facebook">
<span class="socialNav--icon" aria-hidden="true" data-icon=""></span>
</a>
</li><!--
--><li class="socialNav--item">
<a href="#" class="socialNav--link instagram">
<span class="socialNav--icon" aria-hidden="true" data-icon=""></span>
</a>
</li><!--
--><li class="socialNav--item">
<a href="#" class="socialNav--link linkedin">
<span class="socialNav--icon" aria-hidden="true" data-icon=""></span>
</a>
</li><!--
--><li class="socialNav--item">
<a href="#" class="socialNav--link twitter">
<span class="socialNav--icon" aria-hidden="true" data-icon=""></span>
</a>
</li><!--
--><li class="socialNav--item">
<a href="#" class="socialNav--link behance">
<span class="socialNav--icon" aria-hidden="true" data-icon=""></span>
</a>
</li><!--
--><li class="socialNav--item">
<a href="#" class="socialNav--link vimeo">
<span class="socialNav--icon" aria-hidden="true" data-icon=""></span>
</a>
</li>
</ul>
</nav>
</section>
<section class="pageBlock">
<div class="slider-wrapper">
<div class="slider">
<div class="slide1">
<a href="#">
<img src="http://lorempixel.com/1026/472/nightlife" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide2">
<a href="#">
<img src="http://lorempixel.com/1026/472/fashion" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide3">
<a href="#">
<img src="http://lorempixel.com/1026/472/food" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide4">
<a href="#">
<img src="http://lorempixel.com/1026/472/nightlife" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide5">
<a href="#">
<img src="http://lorempixel.com/1026/472/fashion" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide6">
<a href="#">
<img src="http://lorempixel.com/1026/472/food" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide7">
<a href="#">
<img src="http://lorempixel.com/1026/472/fashion" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
<div class="slide8">
<a href="#">
<img src="http://lorempixel.com/1026/472/food" alt="test">
<button rel="tooltipCS" data-texttooltip="be curious" class="casestudy has-tooltip text-uppercase text-lighterGray text-bigger f-right no-button">discover the case study</button>
</a>
</div>
</div>
<div class="slider-direction-nav"></div>
</div>
<div class="pagination">
<div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">terres de whisky</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">festival off</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">ts prod</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">la caravane</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">in process</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">mosayc</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">wonderpainters</span></a></div><!--
--><div class="pagination-item"><a href="#"><span class="pagination-slider"></span><span class="pagination-text">xxxxxxxxx</span></a></div>
</div>
</section>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
<script src="js/vendor/lean-slider.js"></script>
<script src="js/main.js"></script>
</body>
</html>