index.html

<!DOCTYPE html>
 <html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Hack Together LDN - London hackday</title>
   <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
   <link href="http://netdna.bootstrapcdn.com/bootswatch/3.3.5/united/bootstrap.min.css" rel="stylesheet">
   <link href="css/hackthetower.css" rel="stylesheet">

 </head>
 <body>

 <div class="container">

   <h1 id="website-title">Hack Together LDN <small>- London hackday</small></h1>
   <div class="jumbotron jumbotron-jr0cket">
     <div class="pull-left">
       <img id="hack-the-tower-logo" src="images/hack-the-tower-logo.png">
     </div>
     <div class="pull-right">
       <img id="heron-tower-img" src="images/heron-tower-city-wide-shot-small.png">
     </div><!-- .pull-right-->
     <p>
       A hack day for developers to work on projects together, build new apps or just discover how to get the most out of all the new shiny technology out there. There are no rules or prizes to distract you, except the infinitely valuable prize of knowledge, experience and fun.</p>
   </div><!-- .jumbotron -->



   <div class="row"> <!-- company sponsorship -->
      <div class="col-sm-10 col-sm-offset-1">
        <div class="alert alert-info">
          <div class="pull-left">
             <a href="http://hackthetower.co.uk" target="_blank" height="32px"><img id="hackthetower-img" src=""></a>
          </div>
          <h4>Sponsor Hack Together LDN</h4>
          <p>Reach out to the London developer community by sponsoring the Hack Together event.</p>
          <p>Sponsoring is a great way to find pationate developers and share with them career opportunities or services your company offers.</p>
        </div>
      </div>


 <div class="row"> <!-- Event details section -->
   <div class="col-md-3"> <!-- Sign up -->
     <h2>Sign up</h2>
     <p>The next event is <strong>waiting for a new host</strong>.  We will announce the next meeting in the following meetup groups:</p>
     <p><a class="btn btn-lg btn-danger" href="https://www.meetup.com/London-Clojurians/" target="_blank">London Clojurians</a></p>
     <p><a class="btn btn-lg btn-danger" href="https://www.meetup.com/london-scala/" target="_blank">London Scala user group</a></p>
     <p><a class="btn btn-lg btn-danger" href="https://www.meetup.com/Londonjavacommunity/" target="_blank">London Java Community</a></p>
     <!--
          <p><a class="btn btn-lg btn-danger" href="https://docs.google.com/forms/d/1eyoDjM2N7EhewLWOCLIl5qlvV7xf5bBjXFT3j9xlBAE/viewform" target="_blank">Google Doc Simple Form</a></p>
        -->
     <p><strong>Percentage of sign-ups</strong></p>
     <div class="progress">
       <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
         0%
       </div> <!-- .progress bar -->
     </div> <!-- .progress -->

   </div><!-- sign up -->

   <div class="col-md-3"> <!-- agenda -->
     <h2>Rough agenda</h2>
      <p>The structure of the day is pretty open and follows this rough schedule:</p>
      <dl>
        <dt>10.00</dt><dd>Doors open</dd>
        <dt>10.30</dt><dd>Share project ideas or technology you want to try</dd>
        <dt>10.45</dt><dd>Team up and get going</dd>
        <dt>13.00</dt><dd>Lunch time (provided by <a href="http://developers.salesforce.com">Salesforce</a>)</dd>
        <dt>13.30</dt><dd>Keep on hacking...</dd>
        <dt>16.00</dt><dd>[Optional] Show off projects</dd>
      </dl>
      <p>Finally head to the pub or back home to feed <a href="images/kittens-snuggled.png">the kittens</a></p>
   </div><!-- agenda -->

   <div class="col-md-3"> <!-- Venue -->
     <h2>Venue Details</h2>
      <p>The event is hosted at their offices of different tech companies across London.</p>

      <p>
<a href="https://maps.google.co.uk/maps?f=q&source=s_q&hl=en&geocode=&q=The+Heron+Tower,+Bishopsgate,+London&aq=0&oq=Heron&sll=52.8382,-2.327815&sspn=10.042741,26.784668&vpsrc=0&ie=UTF8&hq=&hnear=Heron+Tower,+110+Bishopsgate,+London+EC2N+4AY,+United+Kingdom&t=m&z=16&iwloc=A" target="_blank">
Salesforce. Floor 26-29, Salesforce Tower, 110 Bishopsgate, London EC2N 4AY</a></p>

      <div class="Flexible-container">  <!-- Embedded Google Map -->
        <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2482.832814201524!2d-0.08095605!3d51.51628314999999!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48761cb2be26da33%3A0x3314fbb9535c9c90!2sHeron+Tower%2C+110+Bishopsgate!5e0!3m2!1sen!2suk!4v1393185262580" width="600" height="450" frameborder="0" style="border:0">
        </iframe>
      </div>  <!-- Embedded Google Map -->
   </div><!-- venue -->


   <div class="col-md-3"> <!-- Contact -->
     <h2>Contact</h2>
     <p>If you have any queries about the event, either contact the organisers via meetup or tweet your questions to <a href="https://twitter.com/HackTogetherLDN" target="_blank">@HackTogetherLDN</a></p>

     <p>Tweet thanks for hosting this event to <a href="https://twitter.com/SalesforceDevs" target="_blank">@SalesforceDevs</a> and your host <a href="https://twitter.com/jr0cket" target="_blank">@jr0cket</a></p>

     <a class="twitter-timeline" href="https://twitter.com/HackTogetherLDN" data-widget-id="437680261220663296">Tweets by @HackTogetherLDN</a>

   </div><!-- contact -->

  </div><!-- event details grid -->

 </div><!-- .container -->

<!-- JavaScript -->

<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

 </body>
</html>