<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>PIONEERS | Band</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">
        <link rel="icon" type="image/png" sizes="192x192"  href="android-icon-192x192.png">
        <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
        <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
        <link rel="manifest" href="manifest.json">
        <meta name="msapplication-TileColor" content="#ffffff">
        <meta name="msapplication-TileImage" content="ms-icon-144x144.png">
        <meta name="theme-color" content="#ffffff">
        <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700" rel="stylesheet">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>

        <!-- Google Tag Manager -->
        <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=
        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
        })(window,document,'script','dataLayer','GTM-W57ZMQ');</script>
        <!-- End Google Tag Manager -->
    </head>
    <body>
            <!-- Google Tag Manager (noscript) -->
        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W57ZMQ"
        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
        <!-- End Google Tag Manager (noscript) -->
        <main >
            <h1 class=""><img src="img/logo.svg" alt="Image: Pioneers" /></h1>
            <div class="segmenter sky" style="background-image: url(img/sky.jpg)"></div>
            <div id="particles-js"></div>

            <div class="content-wrapper">  
                
                <img src="img/silhouette.png" alt="Image: Silhouette" class="silhouette" />

                <nav>
                    <ul class="nav">
                        <li><a href="/" class="icon"></a></li>
                        <li><a href="#bio" class="item">Bio</a></li>
                        <li><a href="#images" class="item">Images</a></li>
                        <li><a href="#music" class="item">Music</a></li>
                        <li><a href="#live" class="item">Live</a></li>
                        <li><a href="#press" class="item">Press</a></li>
                        <li><a href="#contact" class="item">Contact</a></li>
                    </ul>
                </nav>

                <div class="content-sections">

                    <section id="bio" class="content animate-fade-in">
                        <div class="content-inner">
                            <h2>Bio</h2>
                            <p class="lead">&quot;Keep your eyes fixed upon the sky&quot;</p>
                            <p>5 non-millennials from the North, reminiscence of 80's guitar bands along with punk and post-rock influences.
                            <p>Formed in a pre-Trump world from a mutual discontent in the mundane, they went to work twisting words and sounds to great effect.</p>
                            <p>They continue to aspire to create and to perform.</p>
                        </div>
                    </section>

                    <section id="images" class="content animate-fade-in">
                        <div class="content-inner">
                            <h2>Images</h2>
                        </div>

                        <ul class="image-list clearfix">
                            <li>
                                <img src="img/content/formaldehyde.jpg" alt="Image: Formaldehyde Art" />
                            </li>
                            <li>
                                <img src="img/content/ships.jpg" alt="Image: Ships Art" />
                            </li>
                            <li>
                                <img src="img/content/stones.jpg" alt="Image: Stones Art" />
                            </li>
                        </ul>
                        <ul class="image-list clearfix">
                            <li>
                                <img src="img/content/vultures.jpg" alt="Image: Vultures Art" />
                            </li>
                            <li>
                                <img src="img/content/pioneers.jpg" alt="Image: Pioneers Art" />
                            </li>
                            <li>
                                <img src="img/content/gone.jpg" alt="Image: Gone Art" />
                            </li>
                        </ul> 

                        <ul class="image-list clearfix">
                            <li>
                                <img src="img/content/lost-minds.jpg" alt="Image: Lost Minds Art" />
                            </li>
                            <li>
                                <img src="img/content/satellites.jpg" alt="Image: Satellites Art" />
                            </li>
                            <li>
                                <img src="img/content/risks.jpg" alt="Image: Risks Art" />
                            </li>
                        </ul>  
                    </section>

                    <section id="music" class="content animate-fade-in">
                        <div class="content-inner">
                            <h2>Music</h2>
                            <div class="grid clearfix">
                                <div class="col one-third col-content">
                                    <p class="lead">&quot;It's what we know, so we keep it alive&quot;</p>
                                    <p>Checkout our tracks from our self-title demo.</p>
                                    <p>More songs coming soon.</p>
                                </div>
                                <div class="col two-thirds">
                                    <iframe width="100%" height="450" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/users/243586123&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false"></iframe>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section id="live" class="content animate-fade-in">
                        <div class="content-inner">
                            <h2>Live</h2>
                            <ul class="show-list">
                                <li><a class="complete">03/12/2016 - The Telegraph, Newcastle</a></li>
                                <li><a class="complete">11/03/2017 - Head of Steam, Newcastle</a></li>
                                <li><a class="complete">01/07/2017 - THINK TANK, Newcastle</a></li>
                                <li><a class="link" href="https://www.musicglue.com/heartrock-live/events/2018-03-02-pioneers-plus-tino-johnson-plus-lava-frog-plus-kelly-philipson-head-of-steam" target="_blank">02/03/2018 - Head of Steam, Newcastle</a></li>
                            </ul>
                        </div>
                    </section>

                    <section id="press" class="content animate-fade-in">
                        <div class="content-inner">
                            <h2>Press</h2>
                            <p class="lead">"They’re brilliant and I’m probably going to cry. My new favourite band.</p>
                            <p>Nick Wesson, NARC Magazine</p>

                            <hr>

                            <p class="lead">"Great sound, very professional attitude and an absolute pleasure to work with."</p>
                            <p>Jack Bowden, Heart Rock LIVE </p>
                        </div>
                    </section>

                    <section id="contact" class="content animate-fade-in">
                        <div class="content-inner">
                            <h2>Contact</h2>
                            <p>Contact us:</p> 
                            <a href="mailto:pioneerspleaseyourears@gmail.com" title="Email: Pioneers" target="_blank" class="cta">Get in touch</a> 
                            <p>Follows us:
                            </p>
                            <ul class="social">
                                <li>
                                    <a href="https://soundcloud.com/pioneers-music/" title="Visit: SoundCloud" target="_blank">
                                        <i class="fa fa-soundcloud" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://twitter.com/pioneers_band" title="Visit: Twitter" target="_blank">
                                        <i class="fa fa-twitter" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.facebook.com/pioneerspleaseyourears/" title="Visit: Facebook" target="_blank">
                                        <i class="fa fa-facebook" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="https://www.instagram.com/pioneers_band/" title="Visit: Instagram" target="_blank">
                                        <i class="fa fa-instagram" aria-hidden="true"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="mailto:pioneerspleaseyourears@gmail.com" title="Email: Pioneers" target="_blank">
                                        <i class="fa fa-at" aria-hidden="true"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </section>
                </div>
            </div>
        </main>

        <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
        <!--<script src="js/particles.min.js"></script>-->
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/anime.min.js"></script>
        <script src="js/imagesloaded.pkgd.min.js"></script>
        <script src="js/segmenter.js"></script>
        
    </body>
</html>
