RvWG main template before modal removal

template-rvwg-01.html

<!-- NAVIGATION BAR STYLE -->
<!-- (c) 2017 Nils Reichert & Felix Pojtinger -->

<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#ff8c00">
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#ff8c00">
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#ff8c00">

<!-- SNOWFLAKES
<style>
html::before {

    content: '';
    position: absolute;
    z-index: 0;
    left: -500px;
    top: -1000px;
    right: 0;
    bottom: 0;
    background: url(https://dl6rt3mwcjzxg.cloudfront.net/assets/snow/snow-medium-0b8a5e0732315b68e1f54185be7a1ad9.png);
    -webkit-animation: snow 10s linear infinite;
    animation: snow 10s linear infinite;

}
html {

    font: 15px/2 "nunito", Verdana, Helvetica, Arial, sans-serif;
    color: #888;

}
0% {

    transform: translate3d(0,0,0);

}
50% {

    transform: translate3d(500px,500px,0);

}
100% {

    transform: translate3d(500px,1000px,0);

}
0% {

    -webkit-transform: translate3d(0,0,0);

}
50% {

    -webkit-transform: translate3d(500px,500px,0);

}
100% {

    -webkit-transform: translate3d(500px,1000px,0);

}
</style> -->

<!-- NAVBAR -->
<f:cObject typoscriptObjectPath="topnavigation" />

<!-- CONTENT AREA -->
<div class="clearfix"></div>

<div class="rvwg-content" id="content-top"> <!-- header header-filter" style="background-image: url(http://hdqwalls.com/wallpapers/apple-mountains-lu.jpg);"-->
  <f:format.raw>{Content-Top}</f:format.raw>
</div>

<div class="rvwg-content main main-raised" id="content-main">
  <f:format.raw>{Content-Main}</f:format.raw>
  <f:cObject typoscriptObjectPath="lib.rootline" />
</div>

<!-- FOOTER -->
<footer>
  <nav id="mynavbar" class="navbar navbar-semitransparent" role="navigation">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#footer-body">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <div class="navbar-collapse collapse" id="footer-body">
          <ul class="nav navbar-nav">
            <div class="container text-center">
              <li><a href="http://www.rvwg.de/index.php?id=59">Schulleitung/Kontakt</a></li>
              <!--<li><a href="sites/contact.html">Kontakt</a></li>-->
              <li><a href="http://rvwg.de/impressum/">Impressum</a></li>
              <li><a href="http://rvwg.de/sitemap/">Sitemap</a></li>
              <button class="btn" data-toggle="modal" data-target="#myModal">
                Über die Programmierer
              </button>
            </div>
          </ul>
        </div>
      </div>
    </div>
  </nav>
</footer>
<!-- MODAL FOR "ABOUT DEVELOPERS" -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Über die Programmierer</h4>
      </div>
      <div class="modal-body">
        <!-- id="rainbow" -->
        <div class="awesomeness">
          <img src="http://www.rvwg.de/fileadmin/user_upload/SWAGNyan.png" alt="Baumstamm" class="img-raised img-responsive" style="margin-right: 20px; width: 100%; margin-bottom: 20px;">
          <!--<iframe width="560" height="315" src="https://www.youtube.com/embed/wZZ7oFKsKzY?autoplay=1" frameborder="0" allowfullscreen autoplay="1"></iframe>-->
          <!-- <iframe src="http://www.staggeringbeauty.com/" style="border: 1px inset #ddd" width="498" height="598"></iframe> -->
          <!-- <div style="width:100%;height:0;padding-bottom:71%;position:relative;"><iframe src="https://giphy.com/embed/oUwHPuXP8HtFm" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div>  -->
          <!-- <p><a href="https://giphy.com/gifs/oUwHPuXP8HtFm">via GIPHY</a></p> -->
        </div>
        <h4-exp>Science first!</h4-exp>
        <p>
          Das Grundgerüst dieser Website wurde von Nils Reichert und Felix Pojtinger im Winter-Frühling 2016/2017 für das Richard-von-Weizsäcker-Gymnasium programmiert. Wer Videos von Felix sucht, der kann ihn auf YouTube als PojntFX besuchen, wo er Tutorials und ähnliches veröffentlicht. Seine eigene Website ist www.dsespace.com, auf welcher er sich auf sein Hobby, Luft- und Raumfahrttechnik, konzentriert hat. Auch Nils ist als nils0x auf YouTube zu finden, wo er diverse Gernes abdeckt.
        </p>
        <!-- <p>
        <a href="#" class="btn btn-round btn-sm btn-darkred" role="button">YouTube</a>
        <a href="#" class="btn btn-round btn-sm btn-red" role="button">Google Plus</a>
        <a href="#" class="btn btn-round btn-sm btn-darkblue" role="button">Facebook</a>
        <a href="#" class="btn btn-round btn-sm btn-lightblue" role="button">Twitter</a>
      </p> -->
        <h4-exp>Join us!</h4-exp>
        <p>
          Die Schüler-Website-AG (SWAG), welche sich jeden Montag um 14:30 und manchmal Samstags im Computerraum trifft, ist für die weitere Entwicklung und Programmierung dieser Website zuständig. Wer an der Wartung interessiert ist, braucht keine speziellen Vorkenntnisse - wer programmieren will sollte ein ganz kleines bisschen HTML-Grundwissen mitbringen und sehr gute Englisch-Kenntnisse haben.
          <br/>
          Tipp: Schreibe doch mal "js" wenn während dieser Dialog an einem Computer geöffnet ist und schau was passiert!
        </p>
        <!-- <h4-exp>Eastereggs ...</h4-exp>    
        <form>
        I'm feeling lucky: <input type="text" name="FirstName" value="Awesomeness!"><br>
      </form> -->
        <div id="info"></div>
        <p>
          <a href="http://www.rvwg.de/aktivitaeten/ags/rvwg-website-ag/" class="btn btn-round btn-sm" role="button">Mehr erfahren</a>
        </p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn" data-dismiss="modal">Schließen</button>
        <button type="button" class="btn">(COMING SOON) Für die Website-AG Kaffee kaufen</button>
      </div>
    </div>
  </div>
</div>