{% extends 'base.html.twig' %}

{% block title %} Bilder-Segelparade {% endblock %}

{% block body %}



<!-- welcome hero -->


<div class="row bg px-3" id='home'>
		<div class="col-lg-2"></div>
				<div class="col-lg-8">
       
            <h1 class="text-center">Die Segelparade 2024!</h1>

      <iframe width="100%"
          class="custom_iframe"
      src="/cookie_not_accepted.html"
      src_youtube="https://www.youtube.com/embed/hfK-Jg1gVCU?rel=0&amp;amp;&amp;showinfo=0&amp;autoplay=0&amp;loop=0" frameborder="0" allowfullscreen=""> </iframe>



            <br>
        </div>
		<div class="col-lg-2"></div>
</div>


<div class="row" id="project">
<br>
</div>













<!-- project hero -->
<div class="row bg  px-3" id="project">
		<div class="col-lg-2"></div>
				<div class="col-lg-8">
          <h2 class="text-center">Zum Projekt</h2>

          <div class="text-white">
           
            In diesem Jahr haben wir die fünfte Bilder-Segelparad veranstaltet. Von Kindern gemalte Schiffe fahren auch im Jahr 2024 in einem Video über eine animierte Kieler Förde – ähnlich der großen Windjammerparade der Kieler Woche.
          
            
          
          </div>

  </div>
  <div class="col-lg-3"></div>



  <div class="row g-4 ">
    <div class="col-lg-3"></div>

      <div class="feature col">
        <div class="feature-icon d-inline-flex align-items-center justify-content-center  fs-2 mb-3">
                <i class="medium m-2 align-middle material-icons text-white">sailing</i>

        </div>
        <h3 class="fs-2 text-body-emphasis">142 Schiffe</h3>
        <p class="text-white">So viele Bilder habt Ihr gemalt!</p>
        
      </div>
      <div class="feature col">
        <div class="feature-icon d-inline-flex align-items-center justify-content-center  fs-2 mb-3">
                  <i class="medium m-2 align-middle material-icons text-white">looks_one</i>

        </div>
        <h3 class="fs-2 text-body-emphasis">3-14 Jahre</h3>
        <p class="text-white">So alt sind unsere Künsterinnen und Künstler</p>
        
      </div>
      <div class="feature col">
        <div class="feature-icon d-inline-flex align-items-center justify-content-center  fs-2 mb-3">
                <i class="medium m-2 align-middle material-icons text-white">directions_boat</i>
        </div>
        <h3 class="fs-2 text-body-emphasis">Über 18 Arten</h3>
        <p class="text-white">
Boote, Heißluftballons, Ruderboote, Dampfboote, Dreimaster, U-Boote, Skier, Helikopter, Jollen, Rennboote, Eisberge, Quallen, Haie, Flöße.</p>
        
      </div>
        <div class="col-lg-3"></div>

    </div>







</div>
<!-- project hero -->


<div class="row" id="project"><br></div>




<!-- project hero -->
  {% include '/frontend/index_inspiration.html.twig'  %}



<div class="row" id="project">
<br>
</div>



















<div class="row" id="project">
<br>
</div>

    
     


<!-- making of video -->
<div class="row bg px-3" id="bts">
		<div class="col-lg-2"></div>
				<div class="col-lg-8">
          <h2 class="text-center">So entsteht die Segelparade</h2>

          

          <iframe width="100%"
          class="custom_iframe"
      src="/cookie_not_accepted.html"
      src_youtube="https://www.youtube.com/embed/NcXRe0Wejcg?si=gWnGel19kgPw0vE2" frameborder="0" allowfullscreen=""> </iframe>
      <br><br>
  </div>
  <div class="col-lg-2"></div>
</div>
<!-- making of video -->


<div class="row" id="project">
<br>
</div>




{% endblock %}