-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathlookbook.html
142 lines (136 loc) · 7.91 KB
/
lookbook.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
---
---
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charsets="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Market Goods</title>
<link rel="shortcut icon" href="src/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="src/css/normalize.css">
<link href='http://fonts.googleapis.com/css?family=Raleway:300,400,500' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="src/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="src/css/style.css">
<link rel="stylesheet" type="text/css" href="src/css/tabs.css">
<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-46481344-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
{% include header.html %}
<section id="lookbook-content">
<div class="hero row">
<div class="wrapper">
<h2>S/S 2014</h2>
<h1>Lookbook</h1>
</div>
</div><!--.hero .row-->
<div class="row gutters wrapper clearfix">
<div class="col span_2">
<h4>Photos by <a href="http://www.colinprice.photography/" alt="Colin Price Photography website" target="_blank" class="pacific">Colin Price</a> & <a href="http://sidarth-kantamneni.4ormat.com/" alt="Sidarth Kantamneni's website" target="_blank" class="pacific">Sidarth Kantamneni</a></h4>
</div>
<div class="col gutters span_10">
<h3 class="row span_12">Our inaugural line features an all-cotton popover shirt. It takes cues from the punjabis frequently found on the streets of Dhaka, such as the band collar and a placket that extends only to mid-chest.</h3>
<div class="row span_12">
<div class="col span_6">
<p>We’ve hybridized the style with tailored features found in more traditional western button-downs: a chamfered pocket, side gussets, and a slightly more fitted silhouette that hits at the waist.</p>
</div>
<div class="col span_6">
<p>The design itself is fairly minimal, and is really meant to highlight the textiles, which are produced in one of the last remaining hand-loom communities called Pabna, a village in western Bangladesh.</p>
</div>
</div>
</div>
</div><!--.row .wrapper-->
<div class="container pull-quote">
<div id="tabs" class="tabs">
<nav class="row wrapper">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 44" class="icon_popover" style="fill: #009245;"><path opacity="0.5" d="M46.652,5.821l-20.264,9.084v18.861h5v2.777h-7.777V14.892L3.354,5.81
C1.232,9.484,0,13.735,0,18.281c0,13.807,11.192,25,25,25s25-11.193,25-25C50,13.739,48.77,9.492,46.652,5.821z"></path><path d="M4.9,3.459c0.712-0.965,1.476-1.889,2.316-2.74l16.395,7.35v3.778L4.9,3.459z M26.389,11.861l18.719-8.392
c-0.715-0.968-1.48-1.896-2.324-2.75l-16.395,7.35V11.861z M32.777,26.613c0-0.766-0.623-1.389-1.389-1.389
c-0.767,0-1.389,0.623-1.389,1.389c0,0.768,0.622,1.389,1.389,1.389C32.154,28.002,32.777,27.381,32.777,26.613z M32.777,18.073
c0-0.768-0.623-1.39-1.389-1.39c-0.767,0-1.389,0.622-1.389,1.39c0,0.766,0.622,1.389,1.389,1.389
C32.154,19.461,32.777,18.838,32.777,18.073z"></path></svg>
<h5></h5>
<ul>
<li><a href="#section-1" class="tab-filter"><h4>Mirpur<h4></a></li>
<li><a href="#section-2" class="tab-filter"><h4>Dhanmondi<h4></a></li>
<li><a href="#section-3" class="tab-filter"><h4>Kotwali<h4></a></li>
</ul>
</nav>
<div class="content">
<section id="section-1">
<div class="row">
<img src="src/img/lookbook_mirpur_01.jpg" alt="Lookbook photo 4" class="col span_6">
<img src="src/img/lookbook_mirpur_02.jpg" alt="Lookbook photo 5" class="col span_6">
</div><!--.row-->
<div class="row">
<img src="src/img/lookbook_mirpur_04.jpg" alt="Lookbook photo 6" class="col span_4">
<img src="src/img/lookbook_mirpur_05.jpg" alt="Lookbook photo 7" class="col span_4">
<img src="src/img/lookbook_mirpur_03.jpg" alt="Lookbook photo 8" class="col span_4">
</div><!--.row-->
<div class="row">
<img src="src/img/lookbook_mirpur_06.jpg" alt="Lookbook photo 2" class="col span_6">
<img src="src/img/lookbook_mirpur_07.jpg" alt="Lookbook photo 3" class="col span_6">
</div><!--.row-->
<div class="ctr"><a href="./mirpur-popover.html"><button>Shop this shirt</button></a></div>
</section>
<section id="section-2">
<div class="row">
<img src="src/img/lookbook_dhanmondi_02.jpg" alt="Lookbook photo 4" class="col span_6">
<img src="src/img/lookbook_dhanmondi_01.jpg" alt="Lookbook photo 5" class="col span_6">
</div><!--.row-->
<div class="row">
<img src="src/img/lookbook_dhanmondi_05.jpg" alt="Lookbook photo 6" class="col span_4">
<img src="src/img/lookbook_dhanmondi_03.jpg" alt="Lookbook photo 7" class="col span_4">
<img src="src/img/lookbook_dhanmondi_04.jpg" alt="Lookbook photo 8" class="col span_4">
</div><!--.row-->
<!-- <div class="row">
<img src="src/img/lookbook_04.jpg" alt="Lookbook photo 4" class="col span_6">
<img src="src/img/lookbook_05.jpg" alt="Lookbook photo 5" class="col span_6">
</div> --><!--.row-->
<div class="ctr"><a href="./dhanmondi-popover.html"><button>Shop this shirt</button></a></div>
</section>
<section id="section-3">
<div class="row">
<img src="src/img/lookbook_04.jpg" alt="Lookbook photo 4" class="col span_6">
<img src="src/img/lookbook_05.jpg" alt="Lookbook photo 5" class="col span_6">
</div><!--.row-->
<div class="row">
<img src="src/img/lookbook_09.jpg" alt="Lookbook photo 6" class="col span_4">
<img src="src/img/lookbook_07.jpg" alt="Lookbook photo 7" class="col span_4">
<img src="src/img/lookbook_08.jpg" alt="Lookbook photo 8" class="col span_4">
</div><!--.row-->
<div class="row">
<img src="src/img/lookbook_02.jpg" alt="Lookbook photo 2" class="col span_6">
<img src="src/img/lookbook_03.jpg" alt="Lookbook photo 3" class="col span_6">
<div class="ctr"><a href="./kotwali-popover.html"><button>Shop this shirt</button></a></div>
</div><!--.row-->
</section>
</div><!-- /content -->
</div><!-- /tabs -->
</div>
<script src="src/js/cbpFWTabs.js"></script>
<script>
new CBPFWTabs( document.getElementById( 'tabs' ) );
</script>
<div class="row wrapper gutters clearfix bangladesh">
<div class="bangladesh-flag col span_2">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 64"><rect fill="#006838" width="120" height="64"/><circle fill="#EF4135" cx="52.999" cy="32" r="20"/></svg>
</div>
<div class="col span_10">
<h3>Well crafted in Bangladesh.</h3>
<p>Along with every shirt you buy is a commitment to tell the story of where it came from. From the day the textiles were woven in Pabna, to the agile hands of Deshal’s artisans, to fulfillment and packaging in San Francisco, to you. Each shirt will be tagged with a unique code so you can access this story on the web, and we hope you continue contribute to it.</p>
</div>
</div><!--.row .wrapper-->
</section><!--#lookbook-content-->
{% include footer.html %}
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="src/js/main.js"></script>
</body>
</html>