1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <meta name="author" content="Focus"> 8 <meta name="description" content=""> 9 10 <title>Galafilm Productions</title> 11 12 <!-- CSS --> 13 <link rel="stylesheet" href="css/bootstrap.min.css"> 14 <link rel="stylesheet" href="css/font-awesome.min.css"> 15 <link rel="stylesheet" href="css/jplayer.css"> 16 <link rel="stylesheet" href="css/beat.css"> 17 <link rel="stylesheet" href="css/magnific-popup.css"> 18 <link rel="stylesheet" href="css/owl.carousel.css"> 19 <link rel="stylesheet" href="css/cubeportfolio.min.css"> 20 <link rel="stylesheet" href="css/main.css"> 21 <link rel="stylesheet" href="css/responsive.css"> 22 23 <!-- Fonts --> 24 <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'> 25 26 <!-- icons --> 27 <link rel="apple-touch-icon" sizes="57x57" href="icons/apple-icon-57x57.png"> 28 <link rel="apple-touch-icon" sizes="60x60" href="icons/apple-icon-60x60.png"> 29 <link rel="apple-touch-icon" sizes="72x72" href="icons/apple-icon-72x72.png"> 30 <link rel="apple-touch-icon" sizes="76x76" href="icons/apple-icon-76x76.png"> 31 <link rel="apple-touch-icon" sizes="114x114" href="icons/apple-icon-114x114.png"> 32 <link rel="apple-touch-icon" sizes="120x120" href="icons/apple-icon-120x120.png"> 33 <link rel="apple-touch-icon" sizes="144x144" href="icons/apple-icon-144x144.png"> 34 <link rel="apple-touch-icon" sizes="152x152" href="icons/apple-icon-152x152.png"> 35 <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-icon-180x180.png"> 36 <link rel="icon" type="image/png" sizes="192x192" href="icons/android-icon-192x192.png"> 37 <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png"> 38 <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png"> 39 <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png"> 40 <link rel="manifest" href="icons/manifest.json"> 41 <meta name="msapplication-TileColor" content="#ffffff"> 42 <meta name="msapplication-TileImage" content="icons/ms-icon-144x144.png"> 43 <meta name="theme-color" content="#ffffff"> 44 45 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 46 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 47 <!--[if lt IE 9]> 48
48<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
48 49
49<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
49 50 <![endif]--> 51 52
52<script src="js/jquery.min.js"></script>
52 53
53<script src="js/skdslider.min.js"></script>
53 54 <link href="css/skdslider.css" rel="stylesheet"> 55 56 57 58
58<script type="text/javascript"> 59 jQuery(document).ready(function(){ 60 jQuery('#slider_accueil').skdslider({ 61 delay:5000, 62 animationSpeed: 1000, 63 showNextPrev:true, 64 showPlayButton:false, 65 autoSlide:true, 66 animationType:'fading', 67 autoScaleSlider:false, 68 autoHeight: false 69 }); 70 console.log(jQuery('.skdslider').parent().height()) 71 jQuery('.skdslider').css('height', jQuery('.skdslider').parent().height()+'px'); 72 73 jQuery('#responsive').change(function(){ 74 $('#responsive_wrapper').width(jQuery(this).val()); 75 $(window).trigger('resize'); 76 }); 77 78 }); 79 </script>
79 80 <style type="text/css"> 81 body{ margin:0; padding:0;} 82 .demo-code{ background-color:#ffffff; border:1px solid #333333; display:block; padding:10px;} 83 .option-table td{ border-bottom:1px solid #eeeeee;} 84 .skdslider #slider_accueil .slide-desc{ left:auto; right:0px; text-align:right; } 85 .skdslider #slider_accueil .slide-desc h2{ color:#ffffff; font-weight:bold;} 86 </style> 87 88 </head> 89 <body class="home-body"> 90 <header id="navigation"> 91 <div class="navbar navbar-fixed-top"> 92 <div class="container"> 93 <div class="navbar-header"> 94 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 95 <span class="sr-only">Toggle navigation</span> 96 <span class="icon-bar"></span> 97 <span class="icon-bar"></span> 98 <span class="icon-bar"></span> 99 </button> 100 <a class="navbar-brand" href="index.html"><img class="img-responsive" src="images/logo.png" alt="Logo"></a> 101 </div> 102 <nav class="collapse navbar-collapse"> 103 <ul class="nav navbar-nav"> 104 <li> 105 <a href="index.html">Home</a> 106 </li> 107 <li><a href="about.html">About</a> 108 </li> 109 <li class="dropdown" > 110 <a href="javascript:void(0);">Productions<i class="fa fa-angle-down"></i> 111 </a> 112 <ul class="sub-menu menu fadeInUp" role="menu"> 113 <li class ="active"><a href="history.html">History</a></li> 114 <li><a href="#">Documentaries</a></li> 115 <li><a href="#">Fiction</a></li> 116 <li><a href="#">Interactive</a></li> 117 </ul> 118 </li> 119 <li><a href="awards.html">Awards</a> 120 </li> 121 <li> 122 <a href="contact.html">Contact</a> 123 </li> 124 <li> 125 <a href="#">FR</a> 126 </li> 127 </ul> 128 </nav> 129 </div><!-- container --> 130 </div><!-- navbar --> 131 </header><!-- Header --> 132 133 134 <div style="max-width:100%; min-height:90%; margin:0 auto;"> 135 <ul id="slider_accueil"> 136 <li> 137 <img src="images/slides/1_GOA_Galafilm.jpeg"> 138 <div class="slide-desc"> 139 <h2>GHOSTS OF AFGHANISTAN</h2> 140 <p><em>Documentary social/political - 60 min. & 89 min.</em></p> 141 <p>Streaming on TVO.org</p> 142 </div> 143 </li> 144 <li> 145 <img src="images/slides/2_UnderThinIce__Galafilm.jpg"> 146 <div class="slide-desc"> 147 <h2>UNDER THIN ICE</h2> 148 <p><em>Documentary on the Arctic and climate - 88 min., 52 min.</em></p> 149 <p>The Nature of Things version - 44 min.</p> 150 <p>Streaming on gem.cbc.ca & on Curio.ca</p> 151 </div> 152 </li> 153 <li> 154 <img src="images/slides/3_arctique_Galafilm.png"> 155 <div class="slide-desc"> 156 <h2>DISCOVER THE ARCTIC</h2> 157 <p><em>Available on tablets and smart phones Android & IOS</em></p> 158 <p>Mobile app for all ages about animals living in the Arctic</p> 159 <p>Nominee NUMIX 2020 & GÃMEAUX 2020</p> 160 </div> 161 </li> 162 <li> 163 <img src="images/slides/4_Canada-A_Peoples_History_Galafilm.jpg"> 164 <div class="slide-desc"> 165 <h2>CANADA: A PEOPLEâS HISTORY 1991-2015</h2> 166 <h2>NEW TIMES NEW WAYS</h2> 167 <p><em>Documentary on the recent history of Canada - 2 X 44 min.</em></p> 168 <p>Streaming on CBC.ca</p> 169 </div> 170 </li> 171 <li> 172 <img src="images/slides/5_Newfoundland_At_Armageddon_Galafilm.jpg"> 173 <div class="slide-desc"> 174 <h2>NEWFOUNDLAND AT ARMAGEDDON</h2> 175 <p><em>
175Documentary feature on the Great War - 86 min.</em></p> 176 <p>NOMINATED FOR 2 CANADIAN SCREEN AWARDS</p> 177 <p>Best History Documentary & Best Photography</p> 178 <p>Streaming on CBC.ca</p> 179 </div> 180 </li> 181 <li> 182 <img src="images/slides/6_The_Girl_King_Galafilm.jpg"> 183 <div class="slide-desc"> 184 <h2>THE GIRL KING</h2> 185 <p><em>Feature film, 106 min.</em></p> 186 <p>BEST COSTUME DESIGN NOMINATION - Canadian Screen Awards</p> 187 <p>AUDIENCE AWARD: BEST CANADIAN FILM - World Film Festival</p> 188 <p>Available on DVD</p> 189 </div> 190 </li> 191 </ul> 192 </div> 193 194 195 196 197 <div class="footer before-after bg-white"> 198 <div class="container"> 199 <div class="copyright"> 200 <p>© <a href="index.html">Galafilm</a>, <span id="current_year"></span></p> 201 </div> 202 </div><!-- container --> 203 </div><!-- footer --> 204 205 <div class="backgroundwhite"> 206 </div> 207 <!-- JS --> 208 209
209<script src="js/bootstrap.min.js"></script>
209 210
210<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
210 211
211<script src="js/gmaps.min.js"></script>
211 212
212<script src="js/jquery.jplayer.min.js"></script>
212 213
213<script src="js/jplayer.playlist.min.js"></script>
213 214
214<script src="js/jquery.plugin.js"></script>
214 215
215<script src="js/jquery.countdown.js"></script>
215 216
216<script src="js/magnific-popup.min.js"></script>
216 217
217<script src="js/jquery.backstretch.min.js"></script>
217 218
218<script src="js/owl.carousel.min.js"></script>
218 219
219<script src="js/inview.min.js"></script>
219 220
220<script src="js/jquery.spinner.min.js"></script>
220 221
221<script src="js/cubeportfolio.min.js"></script>
221 222
222<script src="js/jplayer.source.js"></script>
222 223
223<script src="js/main.js"></script>
223 224 225 </body> 226</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.