1<!DOCTYPE html> 2<!--[if lte IE 6]><html class="preIE7 preIE8 preIE9"><![endif]--> 3<!--[if IE 7]><html class="preIE8 preIE9"><![endif]--> 4<!--[if IE 8]><html class="preIE9"><![endif]--> 5<!--[if gte IE 9]><!--><html><!--<![endif]--> 6 <head> 7 <meta charset="UTF-8"> 8 9 <title>Bill Aron Photogrpahy</title> 10 <meta name="viewport" content="width=device-width, initial-scale=1"/> 11 <meta name="author" content="name"> 12 <meta name="description" content="description here"> 13 <meta name="keywords" content="keywords,here"> 14 15 <!-- favicom --> 16 <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon"> 17 18 <!-- Goolge fonts --> 19 <link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,700,400italic|Open+Sans:400,300,700' rel='stylesheet' type='text/css'> 20 21 <!-- External CSS --> 22 <link rel="stylesheet" href="css/reset.css" type="text/css"> 23 <link rel="stylesheet" href="css/normalize.css" /> 24 <link rel="stylesheet" href="css/core.css" /> 25 26 <!-- Internal CSS --> 27 <style> 28 29 </style> 30 31 <!-- slideshow cycle2 plugin --> 32
32<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
32 33
33<script src="http://malsup.github.com/jquery.cycle2.js"></script>
33 34 35
35<script> 36 // Picture element HTML5 shiv 37 document.createElement( "picture" ); 38 </script>
38 39 40 41 <!-- Using picturefill to load conditional images and matchmedia to provide support for IE8 and below + older browsers --> 42
42<script src="./js/picturefill.js" async></script>
42 43
43<script src="./js/matchmedia.js"></script>
43 44 45 46 </head> 47 <body class="home"> 48 49 <!-- Google Tag Manager -->
vendor: 64 bytes, lines 49-50
49 50 <noscript><iframe src="//www.googletagmanager.com/ns.html?id=
50GTM-MLL4MJ
vendor: 87 bytes, lines 50-52
50" 51 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 52
52<script>
vendor: 329 bytes, lines 52-56
52(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 53 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 54 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 55 '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 56 })(window,document,'script','dataLayer','
56GTM-MLL4MJ
vendor: 3 bytes, line 56
56');
56</script>
56 57 <!-- End Google Tag Manager --> 58 59 <div id="container"> 60 61 <div class="header-wrapper"> 62 <header> 63 <div class="slideshow-wrapper"> 64 <!-- slideshow/video/images --> 65 <div class="cycle-slideshow" 66 data-cycle-timeout="2000" 67 data-cycle-loader=true 68 data-cycle-pager=".example-pager" 69 data-cycle-slides="> a" 70 > 71 72 <!-- slideshow image 1 --> 73 <a href="new-beginnings-120-cancer-survivors.html"> 74 <picture> 75 <source srcset="images/slideshow/Ed_Schultz_S8G9616_4-xlarge.jpg" media="(min-width: 1400px)"> 76 <source srcset="images/slideshow/Ed_Schultz_S8G9616_4-large.jpg" media="(min-width: 880px)"> 77 <source srcset="images/slideshow/Ed_Schultz_S8G9616_4-small.jpg" media="(max-width: 478px)"> 78 <source srcset="images/slideshow/Ed_Schultz_S8G9616_4-medium.jpg"> 79 <!-- fall back --> 80 <img src="images/slideshow/Ed_Schultz_S8G9616_4-medium.jpg" alt="Ed Schultz"> 81 </picture> 82 </a> 83 84 <!-- slideshow image 2 --> 85 <a href="new-beginnings-120-cancer-survivors.html"> 86 <picture> 87 <source srcset="images/slideshow/Eric_Anthony_Galvez_S8G3036_rm_4-xlarge.jpg" media="(min-width: 1400px)"> 88 <source srcset="images/slideshow/Eric_Anthony_Galvez_S8G3036_rm_4-large.jpg" media="(min-width: 880px)"> 89 <source srcset="images/slideshow/Eric_Anthony_Galvez_S8G3036_rm_4-small.jpg" media="(max-width: 478px)"> 90 <source srcset="images/slideshow/Eric_Anthony_Galvez_S8G3036_rm_4-medium.jpg"> 91 <!-- fall back --> 92 <img src="images/slideshow/Eric_Anthony_Galvez_S8G3036_rm_4-medium.jpg" alt="Eric Anthony Galvez"> 93 </picture> 94 </a> 95 96 <!-- slideshow image 3 --> 97 <a href="new-beginnings-120-cancer-survivors.html"> 98 <picture> 99 <source srcset="images/slideshow/Hazel-Madison_MG_2385_rm_wk_52-xlarge.jpg" media="(min-width: 1400px)"> 100 <source srcset="images/slideshow/Hazel-Madison_MG_2385_rm_wk_52-large.jpg" media="(min-width: 880px)"> 101 <source srcset="images/slideshow/Hazel-Madison_MG_2385_rm_wk_52-small.jpg" media="(max-width: 478px)"> 102 <source srcset="images/slideshow/Hazel-Madison_MG_2385_rm_wk_52-medium.jpg"> 103 <!-- fall back --> 104 <img src="images/slideshow/Hazel-Madison_MG_2385_rm_wk_52-medium.jpg" alt="Hazel MAdison"> 105 </picture> 106 </a> 107 108 <!-- slideshow image 4 --> 109 <a href="new-beginnings-120-cancer-survivors.html"> 110 <picture> 111 <source srcset="images/slideshow/Kate-Schmidt_MG_2958_Comp_2__66-xlarge.jpg" media="(min-width: 1400px)"> 112 <source srcset="images/slideshow/Kate-Schmidt_MG_2958_Comp_2__66-large.jpg" media="(min-width: 880px)"> 113 <source srcset="images/slideshow/Kate-Schmidt_MG_2958_Comp_2__66-small.jpg" media="(max-width: 478px)"> 114 <source srcset="images/slideshow/Kate-Schmidt_MG_2958_Comp_2__66-medium.jpg"> 115 <!-- fall back --> 116 <img src="images/slideshow/Kate-Schmidt_MG_2958_Comp_2__66-medium.jpg" alt="Kate Schmidt"> 117 </picture> 118 </a> 119 120 </div><!-- ./cycle-slideshow --> 121
122 <!-- headline for screens with min width 720px --> 123 <div class="slideshow-headline"> 124 <p>New Beginnings - The Triumphs of 120 Cancer Survivors<br/> 125 Photographs by Bill Aron</p><a href="#blog"><img src="./graphics/arrows/down-white-s.png" alt="white navigation arrow down"></a> 126 </div> 127 128 </div><!-- /.slideshow-wrapper --> 129 </header> 130 131 <div id="navigation-bar" class="navbar group wrapper"> 132 <h3><a href="index.html">Bill Aron</a></h3> 133 <!-- Checkbox Hack markup --> 134 <input type="checkbox" id="toggle" /> 135 <!-- <label for="toggle" onclick>Menu</label> --> 136 <label for="toggle" onclick="">Menu</label> 137 <!-- /Checkbox Hack markup --> 138 <nav> 139 <ul> 140 <li><a href="#portfolios">Portfolios</a></li> 141 <li><a href="./photography-books.html">Books</a></li> 142 <li><a href="./about.html">About</a></li> 143 <li><a href="#scroll-form" class="toggleform">Contact</a></li> 144 <!-- <li><a href="index.html">Home</a></li> --> 145 </ul> 146 </nav> 147
148 <!-- headlines for screens with max width 720px --> 149 <div class="page-headline"> 150 <p>New Beginnings - The Triumphs of 120 Cancer Survivors<br/> 151 Photographs by Bill Aron</p><a href="#blog"><img src="./graphics/arrows/down-gray-s.png" alt="gray navigation arrow down"></a> 152 </div> 153 154 </div> <!-- /.navbar --> 155 156 </div> <!-- /.header-wrapper --> 157 158 <div class="page-wrapper"> 159 160 161 <!-- /////////////////////////// AREA-2 INTRODUCTION ////////////////////////////--> 162 <section class="featured area-2"> 163 <h3>Introduction</h3> 164 165 <div class="col-460 wrapper"> 166 <blockquote> 167 <p>I received my first camera at age 12 (I won it at Steel Pier in Atlantic City at the roulette wheel). It was a modest device, a Brownie Hawkeye, but it did spark something within me that led to a life long love of photography. I wanted to capture the world in front of me, and make that scene into a lasting image.</p> 168 </blockquote> 169 </div><!-- /.col-460 --> 170 171 <div class="col-460 wrapper"> 172 <blockquote> 173 <p>All my life Iâve been interested in how people present themselves and interact with each other, including with the camera. This site contains representative samples of the various projects I have done, personal as well as editorial and commercial. My exhibitions and stock photography are also included. Feel free to let me know what you think.</p> 174 </blockquote> 175 </div><!-- /.col-460 --> 176 177 <footer> 178 <a class="readmore" href="about.html">Read More</a> 179 <a class="scroll-top" href="#"><img src="graphics/arrows/up-gray-s.png" alt="navigation arrow up" /></a> 180 </footer> 181 </section><!-- /.featured --> 182 183 <!-- ///////////////////////////// AREA-3 PORTFOLIOS ////////////////////////////--> 184 <section id="portfolios" class="featured area-3 border-top"> 185 <h3>Portfolios</h3> 186 <article class="col-300 group wrapper"> 187 <a href="new-beginnings-the-triumph-of-120-cancer-survivors.html"> 188 <figure> 189 <img src="./images/tmbs-portfolios/Kaufman-Chelsea_IMG_1184.jpg" alt="Bill Aron New Beginnings"> 190 </figure> 191 </a> 192 <h4><a href="new-beginnings-the-triumph-of-120-cancer-survivors.html">New Beginnings</a></h4> 193 </article> 194 195 <article class="col-300 group wrapper"> 196 <a href="jerusalem-and-israel.html"> 197 <figure> 198 <img src="./images/tmbs-portfolios/img3_IMG_5039_Damascus_2cropped.jpg" alt="Bill Aron Jerusalem and Israel"> 199 </figure> 200 </a> 201 <h4><a href="jerusalem-and-israel.html">Jerusalem & Israel</a></h4> 202 </article> 203 204 <article class="col-300 group wrapper"> 205 <a href="indestructible-spirit.html"> 206 <figure> 207 <img src="./images/tmbs-portfolios/Jack-Pariser.jpg" alt="Bill Aron Indestructible Spirit"> 208 </figure> 209 </a> 210 <h4><a href="indestructible-spirit.html">Indestructible Spirit</a></h4> 211 </article> 212 213 <!-- PROJECTS SECOND ROW --> 214 215 <article class="col-300 group wrapper"> 216 <a href="from-the-corners-of-the-earth.html"> 217 <figure> 218 <img src="./images/tmbs-portfolios/COUPLENYC.jpg" alt="Bill Aron From the Corners of the World"> 219 </figure> 220 </a> 221 <h4><a href="from-the-corners-of-the-earth.html">From the Corners of the Earth</a></h4> 222 </article> 223 224 <article class="col-300 group wrapper"> 225 <a href="shalom-yall.html"> 226 <figure> 227 <img src="./images/tmbs-portfolios/Havdallah-at-MSJE.jpg" alt="Bill Aron Shallom Y'All"> 228 </figure> 229 </a> 230 <h4><a href="shalom-yall.html">Shalom Y'All</a></h4> 231 </article> 232 233 234 <article class="col-300 group wrapper"> 235 <a href="downlaods/pdf/NewBeginnings-BAspreadslo.pdf" target="_blank"> 236 <figure> 237 <img src="./images/tmbs-portfolios/new-beginnings-video.jpg" alt="New Beginnings Video"> 238 </figure> 239 </a> 240 <a href="downlaods/pdf/NewBeginnings-BAspreadslo.pdf" target="_blank"><h4>New Beginnings PDF<br><span>20 Page Representative Sample</span></h4></a> 241 <!-- <h5>20 Page Representative Sample</h5> --> 242 </article> 243 244 <!-- FUTURE WORK --> 245 <!-- <article class="col-300 group wrapper"> 246 <h4></h4> 247 <a href="#"> 248 <figure> 249 <img src="" alt=""> 250 </figure> 251 </a> 252 </article> 253 254 <article class="col-300 group wrapper"> 255 <h4></h4> 256 <a href="#"> 257 <figure> 258 <img src="" alt=""> 259 </figure> 260 </a> 261 </article> 262 263 <article class="col-300 group wrapper"> 264 <h4></h4> 265 <a href="#"> 266 <figure> 267 <img src="" alt=""> 268 </figure> 269 </a> 270 </article> --> 271 272 <footer> 273 <a class="readmore" href="#">Read More</a> 274 <a class="scroll-top" href="#"><img src="graphics/arrows/up-gray-s.png" alt="navigation arrow up" /></a> 275 </footer> 276 </section><!-- /.featured --> 277 278 <!-- /////////////////////////// AREA-1 BLOG EXCERPT //////
278//////////////////////--> 279 <section id="blog" class="featured area-1 border-top"> 280 <h3><a href="new-beginnings-the-triumph-of-120-cancer-survivors.html" target="_blank">New Beginnigs: The Triumph of 120 Cancer Survivors </a></h3> 281 <article class="wraper"> 282 <blockquote> 283 <h2>"One day in chemo I fainted. They told me it might be a tumor in my brain. I freaked out. A beautiful Asian girl came over and sat next to me. It was intimidating because I was bald and bloated,"<br /> - Tiffany Gravley</h2> 284 </blockquote> 285<!-- <blockquote > 286 <h2>"Cancer pulled my head right out my ass. It made me wake up, because stage 4 is not just stage 4; there is no stage 5"<br/> - Corey Jackson</h2> 287 </blockquote> --> 288 </article><!-- /.wraper --> 289 290 <footer> 291 <a class="readmore" href="new-beginnings-the-triumph-of-120-cancer-survivors.html">Read More</a> 292 <a class="scroll-top" href="#"><img src="graphics/arrows/up-gray-s.png" alt="navigation arrow up" /></a> 293 </footer> 294 </section><!-- /.featured --> 295 296 297 <!-- ///////////////////////////// AREA-4 PHTOGRAPH BOOKS ////////////////////////////--> 298 <section id="publications" class="featured area-4 border-top"> 299 <h3><a href="photography-books.html">Books</a></h3> 300 <article class="col-300 wrapper"> 301 <div class="items"> 302 <a href="new-beginnings-the-triumph-of-120-cancer-survivors.html" target="_blank"> 303 <figure> 304 <img src="./images/photography-books/new-beginnings-120-cancer-sourvivors/new-beginnings-cover-2015.png" alt="Bill Aron New Beginnings"> 305 </figure> 306 </a> 307 <ul class="book-specs"> 308 <!-- <li><a>New Beginnings</a></li> --> 309 <li><a href="new-beginnings-the-triumph-of-120-cancer-survivors.html" target="_blank"><span>New Beginnings</span></a></li> 310 <li>Photopgraphy by Bill Aron</li> 311 <li>ISBN-10: 1632206641</li> 312 <li>ISBN-13: 978-1632206640</li> 313 <li>Hard Cover $25.00</li> 314 <!-- <li><a href="https://www.amazon.com/New-Beginnings-Triumphs-Cancer-Survivors-ebook/dp/B00TQ7SZZA/ref=sr_1_1?ie=UTF8&qid=1508195923&sr=8-1&keywords=new+beginnings+cancer" target="_blank">Order Book</a></li> --> 315 <!-- <li><a href="http://www.amazon.com/New-Beginnings-Triumphs-Cancer-Survivors/dp/1632206641" target="new">Order Book</a></li> --> 316 <li><a href="#scroll-form" class="toggleform">Order Book</a></li> 317 <li><a href="downlaods/pdf/NewBeginnings-BAspreadslo.pdf" target="_blank">Look Inside</a></li> 318 </ul> 319 </div><!-- /.items--> 320 </article> 321 322 <article class="col-300 wrapper"> 323 <div class="items"> 324 <a href="photography-books.html#shalom-preview" target="_blank"> 325 <figure> 326 <img src="./images/photography-books/shalom-yall/shalom-cover-front.png" alt="Bill Aron Shalom Y'All"> 327 </figure> 328 </a> 329 <ul class="book-specs"> 330 <li><a href="photography-books.html#shalom-preview" target="_blank"><span>Shalom Y'all</span></a></li> 331 <li>Photography by Bill Aron</li> 332 <li>ISBN 1-56512-355-7</li> 333 <li id="fee">$24.95</li> 334 <!-- <li><a href="http://www.amazon.com/Shalom-YAll-Images-Jewish-American/dp/B0042P577U/ref=la_B001K1O46Y_1_1?s=books&ie=UTF8&qid=1407632653&sr=1-1" target="new">Order book</a></li> --> 335 <li>Out of Print</li> 336 <li><a href="photography-books.html#shalom-preview" target="_blank">Look Inside</a></li> 337 </ul> 338 </div><!-- /.items--> 339 </article> 340 341 <article class="col-300 wrapper"> 342 <div class="items"> 343 <a href="photography-books.html#corners-preview" target="_blank"> 344 <figure> 345 <img src="./images//photography-books/corners/coreners-cover.png" alt="Bill Aron From the Cormners of the Earth"> 346 </figure> 347 </a> 348 <ul class="book-specs"> 349 <li><a href="photography-books.html#corners-preview" target="_blank"><span>From the Corners of the Earth</span></a></li> 350 <li>Photography by Bill Aron</li> 351 <li>ISBN 0-8276-0254-5</li> 352 <li id="fee">$50.00</li> 353 <li><a href="#scroll-form" class="toggleform">Order Book</a></li> 354 <!-- li><a href="http://www.amazon.com/Corners-Earth-Contemporary-Photographs-Jewish/dp/0827602766/ref=la_B001K1O46Y_1_2?s=books&ie=UTF8&qid=1407632760&sr=1-2" target="new">Order book</a></li> --> 355 <li><a href="photography-books.html#corners-preview" target="_blank">Look Inside</a></li> 356 </ul> 357 </div><!-- /.items--> 358 </article> 359 <footer> 360 <a class="readmore" href="photography-books.html">Read More</a> 361 <a class="scroll-top" href="#"><img src="graphics/arrows/up-gray-s.png" alt="navigation arrow up" /></a> 362 </footer> 363 </section><!-- /.featured --> 364 365 <!-- ///////////////////////////// AREA-5 ABOUT ////////////////////////////--> 366 <section id="about" class="featured area-5 border-top"> 367 <h3><a href="about.html">About</a></h3> 368 369 <div class="div col-460 wrapper"> 370 <blockquote> 371 <p>From my first images of the Lower East Side of New York in 1974, I have never wavered from my commitment to depict Jewish Life in America and in Israel. I have therefore come to be known as the âDeanâ of American Jewish photographers.</p> 372 </blockquote> 373 </div><!-- /.div col-460 --> 374 375 <div class="div col-460 wrapper"> 376 <blockquote> 377 <p>I first gained international recognition for my photographs of Jewish communities of the former Soviet Union, Cuba, Jerusalem, New York and L
377os Angeles.</p> 378 </blockquote> 379 </div><!-- /.div col-460 --> 380 381 <footer> 382 <a class="readmore" href="about.html">Read More</a> 383 <a class="scroll-top" href="#"><img src="graphics/arrows/up-gray-s.png" alt="navigation arrow up" /></a> 384 </footer> 385 </section><!-- /.featured --> 386 387 </div><!-- /.page-wrapper --> 388 389 <!-- //////////////////////////// FOOTER ////////////////////////////--> 390 <div class="footer-wrapper"> 391 <footer> 392 393 <div class="col-300 col-left"> 394 <h4>For a full work history, have a look at my social media links:</h4> 395 <ul class="iconbar"> 396 <li><a href="http://www.linkedin.com/in/billaron" target="new"><img src="graphics/social-media/linkedin-logo.png" alt="Bill Aron linkedin"></a></li> 397 <li><a href="https://www.facebook.com/cancersurvivalportraits?ref=hl" target="new"><img src="graphics/social-media/facebook-logo.png" alt="Bill Aron facebook"></a></li> 398 <li><a href="https://www.flickr.com/photos/111892823@N04/" target="new"><img src="graphics/social-media/flickr.png" alt="Bill Aron flickr"></a></li> 399 <li><a href="https://www.youtube.com/watch?v=JUKIDFqS6FE&feature=youtu.be" target="new"><img src="graphics/social-media/you-tube2.png" alt="Bill Aron youtube"></a></li> 400 <li><a href="#scroll-form" class="toggleform"><img src="graphics/social-media/mail.png" alt="Bill Aron email"></a></li> 401 </ul> 402 </div> 403 404 <div class="col-300 col-center"> 405 <h4>Portfolio Pages</h4> 406 <ul> 407 <li><a href="new-beginnings-the-triumph-of-120-cancer-survivors.html">New Beginnings</a></li> 408 <li><a href="new-beginnings-video.html">New Beginnings Video</a></li> 409 <li><a href="jerusalem-and-israel.html">Israel and Jerusalem</a></li> 410 <li><a href="indestructible-spirit.html">Indestructible Spirit</a></li> 411 <li><a href="shalom-yall.html">Shalom Y'all</a></li> 412 <li><a href="from-the-corners-of-the-earth.html">From the Corner of the Earth</a></li> 413 </ul> 414 </div> 415 416 <div class="col-300 col-right"> 417 <h4>Quick Links</h4> 418 <ul> 419 <li><a href="photography-books.html">Photography Books</a></li> 420 <li><a href="about.html">About</a></li> 421 <li><a href="#scroll-form" class="toggleform">Leave Feedback</a></li> 422 <li><a href="external-links.html">External Links</a></li> 423 <li><a href="sitemap.html">Site Map</a></li> 424 <li><a href="index.html">Home</a></li> 425 </ul> 426 </div> 427 428 <div id="scroll-form" class="contact-form"> 429 430 <div class="envelope-frame hideform" style="display:none"> 431 432 <div class="envelope"> 433 434 <form id="contact" method="post" action="" > 435 <div class="formhead"> 436 <h2>Questions or Comments?</h2> 437 <p>Get in touch.</p> 438 </div><!-- /.formhead --> 439 <label>Name</label> 440 <input id="name" type="text" name="name" placeholder="Your Name (Required)" title="Name required" class="required"> 441 <label>Email</label> 442 <input id="email" type="text" name="email" placeholder="Your Email (Required)" title="Email required" class="required"> <label>Website</label> 443 <input id="site" type="text" name="url" placeholder="http:// (Optional)"> 444 <label>Message</label> 445 <textarea id="region" name="message" placeholder="Your Message (Required)" title="Message required" class="required"></textarea> 446 <button type="submit" name="submit" class="button" value="Send">Send</button> 447 </form> 448 449 </div> <!-- #/envelope --> 450 451 </div><!-- /.envelope-frame --> 452 453 </div><!-- /#scroll-form --> 454 455 <div id="success"class="replay"></div><!-- /.replay --> 456 457 <div class="colophone-wrapper"> 458 <ul class="colophone"> 459 <li><img class="cameraicon" src="graphics/icons/Leica-4-icon.png" alt="camera icon" />©2015 all rights reserved</li> 460 <li><a href="https://remote.com/pablo-serrano" target="_blank">Web Design</a></li> 461 </ul><!-- /.colophone --> 462 </div> <!-- #/colophone-wrapper --> 463 464 </footer> 465 466 <!-- panorama top edge --> 467 <div class="zig-zag"></div> 468 469 <div class="panorama-wrapper"> 470 <picture> 471 <source srcset="./images/footer/index/1757_Eifel_Best_3_straight_xl.jpg" media="(min-width: 1400px)"> 472 <source srcset="./images/footer/index/1757_Eifel_Best_3_straight_l.jpg" media="(min-width: 880px)"> 473 <source srcset="./images/footer/index/1757_Eifel_Best_3_straight_s.jpg" media="(max-width: 478px)"> 474 <source srcset="./images/footer/index/1757_Eifel_Best_3_straight_m.jpg"> 475 <!-- fall back --> 476 <img src="./images/footer/index/1757_Eifel_Best_3_straight_m.jpg" alt="Paris panorama"> 477 </picture> 478 </div><!-- /#panorama-wrapper --> 479 480 </div><!-- /#footer-wrapper --> 481 482 </div><!-- /#container --> 483 484 <!-- SCROLL DOWN --> 485
485<script> 486 $(function() { 487 $('a[href*=#]:not([href=#])').click(function() { 488 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 489 var target = $(this.hash); 490 target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 491 if (target.length) { 492 $('html,body').animate({ 493 scrollTop: target.offset().top 494 }, 700); 495 return false; 496 } 497 } 498 }); 499 }); 500 501 </script>
501 502 503 <!-- SCROLL TOP --> 504
504<script> 505 jQuery(document).ready(function() { 506 var offset = 220; 507 var duration = 500; 508 jQuery(window).scroll(function() { 509 if (jQuery(this).scrollTop() > offset) { 510 jQuery('.scroll-top').fadeIn(duration); 511 } else { 512 jQuery('.scroll-top').fadeOut(duration); 513 } 514 }); 515 516 jQuery('.scroll-top').click(function(event) { 517 event.preventDefault(); 518 jQuery('html, body').animate({scrollTop: 0}, duration); 519 return false; 520 }) 521 }); 522 </script>
522 523 524 525 <!-- TOGGLE CONTACT FORM VISIBILITY --> 526
526<script type="text/javascript" > 527 $(document).ready(function() { 528 $(".toggleform").click(function () { 529 $(".hideform").slideToggle("slow") 530 }); 531 }); 532 </script>
532 533 534 535 <!-- CONTACT FORM CONFIRMATION --> 536
536<script> 537 $(function(){ 538 $('#contact').validate({ 539 submitHandler: function(form) { 540 $(form).ajaxSubmit({ 541 url: 'php/process.php', 542 success: function() { 543 $('.envelope-frame').hide(); 544 $('#success').append("<p class='replay'>Message sent! Thank you.</p>") 545 //$('.envelope').find('form')[0].reset(); 546 547 setTimeout(function() { 548 $('#name, #email, #site, #region').val('') 549 $('#success').fadeOut(); 550 551 }, 2000 ); 552 } 553 554 }); 555 } 556 }); 557 }); 558 </script>
558 559 560 561 <!-- Contact form --> 562
562<script src="js/modernizr-min.js"></script>
562 563
563<script> 564 if (!Modernizr.input.placeholder){ 565 $('input[placeholder], textarea[placeholder]').placeholder(); 566 } 567 </script>
567 568 569 <!-- ////////////////////////// NONE BLOCKING JS ////////////////////////////// --> 570 571 <!-- form5 js --> 572
572<script src="js/jquery.validate.js"></script>
572 573
573<script src="js/jquery.placeholder.js"></script>
573 574
574<script src="js/jquery.form.js"></script>
574 575 576 <!-- Normalize hide address bar for iOS and Android --> 577
577<script src="./js/hideaddressbar.js"></script>
577 578 579 <!-- Add media query support for IE8 and under. Must place media queries in external stylesheet --> 580
580<script src="./js/respond.min.js"></script>
580 581 582 <!-- Responsive slide show (important: has an affect on jquery scroll) --> 583 <!--
583<script src="./js/responsiveslides.min.js"></script>
583 --> 584 585 586 </body> 587</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.