<commit_before><!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Hackerspace</title>

  <!-- Bootstrap Core CSS -->
  <link rel="stylesheet" href="dist/css/style.min.css" type="text/css">

  <!-- Custom Fonts -->
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" type="text/css">


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top">

  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand page-scroll" href="#page-top">Hackerspace</a>
        <a class="navbar-brand" id="status">is currently open</a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a class="page-scroll" href="#about">About</a>
          </li>
          <li>
            <a class="page-scroll" href="#join">Join</a>
          </li>
          <li>
            <a class="page-scroll" href="#portfolio">Activities</a>
          </li>
          <li>
            <a class="page-scroll" href="#how">How</a>
          </li>
          <li>
            <a class="page-scroll" href="#contact">Contact</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>

  <header>
    <div class="header-content">
      <div class="header-content-inner">
        <h1>An open space to meet, learn and share.</h1>
        <hr>
        <p>A 120m<sup>2</sup> space dedicated to creative software and hardware hacking. Tech communities, meetups and individuals they now have their own space in Thessaloniki.</p>
        <a href="#where" class="btn btn-primary btn-xl page-scroll faa-bounce animated  faa-slow">Find Out More</a>
      </div>
    </div>
  </header>

  <aside class="bg-primary" id="where">
    <div class="container text-center call-to-action">
        <h2>Where</h2>
        <i class="fa fa-4x fa-map-marker directions"></i>
        <p class="directions"><br>Ionos Dragoumi 39 - 6th floor <br>Thessaloniki, 546 30, Greece.</p>
      </div>
  </aside>

  <section id="services">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading" id="about">What to do!</h2>
          <hr class="primary">
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-code wow bounceIn text-primary"></i>
            <h3>Learn</h3>
            <p class="text-muted">Stay up to date with interactive weekly presentations and workshops of cutting edge technologies.</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-gears wow bounceIn text-primary" data-wow-delay=".1s"></i>
            <h3>Make</h3>
            <p class="text-muted">A 3D printer, electronics and a fully equipped lab will help you prototype your idea.</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-connectdevelop  wow bounceIn text-primary" data-wow-delay=".2s"></i>
            <h3>Connect</h3>
            <p class="text-muted">Makers, coders, ninjas, engineers and designers meet here. Get in touch with the city's brightest minds.</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
            <h3>Love</h3>
            <p class="text-muted">The space is maintained thanks to our members' and supporters' contributions.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <aside class="bg-primary no-bottom-padding" id="join">
    <div class="container text-center">
      <div class="call-to-action">
        <h2>Become a member</h2>
        <div class="row">
          <p class="text-center col-md-8 col-md-offset-2">Take full advantage of the space's features. Start your own projects, run a presentation, use the avaliable equipment and be part of this amazing tech community.</p>
        </div>
        <div class="row">
          <a href="#" class="btn btn-default btn-xl tada">become a member</a>
        </div>
        <hr class="light">
        <h2>Not ready yet?</h2>
        <p>Check some of the upcoming events, workshops and projects.</p>
        <a class="btn btn-primary btn-lg btn-default page-scroll" href="#portfolio">
          <i class="fa fa-arrow-circle-down fa-3x faa-bounce animated"></i>
        </a>
      </div>
    </div>
  </aside>
  <section class="bg-dark no-padding" id="portfolio">
    <div class="container-fluid">
      <div class="row no-gutter">
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/events" class="portfolio-box">
            <img src="dist/img/portfolio/1.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Upcoming Events
                </div>
                <div class="project-name">
                  NodeJS meetup at 28/1
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/events" class="portfolio-box">
            <img src="dist/img/portfolio/2.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Workshops
                </div>
                <div class="project-name">
                  Build your first web application
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/projects" class="portfolio-box">
            <img src="dist/img/portfolio/3.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Projects
                </div>
                <div class="project-name">
                  Home Automation
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/projects" class="portfolio-box">
            <img src="dist/img/portfolio/4.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Projects
                </div>
                <div class="project-name">
                  Quadcopter
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/events" class="portfolio-box">
            <img src="dist/img/portfolio/5.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Workshops
                </div>
                <div class="project-name">
                  Web Development part 2
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/projects" class="portfolio-box">
            <img src="dist/img/portfolio/6.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Projects
                </div>
                <div class="project-name">
                  WebVR
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>

  <aside class="bg-dark" id="how">
    <div class="container text-center">
      <div class="call-to-action">
        <h2>How?</h2>
        <hr class="light">
      </div>
      <div class="col-lg-5">
        <p id="budget-head">Budget</p>
        <p id="budget-desc">The space is maintained thanks to our members subscriptions and our supporters financial contributions.</p>
        <div class="progress">
          <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%">

          </div>
        </div>
        <p>Current status: 1.100 / 8.000</p>
      </div>
      <div class="col-lg-5 col-lg-push-2">
        <p>Top three supporters</p>
        <table class="table table-condensed text-left">
          <thead>
            <tr>
              <th>Name</th>
              <th>Date</th>
              <th>Donated</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>NodeJS meetup</td>
              <td>15/1/2016</td>
              <td>the 10% of the rent</td>
            </tr>
            <tr>
              <td>#Shesharp</td>
              <td>01/12/2015</td>
              <td>22% of a new 3D printer</td>
            </tr>
            <tr>
              <td><NAME></td>
              <td>20/11/2015</td>
              <td>3 TV monitors</td>
            </tr>
          </tbody>
        </table>
      </div>
      <a href="#" class="btn btn-primary btn-xl tada" data-toggle="modal" data-target="#donate">Make a donation</a>
    </div>
  </aside>

  <div class="modal fade" id="donate" tabindex="-1" role="dialog" aria-labelledby="donate">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="myModalLabel">Make a donation</h4>
        </div>
        <div class="modal-body text-left">
          <ul>
            <li>
              <p>You can make a financial donation directly through paypal:</p>
              <div class="text-center">
                <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                  <input type="hidden" name="cmd" value="_s-xclick">
                  <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
                  <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                  <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                </form>
              </div>
            </li>
            <br>
            <li>
              <p>For tools or equipment, please fill your contact details in the relevant form and we will get back to you with further details</p>
            </li>
          </ul>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal" href="#contact">Close</button>
        </div>
      </div>
    </div>
  </div>
  <section id="contact">
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <h2 class="section-heading">Be part of it!</h2>
          <hr class="primary">
          <div id="mc_embed_signup_scroll">
            <input placeholder="Enter your full name..." value="" name="MERGE1" class="col-md-4 col-xs-12 col-md-push-1 required form-control type1" id="mce-NAME" type="text">
            <input placeholder="Enter your email..." value="" name="EMAIL" class="col-md-4 col-md-push-1 col-xs-12 required form-control type2" id="mce-EMAIL" type="email">
            <button class="btn btn-success col-md-1 col-md-push-1 col-xs-4 col-xs-push-4" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" data-complete-text="Woot!" data-loading-text="...">Go</button>
          </div>
        </div>
      </div>
      <br/>
      <div class="col-md-3 text-center">
        <i class="fa fa-phone fa-3x wow bounceIn"></i>
        <p><a href="tel:+302315551918" target="_blank">0030 231 555 1918</a></p>
      </div>
      <div class="col-md-3 text-center">
        <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
        <p><a href="mailto:<EMAIL>" target="_blank"><EMAIL></a></p>
      </div>
      <div class="col-md-3 text-center">
        <i class="fa fa-twitter fa-3x wow bounceIn" data-wow-delay=".1s"></i>
        <p><a href="https://twitter.com/thetechministry" target="_blank">#thetechministry</a></p>
      </div>
      <div class="col-md-3 text-center">
        <i class="fa fa-facebook-official fa-3x wow bounceIn" data-wow-delay=".1s"></i>
        <p><a href="https://www.facebook.com/thetechministry" target="_blank">#Techministry</a></p>
      </div>
    </div>
  </section>
  <footer class="footer">
      <div class="container" id="footer">
        <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" class="col-md-4 text-muted">Creative Commons Attribution-ShareAlike</a>
        <div class="col-md-4 col-md-push-4">
          <p class="col-md-4"><a class="text-muted" href="#">Our values </a></p>
          <p class="col-md-2"><a class="text-muted" href="#">FAQ </a></p>
          <p class="col-md-6"><a class="text-muted" href="#">Source Code </a></p>
        </div>
      </div>
    </footer>

  <!-- jQuery -->
  <script src="src/js/jquery.js"></script>

  <!-- Bootstrap Core JavaScript -->
  <script src="src/js/bootstrap.min.js"></script>
  <script src="src/js/jquery.visible.js"></script>

  <!-- Plugin JavaScript -->
  <script src="src/js/jquery.easing.min.js"></script>
  <script src="src/js/jquery.fittext.js"></script>
  <script src="src/js/wow.min.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="src/js/creative.js"></script>

</body>

</html>
<commit_msg>Change where color<commit_after><!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Hackerspace</title>

  <!-- Bootstrap Core CSS -->
  <link rel="stylesheet" href="dist/css/style.min.css" type="text/css">

  <!-- Custom Fonts -->
  <link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css">
  <link href="http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="src/font-awesome/css/font-awesome.min.css" type="text/css">


  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top">

  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand page-scroll" href="#page-top">Hackerspace</a>
        <a class="navbar-brand" id="status">is currently open</a>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a class="page-scroll" href="#about">About</a>
          </li>
          <li>
            <a class="page-scroll" href="#join">Join</a>
          </li>
          <li>
            <a class="page-scroll" href="#portfolio">Activities</a>
          </li>
          <li>
            <a class="page-scroll" href="#how">How</a>
          </li>
          <li>
            <a class="page-scroll" href="#contact">Contact</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>

  <header>
    <div class="header-content">
      <div class="header-content-inner">
        <h1>An open space to meet, learn and share.</h1>
        <hr>
        <p>A 120m<sup>2</sup> space dedicated to creative software and hardware hacking. Tech communities, meetups and individuals they now have their own space in Thessaloniki.</p>
        <a href="#where" class="btn btn-primary btn-xl page-scroll faa-bounce animated  faa-slow">Find Out More</a>
      </div>
    </div>
  </header>

  <aside class="bg-dark" id="where">
    <div class="container text-center call-to-action">
        <h2>Where</h2>
        <i class="fa fa-4x fa-map-marker directions"></i>
        <p class="directions"><br>Ionos Dragoumi 39 - 6th floor <br>Thessaloniki, 546 30, Greece.</p>
      </div>
  </aside>

  <section id="services">
    <div class="container">
      <div class="row">
        <div class="col-lg-12 text-center">
          <h2 class="section-heading" id="about">What to do!</h2>
          <hr class="primary">
        </div>
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-code wow bounceIn text-primary"></i>
            <h3>Learn</h3>
            <p class="text-muted">Stay up to date with interactive weekly presentations and workshops of cutting edge technologies.</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-gears wow bounceIn text-primary" data-wow-delay=".1s"></i>
            <h3>Make</h3>
            <p class="text-muted">A 3D printer, electronics and a fully equipped lab will help you prototype your idea.</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-connectdevelop  wow bounceIn text-primary" data-wow-delay=".2s"></i>
            <h3>Connect</h3>
            <p class="text-muted">Makers, coders, ninjas, engineers and designers meet here. Get in touch with the city's brightest minds.</p>
          </div>
        </div>
        <div class="col-lg-3 col-md-6 text-center">
          <div class="service-box">
            <i class="fa fa-4x fa-heart wow bounceIn text-primary" data-wow-delay=".3s"></i>
            <h3>Love</h3>
            <p class="text-muted">The space is maintained thanks to our members' and supporters' contributions.</p>
          </div>
        </div>
      </div>
    </div>
  </section>

  <aside class="bg-primary no-bottom-padding" id="join">
    <div class="container text-center">
      <div class="call-to-action">
        <h2>Become a member</h2>
        <div class="row">
          <p class="text-center col-md-8 col-md-offset-2">Take full advantage of the space's features. Start your own projects, run a presentation, use the avaliable equipment and be part of this amazing tech community.</p>
        </div>
        <div class="row">
          <a href="#" class="btn btn-default btn-xl tada">become a member</a>
        </div>
        <hr class="light">
        <h2>Not ready yet?</h2>
        <p>Check some of the upcoming events, workshops and projects.</p>
        <a class="btn btn-primary btn-lg btn-default page-scroll" href="#portfolio">
          <i class="fa fa-arrow-circle-down fa-3x faa-bounce animated"></i>
        </a>
      </div>
    </div>
  </aside>
  <section class="bg-dark no-padding" id="portfolio">
    <div class="container-fluid">
      <div class="row no-gutter">
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/events" class="portfolio-box">
            <img src="dist/img/portfolio/1.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Upcoming Events
                </div>
                <div class="project-name">
                  NodeJS meetup at 28/1
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/events" class="portfolio-box">
            <img src="dist/img/portfolio/2.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Workshops
                </div>
                <div class="project-name">
                  Build your first web application
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/projects" class="portfolio-box">
            <img src="dist/img/portfolio/3.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Projects
                </div>
                <div class="project-name">
                  Home Automation
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/projects" class="portfolio-box">
            <img src="dist/img/portfolio/4.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Projects
                </div>
                <div class="project-name">
                  Quadcopter
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/events" class="portfolio-box">
            <img src="dist/img/portfolio/5.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Workshops
                </div>
                <div class="project-name">
                  Web Development part 2
                </div>
              </div>
            </div>
          </a>
        </div>
        <div class="col-lg-4 col-sm-6">
          <a href="http://discourse.techministry.gr/c/projects" class="portfolio-box">
            <img src="dist/img/portfolio/6.jpg" class="img-responsive" alt="">
            <div class="portfolio-box-caption">
              <div class="portfolio-box-caption-content">
                <div class="project-category text-faded">
                  Projects
                </div>
                <div class="project-name">
                  WebVR
                </div>
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </section>

  <aside class="bg-dark" id="how">
    <div class="container text-center">
      <div class="call-to-action">
        <h2>How?</h2>
        <hr class="light">
      </div>
      <div class="col-lg-5">
        <p id="budget-head">Budget</p>
        <p id="budget-desc">The space is maintained thanks to our members subscriptions and our supporters financial contributions.</p>
        <div class="progress">
          <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width:0%">

          </div>
        </div>
        <p>Current status: 1.100 / 8.000</p>
      </div>
      <div class="col-lg-5 col-lg-push-2">
        <p>Top three supporters</p>
        <table class="table table-condensed text-left">
          <thead>
            <tr>
              <th>Name</th>
              <th>Date</th>
              <th>Donated</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>NodeJS meetup</td>
              <td>15/1/2016</td>
              <td>the 10% of the rent</td>
            </tr>
            <tr>
              <td>#Shesharp</td>
              <td>01/12/2015</td>
              <td>22% of a new 3D printer</td>
            </tr>
            <tr>
              <td><NAME></td>
              <td>20/11/2015</td>
              <td>3 TV monitors</td>
            </tr>
          </tbody>
        </table>
      </div>
      <a href="#" class="btn btn-primary btn-xl tada" data-toggle="modal" data-target="#donate">Make a donation</a>
    </div>
  </aside>

  <div class="modal fade" id="donate" tabindex="-1" role="dialog" aria-labelledby="donate">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
          <h4 class="modal-title" id="myModalLabel">Make a donation</h4>
        </div>
        <div class="modal-body text-left">
          <ul>
            <li>
              <p>You can make a financial donation directly through paypal:</p>
              <div class="text-center">
                <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
                  <input type="hidden" name="cmd" value="_s-xclick">
                  <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----">
                  <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                  <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                </form>
              </div>
            </li>
            <br>
            <li>
              <p>For tools or equipment, please fill your contact details in the relevant form and we will get back to you with further details</p>
            </li>
          </ul>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-primary" data-dismiss="modal" href="#contact">Close</button>
        </div>
      </div>
    </div>
  </div>
  <section id="contact">
    <div class="container">
      <div class="row">
        <div class="col-md-12 text-center">
          <h2 class="section-heading">Be part of it!</h2>
          <hr class="primary">
          <div id="mc_embed_signup_scroll">
            <input placeholder="Enter your full name..." value="" name="MERGE1" class="col-md-4 col-xs-12 col-md-push-1 required form-control type1" id="mce-NAME" type="text">
            <input placeholder="Enter your email..." value="" name="EMAIL" class="col-md-4 col-md-push-1 col-xs-12 required form-control type2" id="mce-EMAIL" type="email">
            <button class="btn btn-success col-md-1 col-md-push-1 col-xs-4 col-xs-push-4" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" data-complete-text="Woot!" data-loading-text="...">Go</button>
          </div>
        </div>
      </div>
      <br/>
      <div class="col-md-3 text-center">
        <i class="fa fa-phone fa-3x wow bounceIn"></i>
        <p><a href="tel:+302315551918" target="_blank">0030 231 555 1918</a></p>
      </div>
      <div class="col-md-3 text-center">
        <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
        <p><a href="mailto:<EMAIL>" target="_blank"><EMAIL></a></p>
      </div>
      <div class="col-md-3 text-center">
        <i class="fa fa-twitter fa-3x wow bounceIn" data-wow-delay=".1s"></i>
        <p><a href="https://twitter.com/thetechministry" target="_blank">#thetechministry</a></p>
      </div>
      <div class="col-md-3 text-center">
        <i class="fa fa-facebook-official fa-3x wow bounceIn" data-wow-delay=".1s"></i>
        <p><a href="https://www.facebook.com/thetechministry" target="_blank">#Techministry</a></p>
      </div>
    </div>
  </section>
  <footer class="footer">
      <div class="container" id="footer">
        <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank" class="col-md-4 text-muted">Creative Commons Attribution-ShareAlike</a>
        <div class="col-md-4 col-md-push-4">
          <p class="col-md-4"><a class="text-muted" href="#">Our values </a></p>
          <p class="col-md-2"><a class="text-muted" href="#">FAQ </a></p>
          <p class="col-md-6"><a class="text-muted" href="#">Source Code </a></p>
        </div>
      </div>
    </footer>

  <!-- jQuery -->
  <script src="src/js/jquery.js"></script>

  <!-- Bootstrap Core JavaScript -->
  <script src="src/js/bootstrap.min.js"></script>
  <script src="src/js/jquery.visible.js"></script>

  <!-- Plugin JavaScript -->
  <script src="src/js/jquery.easing.min.js"></script>
  <script src="src/js/jquery.fittext.js"></script>
  <script src="src/js/wow.min.js"></script>

  <!-- Custom Theme JavaScript -->
  <script src="src/js/creative.js"></script>

</body>

</html>

{'fraction_non_alphanumeric': 0.15270802959123062, 'fraction_numerical': 0.027647281170689562, 'mean_word_length': 2.4768609781282267, 'pattern_counts': {'":': 0, '<': 927, '<?xml version=': 0, '>': 927, 'https://': 14, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3766695', 'n_tokens_mistral': 14433, 'n_tokens_neox': 13538, 'n_words': 2166}