-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·348 lines (317 loc) · 18.1 KB
/
index.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Ascend</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="assets/css/main.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/animate-custom.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="assets/js/jquery.min.js"></script>
<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll" data-offset="0" data-target="#navbar-main">
<div id="navbar-main">
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
<a class="navbar-brand" href="#home">
<img src="assets/img/logo_black.jpg" width="140px"/>
</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li> <a href="#headerwrap" class="smoothScroll"> Home</a></li>
<li> <a href="#portfolio" class="smoothScroll"> Projects</a></li>
<li> <a href="#team" class="smoothScroll"> About Us</a></li>
<li> <a href="#contact" class="smoothScroll"> Contact</a></li>
</ul>
</div>
<!--/.nav-collapse -->
</div>
</div>
</div>
<!-- ==== HEADERWRAP ==== -->
<div id="headerwrap" name="home">
<header class="clearfix">
<div class="container">
<div class="row-fluid">
<div class="col-md-7">
<img class="img-responsive" src="assets/img/chandra.jpg" align="">
</div>
<div class="col-md-5">
<p>7 YEARS OLD, CHANDRA WALKS THROUGH EARTHQUAKE-HIT KATHMANDU WITH HIS GRANDFATHER, TO VISIT HIS MOTHER
AND NEWBORN SIBLING IN HOSPITAL. WHAT AWAITS THEM AT THE END ? <a href="http://www.chandrashortfilm.com/home.html" target="_blank"> More on Chandra</a></p>
<p><a href="http://www.biff.kr/artyboard/board.asp?act=bbs&subAct=view&bid=9611_05&list_style=list&seq=150057">Busan International Film Festival and Youku Announce the Master Directors for the Asia’s Masters and Newcomers Project</a>
<br/><br/>
The Busan International Film Festival and Youku, China’s biggest video-sharing website, start the Asia’s Masters and Newcomers Project based on a MOU signed last year to discover and support talented young Asian filmmakers. Four master directors Apichatpong WEERASETHAKUL, IM Sang Soo, KAWASE Naomi, and Xiaoshuai WANG were confirmed to lead the project.</p>
<ul class="list-inline social-buttons">
<li><a href="https://www.youtube.com/watch?v=i1lAbamYHYI&feature=youtu.be"><i class="fa fa-youtube"></i></a> </li>
<li><a href="https://www.facebook.com/chandrashortfilm"><i class="fa fa-facebook"></i></a> </li>
</ul>
</div>
</div>
</header>
</div>
<!-- /headerwrap -->
<!-- ==== ABOUT ==== -->
<!--<div id="about" name="about">
<div class="container">
<div class="row white">
<div class="col-md-6"> <img class="img-responsive" src="assets/img/about/about1.jpg" align=""> </div>
<div class="col-md-6">
<h3>About us</h3>
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel. Te sit malorum ceteros repudiandae, ne tritani adipisci vis.</p>
<h3>Why choose us?</h3>
<p>Lorem ipsum dolor sit amet, quo meis audire placerat eu, te eos porro veniam. An everti maiorum detracto mea. Eu eos dicam voluptaria, erant bonorum albucius et per, ei sapientem accommodare est. Saepe dolorum constituam ei vel.</p>
</div>
</div> -->
<!-- row -->
<!--</div>
</div> -->
<!-- container -->
<div class="portfolio-team">
<!-- ==== PORTFOLIO ==== -->
<div id="portfolio" name="portfolio">
<div class="container">
<div class="row">
<h2 class="centered">Projects</h2>
<hr>
<div class="col-lg-8 col-lg-offset-2 centered">
<!--<p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p> -->
</div>
</div>
<!-- /row -->
<div class="container">
<div class="row">
<!-- PORTFOLIO IMAGE 1 -->
<div class="col-md-4 ">
<div class="grid mask">
<figure> <img class="img-responsive" src="assets/img/projects/ganga.png" alt="">
<figcaption>
<h5>Ganga auntie</h5>
<a data-toggle="modal" href="#myModal4" class="btn btn-default">More Details</a> </figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
</div>
<!-- MODAL SHOW THE PORTFOLIO IMAGE. In this demo, all links point to this modal. You should create
a modal for each of your projects. -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Ganga Auntie</h4>
</div>
<div class="modal-body">
<p><img class="img-responsive" src="assets/img/projects/ganga.png" alt=""></p>
<p>Auntie Ganga is a story of my 67 years old aunty who is living in Aldershot, with her husband, an ex-Gurkha soldier who has served British army for 30 years but is now partially deaf. This film discovers day-to-day lives of old women through auntie Ganga about their struggle to blend in with the society in spite of cultural and language barriers. The film also explore the circumstances of an old and worn out relationship with her husband and her current relation with the society. With her jubilant character this film makes us realize how important a community is for one once we get old. <br/><br/>
Chosen as one of the eight winner in Human Rights Watch Film festival London (Student Competition),screened in Ritzy cinema, Screened in 5th Based Gallery London for Film Night and Latimer talks
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- PORTFOLIO IMAGE 1 -->
<div class="col-md-4 ">
<div class="grid mask">
<figure> <img class="img-responsive" src="assets/img/projects/kaloo.png" alt="">
<figcaption>
<h5>Kaloo School</h5>
<a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
</div>
<!-- MODAL SHOW THE PORTFOLIO IMAGE. In this demo, all links point to this modal. You should create
a modal for each of your projects. -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Kaloo School</h4>
</div>
<div class="modal-body">
<p><img class="img-responsive" src="assets/img/projects/kaloo.png" alt=""></p>
<p>School has never been something to be taken for granted in Afghanistan, especially for girls. The result is that more than two-thirds of the Afghan population is illiterate, and the percentage is even higher among women. Fortunately, 9-year-old Fakhere does go to school, albeit after tending the sheep. She lives in Kaloo, a remote village of 2,500 families in the mountains of central Afghanistan. Children have to walk long distances to attend school, some of them up to five hours a day. Fakhere and some of her fellow students are followed on their trip through a vast and beautiful landscape with rippling streams, meandering paths, green valleys and rugged brown mountains.<br/>
‘Kaloo School’ is a documentary as a symbol of present Afghan life, with some hope for their future trying to build better country and explores life of the people in a period of time to show how their way of life change in a positive way after NATO invasion. It is a hopeful impression of the lives of children from the mountains in central Afghanistan.</p>
<p>
<b><a href="http://kalooschool.tumblr.com/post/34556042528/trailer">Trailer</a></b><br/>
<b><a href="https://www.facebook.com/KalooSchool">Facebook Page</a></b>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- PORTFOLIO IMAGE 2 -->
<div class="col-md-4">
<div class="grid mask">
<figure> <img class="img-responsive" src="assets/img/projects/bbq.png" alt="" height="256" >
<figcaption>
<h5>Behind the Burqa</h5>
<a data-toggle="modal" href="#myModal1" class="btn btn-default">More Details</a> </figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
</div>
<!-- MODAL SHOW THE PORTFOLIO IMAGE. In this demo, all links point to this modal. You should create
a modal for each of your projects. -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Behind the Burqa</h4>
</div>
<div class="modal-body">
<p><img class="img-responsive" src="assets/img/projects/bbq.png" alt=""></p>
<p>This is the story of two afghan women who take us to a group of women building their future with past memories and utilizing the present resources.
This is an observational documentary, which shows the life and prospects of women in Bamiyan, the only city with woman Mayor in Afghanistan. It follows two afghan women who are victims of illiteracy and child marriage. It gives a rare picture of how the priority of these women is changing through their stories. Nikbakht and Salma are planning to start a small business in Bamiyan. They could not earn much money from their jobs of selling water and sewing quilts. They were not permanent therefore they’ve decided that it was necessary to upgrade their business in order to get better jobs. After making this decision of finding better employment they found an important secret: they should improve by educating themselves and then it would be easier to upgrade their business. So they are keen to build better future for their families through education and financial freedom.
The film is been nominated for American Documentary Film Festival Palm Springs 2013 and Fallbrook International Film festival 2013</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- PORTFOLIO IMAGE 2 -->
<div class="col-md-4">
<div class="grid mask">
<figure> <img class="img-responsive" src="assets/img/projects/evening.png" alt="" height="256" >
<figcaption>
<h5>An evening with kids</h5>
<a data-toggle="modal" href="#myModal3" class="btn btn-default">More Details</a> </figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
</div>
<!-- MODAL SHOW THE PORTFOLIO IMAGE. In this demo, all links point to this modal. You should create
a modal for each of your projects. -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">An evening with kids</h4>
</div>
<div class="modal-body">
<iframe src="//player.vimeo.com/video/43050636" width="550" height="480" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/43050636">An evening with kids</a> from <a href="http://vimeo.com/asmitashrish">Asmita Shrish</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
<p>This is a very short observational piece while following the children in a temple of Kathmandu. The film was shot from mobile and is the unedited version, which got nominated for No Gloss Film Festival for experimental section in 2012. </p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
</div>
<!-- /row -->
</div>
</div>
</div>
<!-- /container -->
<!-- ==== TEAM MEMBERS ==== -->
<div id="team" name="team">
<div class="container">
<div class="row centered">
<h2 class="centered">About Us</h2>
<hr>
<div class="col-lg-12 centered">
<p>Dhaulagiri Films was founded by Writer/Director Asmita Shrish in 2013. Our first project is the short documentary film Kaloo School, which was screened in various international film festivals. </p>
<p>We currently have various projects in development, including CHANDRA a short drama, supported by Busan International Film Festival's talent Incubator (BIFF). Our upcoming documentary LITTLE NEPAL is supported by B3 Media (in association with BFI and Arts Council England) and London Asian Film Festival and will released in summer 2015. </p>
</div>
</div>
</div>
<!-- row -->
</div>
<!-- container -->
<!-- ==== CONTACT ==== -->
<div id="contact" name="contact">
<div class="container">
<div class="row">
<h2 class="centered">Contact Us</h2>
<hr>
<!--<div class="col-md-4 centered"> <i class="fa fa-map-marker fa-2x"></i>
<p>321 Awesome Street<br>
New York, NY 17022</p>
</div> -->
<div class="col-md-6"> <i class="fa fa-envelope-o fa-2x"></i>
<p>[email protected]</p>
</div>
<div class="col-md-6"> <i class="fa fa-phone fa-2x"></i>
<p>07577768589</p>
</div>
</div>
</div>
</div>
<!-- container -->
</div>
<div id="footerwrap">
<div class="container">
<div class="row">
<div class="col-md-8"> <span class="copyright">Copyright © 2015 Dhaulagiri Films. Company Number 8448196 </span> </div>
<div class="col-md-4">
<ul class="list-inline social-buttons">
<li><a href="#"><i class="fa fa-twitter"></i></a> </li>
<li><a href="#"><i class="fa fa-facebook"></i></a> </li>
<li><a href="#"><i class="fa fa-google-plus"></i></a> </li>
<li><a href="#"><i class="fa fa-linkedin"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/retina.js"></script>
<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/js/smoothscroll.js"></script>
<script type="text/javascript" src="assets/js/jquery-func.js"></script>
</body>
</html>