Skip to content

Instantly share code, notes, and snippets.

@maxbrunsfeld
Created October 30, 2019 18:45
Show Gist options
  • Save maxbrunsfeld/4a5400a60706ec333fb3e4cb461995e9 to your computer and use it in GitHub Desktop.
Save maxbrunsfeld/4a5400a60706ec333fb3e4cb461995e9 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Sat Jun 09 2018 11:38:27 GMT+0000 (UTC) -->
<html data-wf-page="5af93e3da9b84e2a03b89ae0" data-wf-site="5af93e3da9b84e2196b89aab" lang="en">
<head>
<meta charset="utf-8">
<title>BoulderBox</title>
<meta content="Photo Gallery of BoulderBox, New Delhi" name="description">
<meta content="Photo Gallery of BoulderBox, New Delhi" property="og:description">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/boulderbox.webflow.css" rel="stylesheet" type="text/css">
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/BB_flavicon_export.png" rel="shortcut icon" type="image/x-icon">
<link href="images/BB_webclip.png" rel="apple-touch-icon">
<style>
.w-lightbox-caption {
color: white;
}
</style>
</head>
<body class="body">
<div data-ix="preloader" class="page-loader"></div>
<div data-ix="page-wrapper-load" class="page-wrapper">
<div class="contact-popup">
<div class="popup-wrapper">
<div class="contact-popup-window w-form">
<form id="gform" name="wf-form-Contact-Popup-Form" data-name="Contact Popup Form" method="post" action="https://script.google.com/a/boulderbox.in/macros/s/AKfycbzIc0PiuMjwAwOKo4fVZzKivUA2oRZdkHK8OKkMphgrSsBgsZY/exec" class="contact-window-form">
<a href="#" data-ix="hide-contact-popup" class="minimize-icon w-inline-block">
<div class="minimize-icon-line"></div>
</a>
<h3>Contact Us</h3><input type="text" id="name" name="name" data-name="name" placeholder="Enter your name" maxlength="256" class="input w-input"><input type="email" class="input w-input" maxlength="256" name="email" data-name="email" placeholder="Enter your email address (required)" id="email" required=""><textarea id="message" name="message" placeholder="How can we help you?" maxlength="5000" data-name="message" class="input text-area w-input"></textarea>
<div id="subscribe" class="w-checkbox"><input type="checkbox" id="subscribe" name="subscribe" data-name="subscribe" checked="" class="w-checkbox-input"><label for="subscribe" class="grey-text w-form-label">Subscribe</label></div><input type="submit" value="Submit Message" data-wait="Please wait..." class="button form-button w-button"></form>
<div class="form-success window-success w-form-done">
<div class="grey-text">Thank you! Your submission has been received!</div>
</div>
<div class="form-error window-error w-form-fail">
<div>Oops! Something went wrong while submitting the form</div>
</div>
</div>
<div data-ix="hide-contact-popup" class="popup-overlay"></div>
</div><a data-ix="show-contact-popup" href="#" class="contact-float-button w-inline-block"><img src="images/mail-icon.svg"></a></div>
<div data-collapse="medium" data-animation="default" data-duration="400" data-ix="nav-bar" class="nav-bar-fixed-light-bg w-nav">
<div class="wrapper w-container"><a href="index.html" data-ix="logo" id="top-logo" class="logo-link-thin w-nav-brand"><img src="images/BB_flavicon2.svg" class="image-11"><div class="div-block-9"></div><img src="images/Logo_102x15_black.svg" width="204" class="image-nav-logo-thin-navbar-black"></a>
<nav role="navigation" class="nav-menu-thin w-nav-menu">
<div data-hover="1" data-delay="100" class="dropdown-2 w-dropdown">
<div class="nav-link-thin dropdown w-dropdown-toggle">
<div class="nav-dropdown-icon w-icon-dropdown-toggle"></div><a href="/#home-centre" class="black-text-t2">The Centre</a></div>
<nav class="nav-dropdown-list w-dropdown-list"><a href="services/courses.html" class="nav-dropdown-link w-dropdown-link">Courses</a><a href="the-centre/calendar.html" class="nav-dropdown-link w-dropdown-link">Calendar</a><a href="the-centre/rules-and-etiquette.html" class="nav-dropdown-link w-dropdown-link">Rules &amp; Etiquette</a><a href="the-centre/careers.html" class="nav-dropdown-link w-dropdown-link">Careers</a></nav>
</div>
<a href="first-climb.html" class="nav-link-thin w-inline-block">
<div>First Climb</div>
</a>
<a href="pricing.html" class="nav-link-thin w-inline-block">
<div>Pricing</div>
</a>
<a href="about-us.html" class="nav-link-thin w-inline-block">
<div>About Us</div>
</a>
<a href="gallery.html" class="nav-link-thin w-inline-block w--current">
<div>Gallery</div>
</a>
<a href="faq.html" class="nav-link-thin w-inline-block">
<div>FAQ</div>
</a>
</nav>
<div class="menu-button-thin white-menu-button w-nav-button">
<div class="white-on-black w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="progress-bar-fixed yellow"></div>
<div id="HERO" class="page-header-section light-section">
<div class="page-header-wrapper">
<h1 class="section-header">Gallery</h1>
<div class="divider center"></div>
<p class="grey-text">Photos and videos related to our work. Click to learn more about each one.</p>
</div>
</div>
<div class="section no-paddings">
<div>
<div id="Gallery-lightbox" class="grid"><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/chris_sharma.jpg" srcset="images/chris_sharma.jpg 1080w, images/chris_sharma.jpg 1440w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1440,
"caption": "Meeting and chatting with Chris Sharma at WICS",
"height": 1080,
"fileName": "chris_sharma.jpg",
"origFileName": "chris_sharma.jpg",
"url": "images/chris_sharma.jpg",
"_id": "5b1bb79ec59e5c56ef835348",
"type": "image",
"fileSize": 140274
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/WICS_holdtopia.JPG" srcset="images/WICS_holdtopia.JPG 500w, images/WICS_holdtopia.JPG 1080w, images/WICS_holdtopia.JPG 1600w, images/WICS_holdtopia.JPG 2000w, images/WICS_holdtopia.JPG 2600w, images/WICS_holdtopia.JPG 2836w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 2836,
"caption": "Checking out the new hold ranges at the World Indoor Climbing Summit (WICS) at Sofia, Bulgaria",
"height": 1973,
"fileName": "WICS_holdtopia.JPG",
"origFileName": "WICS_holdtopia.JPG",
"url": "images/WICS_holdtopia.JPG",
"_id": "5b1bb8741a995ee8a6fdedfe",
"type": "image",
"fileSize": 1148561
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/FrictionPaint-Samples-2.jpeg" srcset="images/FrictionPaint-Samples-2-p-500.jpeg 500w, images/FrictionPaint-Samples-2.jpeg 1280w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1280,
"caption": "Friction paint sampling is near an end. We've finally gotten a finish that is clear, non-abrasive and containing friction!",
"height": 720,
"fileName": "FrictionPaint Samples 2.jpeg",
"origFileName": "FrictionPaint Samples 2.jpeg",
"url": "images/FrictionPaint-Samples-2.jpeg",
"_id": "5afd32673c4ec3d0f16ff137",
"type": "image",
"fileSize": 112614
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/DrillGun.jpeg" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 914,
"caption": "The Makita drill gun is here!",
"height": 603,
"fileName": "DrillGun.jpeg",
"origFileName": "DrillGun.jpeg",
"url": "images/DrillGun.jpeg",
"_id": "5afd342b551c367813896ebd",
"type": "image",
"fileSize": 90301
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/Wall-Framework.jpeg" srcset="images/Wall-Framework-p-500.jpeg 500w, images/Wall-Framework-p-800.jpeg 800w, images/Wall-Framework.jpeg 960w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 960,
"caption": "Bouldering wall framework.",
"height": 1280,
"fileName": "Wall Framework.jpeg",
"origFileName": "Wall Framework.jpeg",
"url": "images/Wall-Framework.jpeg",
"_id": "5afd3dde551c364efb8974e3",
"type": "image",
"fileSize": 157414
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/Outdoor-Brickwork.jpg" srcset="images/Outdoor-Brickwork-p-500.jpeg 500w, images/Outdoor-Brickwork-p-800.jpeg 800w, images/Outdoor-Brickwork.jpg 1080w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1080,
"caption": "Brickwork being laid down outside for a flat surface near the rope climbing wall.",
"height": 1080,
"fileName": "Outdoor Brickwork.jpg",
"origFileName": "Outdoor Brickwork.jpg",
"url": "images/Outdoor-Brickwork.jpg",
"_id": "5afd3233c94d731ead961564",
"type": "image",
"fileSize": 1617500
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/FrictionPaint-Samples.jpg" srcset="images/FrictionPaint-Samples-p-500.jpeg 500w, images/FrictionPaint-Samples-p-800.jpeg 800w, images/FrictionPaint-Samples.jpg 1080w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1080,
"caption": "First round of sampling different methods for an optimal friction finish",
"height": 1074,
"fileName": "FrictionPaint Samples.jpg",
"origFileName": "FrictionPaint Samples.jpg",
"url": "images/FrictionPaint-Samples.jpg",
"_id": "5afd3227a25e62ca612bba71",
"type": "image",
"fileSize": 150316
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/Mockwall.jpg" srcset="images/Mockwall-p-500.jpeg 500w, images/Mockwall-p-800.jpeg 800w, images/Mockwall.jpg 1080w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1080,
"caption": "Mock wall produced by the construction company in India to test our build quality and different wood types.",
"height": 1350,
"fileName": "Mockwall.jpg",
"origFileName": "Mockwall.jpg",
"url": "images/Mockwall.jpg",
"_id": "5afd322fc94d73c22596155e",
"type": "image",
"fileSize": 181957
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/BoulderBox-Logo-Colors.jpeg" srcset="images/BoulderBox-Logo-Colors-p-1080.jpeg 1080w, images/BoulderBox-Logo-Colors.jpeg 1280w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1280,
"caption": "New colour palates. The BoulderBox resident graphic designer has been busy!",
"height": 464,
"fileName": "BoulderBox Logo Colors.jpeg",
"origFileName": "BoulderBox Logo Colors.jpeg",
"url": "images/BoulderBox-Logo-Colors.jpeg",
"_id": "5afd326a3c4ec31ae06ff139",
"type": "image",
"fileSize": 37862
}
],
"group": "Gallery Lighthouse"
}</script></a><a href="#" class="grid-item w-inline-block w-lightbox"><img src="images/Pre-construction-Site.jpg" srcset="images/Pre-construction-Site-p-500.jpeg 500w, images/Pre-construction-Site-p-800.jpeg 800w, images/Pre-construction-Site.jpg 1080w" sizes="(max-width: 991px) 33vw, 25vw" class="image-9"><script type="application/json" class="w-json">{
"items": [
{
"width": 1080,
"caption": "The BoulderBox site with only floor cut outs for decently tall bouldering.",
"height": 1080,
"fileName": "Pre-construction Site.jpg",
"origFileName": "Pre-construction Site.jpg",
"url": "images/Pre-construction-Site.jpg",
"_id": "5afd3251551c3664e0896a9d",
"type": "image",
"fileSize": 1333638
}
],
"group": "Gallery Lighthouse"
}</script></a></div>
</div>
</div>
<div class="section no-top-padding no-bottom-padding">
<div class="wrapper w-container">
<div class="footer-v4"><a href="#HERO" id="go-to-top-button" class="vertical-scroll-footer w-inline-block"><img src="images/arrow-up-icon.svg"><div class="vertical-scroll-text footer-scroll-text">Go to Top</div></a>
<div class="footer-v4-about"><a href="index.html" class="footer-logo w-nav-brand"><img src="images/Logo_102x15_black.svg" width="204" class="image-8"></a>
<p class="paragraph-small">We are BoulderBox. We pride ourselves on providing a friendly and fun environment for climbing and other movements.</p>
<h5 class="heading pink-text">Hours</h5>
<p class="paragraph-small">Weekdays: 8am - 10pm<br>Weekends: 10am - 8pm (Provisional)</p>
<h5 class="heading pink-text">Location</h5>
<p class="paragraph-small">OCF, Sector-B, Pocket - 9, Vasant Kunj,
<br>New Delhi, 110070</p>
<h5 class="heading pink-text">Phone</h5>
<p class="paragraph-small">xxx - xxx - xxx</p>
</div>
<div class="footer-v2-column">
<h5>Navigation</h5><a href="/#home-centre" class="footer-link">The Centre</a><a href="first-climb.html" class="footer-link">First Climb</a><a href="pricing.html" class="footer-link">Pricing</a><a href="about-us.html" class="footer-link">About Us</a><a href="gallery.html" class="footer-link w--current">Gallery</a><a href="faq.html" class="footer-link">FAQ</a></div>
<div class="footer-v2-column">
<h5>Information</h5><a href="services/courses.html" class="footer-link">Courses</a><a href="the-centre/calendar.html" class="footer-link">Calendar</a><a href="the-centre/rules-and-etiquette.html" class="footer-link">Rules &amp; Etiquette</a><a href="the-centre/careers.html" class="footer-link">Careers</a>
<div class="div-block-2 w-clearfix"><a href="https://twitter.com/AlexHonnold" data-ix="social-icon" target="_blank" class="social-icon-container-footer w-inline-block"><img src="images/twitter-icon.svg" class="social-icon"><img src="images/twitter-icon-color.svg" class="social-icon-hover"></a><a href="https://facebook.com/climbatboulderbox" data-ix="social-icon" target="_blank" class="social-icon-container-footer w-inline-block"><img src="images/facebook-icon.svg" class="social-icon"><img src="images/facebook-icon-color.svg" class="social-icon-hover"></a><a href="https://instagram.com/theboulderbox" data-ix="social-icon" target="_blank" class="social-icon-container-footer w-inline-block"><img src="images/instagram-icon.svg" class="social-icon"><img src="images/instagram-icon-color.svg" class="social-icon-hover"></a><a href="https://www.youtube.com/channel/UC4eDCE38EiM0U9QnuO3_f_A" data-ix="social-icon" target="_blank" class="social-icon-container-footer w-inline-block"><img src="images/youtube-logo.svg" class="social-icon"><img src="images/youtube-logo-red.svg" class="social-icon-hover"></a></div>
</div>
<div class="footer-bottom">
<div>
<div class="footer-bottom-text-left">Created with <span class="heart-icon">lov</span> by <a data-rt-link-type="external" href="about-us.html" class="footer-bottom-link">the BoulderBox team</a></div>
<div class="footer-bottom-text-left">Powered by <a href="https://webflow.com/" target="_blank" class="footer-bottom-link">Webflow</a></div>
</div>
<div><a href="faq.html" class="footer-bottom-link-right">Legal Documents</a></div>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<script data-cfasync="false" type="text/javascript" src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
<script>
$(window).on('load', function(){
$('.grid').masonry({
// options
itemSelector: '.grid-item',
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment