index.html


<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title>The Swift Alps</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/line-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/elegant-icons.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/theme.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
        <!--[if gte IE 9]>
            <link rel="stylesheet" type="text/css" href="css/ie9.css" />
        <![endif]-->
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700%7CRaleway:700' rel='stylesheet' type='text/css'>
        <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>

        <!-- place this in the head of your document -->
        <script src="https://js.tito.io/v1" async></script>
    </head>
    <body>
        <div class="loader">
            <div class="spinner">
              <div class="double-bounce1"></div>
              <div class="double-bounce2"></div>
            </div>
        </div>

        <div class="nav-container">
            <nav class="top-bar overlay-bar">
                <div class="container">

                    <div class="row nav-menu">
                        <div class="col-sm-3 col-md-2 columns">
                        </div>

                        <div class="col-sm-9 col-md-10 columns">
                            <ul class="menu">
                                <li><a href="#event">The Event</a></li>
                                <li><a href="#concept">Concept</a></li>
                                <li><a href="#mentors">Mentors</a></li>
                                <li><a href="#venue">Venue</a></li>
                                <li><a href="#tickets">Tickets</a></li>
                            </ul>

                            <ul class="social-icons text-right">
                                <li>
                                    <a href="https://twitter.com/swiftalps">
                                        <i class="icon social_twitter"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div><!--end of row-->

                    <div class="mobile-toggle">
                        <i class="icon icon_menu"></i>
                    </div>

                </div><!--end of container-->
            </nav>
        </div>

        <div class="main-container">
            <header class="page-header">
                <div class="background-image-holder parallax-background">
                    <img class="background-image" alt="Background Image" src="img/hero.jpg">
                </div>

                <div class="container">
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <img alt="logo" class="logo" src="img/logo.png">
                            <h1 class="text-white space-bottom-medium">An experimental event taking place in the Swiss Alps.<br/><br/>
                            28 and 29 November 2019</h1>
                            <tito-button event="swissmobiclub/the-swift-alps-2019" class="btn btn-white btn-lg">GET A TICKET</tito-button>
                        </div>
                    </div>
                </div>
            </header>

            <section class="duplicatable-content" id="event">

                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <h1>What is the reason to experiment in the conference space?</h1>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="feature feature-icon-large">
                                <div class="pull-left">
                                    <i class="icon icon-toolbox"></i>
                                </div>
                                <div class="pull-right">
                                    <h5>Back to Routine</h5>
                                    <p>
                                        After the conference has ended, it is very common to get back to the office, fire the code editor, try some new stuff and… just forget about it after a week.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="feature feature-icon-large">
                                <div class="pull-left">
                                    <i class="icon icon-genius"></i>
                                </div>
                                <div class="pull-right">
                                    <h5>No Collaboration</h5>
                                    <p>
                                        We usually collaborate only with our co-workers and rarely, with people we don’t know personally over an Open Source project, but still, most of the time is just us and the code.
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="feature feature-icon-large">
                                <div class="pull-left">
                                    <i class="icon icon-telescope"></i>
                                </div>
                                <div class="pull-right">
                                    <h5>No Learning Process</h5>
                                    <p>
                                        Learning is a complicated process, we go through many steps while learning something. The current conference model makes learning hard, listening to somebody on a stage
                                    </p>
                                </div>
                            </div>
                        </div>

                        <div class="col-sm-6">
                            <div class="feature feature-icon-large">
                                <div class="pull-left">
                                    <i class="icon icon-chat"></i>
                                </div>
                                <div class="pull-right">
                                    <h5>No Socialization</h5>
                                    <p>
                                        Socializing is an important part of a conference, for some people is the main reason to go to a conference, but the chances to socialize are limited to breaks and after-party.
                                    </p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>

            </section>

            <section class="pure-text-centered" id="concept">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2 text-center">
                            <span class="sub alt-font">We want a new...</span>
                            <h1><strong>Format</strong></h1>
                            <p class="lead">
                                The format has been developed by many people, collaborating in a single document, trying to get the best of other formats like hackathons and un-conferences.
                            </p>
                            <h1>Intro</h1>
                            <p class="lead">
                                The introduction is going to be a 5–7 minutes presentation from the mentors about a topic to run experiments, every attendee can then understand what the group is about and later join it for experiments.
                            </p>
                            <h1>Experimenting</h1>
                            <p class="lead">
                                Every mentor is going to have a group of people, experimenting on the topic they prepared, maybe with a final goal in mind, but they might also be totally open. All the attendees are going to work with other people they probably never worked with, exchanging knowledge while normalizing the struggle. We’ll shake things up regularly and have 3–4 sessions with each others.
                            </p>
                            <h1>Broadcasting</h1>
                            <p class="lead">
                                Hacking is important, broadcasting knowledge even more. One mentor is going to be dedicated to help attendees interested in presenting what they have done during the day to all the other attendees in a fire-talk, a 5 minutes technical presentation about a topic, which are going to take place at the end of day.
                            </p>
                            <h3>Read more on <a href="https://medium.com/@swiftalps/the-concept-behind-the-swift-alps-5b07e04c7ed1#.490lu02oz">Medium</a>.</h3>
                        </div>
                    </div>

                    </div>
                </div>
            </section>

             <section class="strip" id="mentors">
                <div class="container">
                	<div class="row clearfix">
                		<h1 class="text-center">Mentors</h1>
                        <div class="row space-bottom-large">
                            <div class="col-sm-3">
                                <div class="team-1-member">
                                    <img height="120px" width="120px" alt="Adam Bell" src="img/adam.jpg" class="img-circle">
                                    <h4><a href="https://twitter.com/b3ll" target="_blank"><strong>Adam Bell</strong></a></h4>
                                    <p class="space-top-small" style="height:10px;">
                                        iOS Engineer<br/><strong>TBA</strong>
                                    </p>
                                </div><!--end of team member-->
                            </div>
                            <div class="col-sm-3">
                                <div class="team-1-member">
                                    <img height="120px" width="120px" alt="Bas Thomas Broek" src="img/bas.jpg" class="img-circle">
                                    <h4><a href="https://twitter.com/basthomas" target="_blank"><strong>Bas Thomas Broek</strong></a></h4>
                                    <p class="space-top-small" style="height:10px;">
                                        iOS & Tooling Developer<br><strong>TBA</strong>
                                    </p>
                                </div><!--end of team member-->
                            </div>
                            <div class="col-sm-3">
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="map" id="venue">
                <div class="map-holder">
                    <iframe src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJCcvPQjbgjkcR6Z2KjVXInrQ&key=AIzaSyClHOhtWM0zaWaE6mCzGmgLa398KXgh27U"></iframe>
                </div>
            </section>

            <section class="contact-thirds">
                <div class="container">
                    <div class="row">
                            <div class="col-sm-12 text-center">
                                <h1>How to reach the venue</h1>
                            </div>
                    </div><!--end of row-->

                    <div class="row">
                        <div class="col-sm-4">
                            <h5>From Geneva Airport</h5>
                            <p>
                                From the Geneva Airport the easiest way is to take the train from the airport to Sierre.
                                Once in Sierre, there's a cablecar connecting the station to Crans-Montana.
                            </p>

                            <p>
                                If you get your tickets in advance, you might save some money or, as alternative, SBB is offering some options as the <a href="https://www.sbb.ch/en/travelcards-and-tickets/tickets-for-switzerland/1-day-travelpass/1-day-travelpass-for-the-half-fare-travelcard.html">day pass</a>.
                            </p>
                            <hr>
                            <h5>By car</h5>
                            <p>
                                The easiest way to reach the venue by car is to reach the A9 highway and take the exit to Sion.
                            </p>

                            <p>
                                From Sion to Crans-Montana indications are very clear, the journey is around 15-20 minutes.
                            </p>
                        </div>

                        <div class="col-sm-4">
                            <h5>Hotel</h5>
                            <p>
                                For your stay we recommend the following hotels:
                                <ul>
                                    <li>Hotel Le Green</li>
                                    <li>Hotel Sport Palace</li>
                                    <li>Les Petits Mélèzes</li>
                                </ul>
                                <br/>
                                As alternative, multiple apartments and chalets are available on <a href="https://www.interhome.ch/en/" target="_blank">InterHome</a>.
                            </p>
                            <hr>
                            <h5>Social Day</h5>
                            <p>
                                On Saturday, some social activities are planned, so consider staying with us to enjoy a nice day all together.
                            </p>
                        </div>

                        <div class="col-sm-4 text-center">
                            <h5>Details</h5>
                            <p class="lead">
                                <b>Centre de Congrès le Régent</b><br>
                                Route des Mélèzes 28<br>
                                CH-3963 Crans-Montana<br>
                                Switzerland
                            </p>
                        </div>
                    </div><!--end of row-->
                </div><!--end of container-->
            </section>

            <section class="strip bg-secondary-1" id="tickets">
                <div class="container">
                    <div class="row clearfix">
                        <div class="row space-bottom-large">
                            <div class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 text-center">
                                <!-- <h1 class="text-white">Get your ticket now!</h1> -->
                                <h2 class="text-white">We have a <a href="http://confcodeofconduct.com" target="_blank">Code of Conduct</a>, so when you purchase a ticket you agree with it. Please read it carefully before proceeding with the checkout.</h2>
                                <br/>
                                <p class="text-white">Ticket includes: lunch and snacks for the 2 days, access to the event and cocktail night.</p>
                                <br/>
                                <tito-button event="swissmobiclub/the-swift-alps-2019" class="btn btn-white btn-lg">GET A TICKET</tito-button>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <section class="strip bg-white" id="contact">
                <div class="container">
                    <div class="row clearfix">
                        <div class="col-sm-3 col-xs-12 pull-left">
                            <a href="mailto:info@swissmobidevs.org" class="btn btn-primary btn-grey">Contact Us</a>
                        </div>

                        <div class="col-sm-4 col-xs-12 pull-right text-right">
                            <ul class="social-icons">
                                <li>
                                    <a href="https://twitter.com/swiftalps">
                                        <i class="icon social_twitter"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </section>
        </div>

        <div class="footer-container">

            <footer class="short bg-secondary-1">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-10">
                            <span class="sub">© Copright 2019 Swiss Mobile Club</span>
                        </div>

                        <div class="col-sm-2 text-right">
                        </div>
                    </div><!--end of row-->
                </div><!--end of container-->
            </footer>
        </div>

        <script src="https://www.youtube.com/iframe_api"></script>
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.plugin.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.flexslider-min.js"></script>
        <script src="js/smooth-scroll.min.js"></script>
        <script src="js/skrollr.min.js"></script>
        <script src="js/spectragram.min.js"></script>
        <script src="js/scrollReveal.min.js"></script>
        <script src="js/isotope.min.js"></script>
        <script src="js/twitterFetcher_v10_min.js"></script>
        <script src="js/lightbox.min.js"></script>
        <script src="js/jquery.countdown.min.js"></script>
        <script src="js/scripts.js"></script>

        <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', 'https://www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-77025921-1', 'auto');
            ga('send', 'pageview');
        </script>

        <!-- Google Tag Manager -->
        <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-TVLHBC"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
        '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-TVLHBC');</script>
        <!-- End Google Tag Manager -->

        <!-- Twitter universal website tag code -->
        <script>
        !function(e,n,u,a){e.twq||(a=e.twq=function(){a.exe?a.exe.apply(a,arguments):
        a.queue.push(arguments);},a.version='1',a.queue=[],t=n.createElement(u),
        t.async=!0,t.src='//static.ads-twitter.com/uwt.js',s=n.getElementsByTagName(u)[0],
        s.parentNode.insertBefore(t,s))}(window,document,'script');
        // Insert Twitter Pixel ID and Standard Event data below
        twq('init','nvh60');
        twq('track','PageView');
        </script>
        <!-- End Twitter universal website tag code -->

    </body>
</html>