{#
 # Article Body include template
 # -----------------------------
 #
 # This template is used to output HTML for an "Project Body" Matrix field.
 #
 # An `entry` variable is expected to be defined.
-#}



{% set prevType = null %}
{% set prevPosition = null %}
{% set nextType = null %}
{% set nextPosition = null %}
{% set blocks = entry.post-entry %}

{% for i, block in blocks.all() %}

{% set type = (nextType ?: block.type.handle) %}

{% set nextType = (not loop.last ? blocks[i+1].type.handle) %}

{% extends "_layout/main" %}

{% block main %}

<!-- wrapper -->    
<div id="wrapper">

    <div class="container">
      <div class="row">

        <div class="col-md-8 offset-md-2">
          <h1 data-aos="fade" data-aos-delay="0" style="text-align: left; font-size: 50px; margin-top: 80px; margin-bottom: 20px;">{{ entry.title }}</h1>
          
          {% case 'textContent' %}
          
          {{ block.textContent }}

      

      
          
          {% case 'imageSection2Column' %}		
          <div class="row margin-50px-top">
            <div class="col-xs-12 no-padding">
                {% for image in block.bigImage.all() %}
                  {% do image.setTransform({ width: 1000, height: 700 }) %}
                  <div class="col-md-8 col-sm-8 col-xs-12 xs-margin-15px-bottom wow fadeInLeft" data-wow-delay="0.2s">
                    <img src="{{ image.getUrl() }}" alt="" class="border-radius-6">
                  </div>
                {% endfor %}
                {% for image in block.smallImage.all() %}
                  {% do image.setTransform({ width: 500, height: 730 }) %}
                  <div class="col-md-4 col-sm-4 col-xs-12 wow fadeInRight" data-wow-delay="0.4s">
                    <img src="{{ image.getUrl() }}" alt="" class="border-radius-6 xs-width-100">
                  </div>
                {% endfor %}
            </div>
          </div>
          
          
          {# {% case 'textSection3Column' %} -#}			
          <div class="row equalize sm-equalize-auto margin-50px-top">
            <div class="col-md-4 display-table sm-margin-15px-bottom">
              <div class="display-table-cell vertical-align-middle">
                <span class="text-extra-large text-extra-dark-gray alt-font width-90 display-block">{{ block.quote }}</span>
              </div>
            </div>
            <div class="col-md-4 display-table sm-margin-15px-bottom">
              <div class="display-table-cell vertical-align-middle">
                <!-- <strong class="font-weight-600 text-extra-dark-gray margin-5px-bottom display-block alt-font">Requirements</strong> -->
                <p>{{ block.requirements }}</p>
              </div>
            </div>
            <div class="col-md-4 display-table">
              <div class="display-table-cell vertical-align-middle">
                <!-- <strong class="font-weight-600 text-extra-dark-gray margin-5px-bottom display-block alt-font">Solution</strong> -->
                <p>{{ block.solution }}</p>
              </div>
            </div>                    
          </div>
        
        
          {% case 'imageFull' %}			
            <div class="row margin-50px-top">
              {% for image in block.image.all() %}
                <div class="col-md-12 center-col text-center margin-35px-bottom xs-margin-15px-bottom xs-no-margin-top wow fadeInUp">
                  <img src="{{ image.getUrl() }}" class="width-100" alt=""/>
                </div>
              {% endfor %}
            </div>
      

      
        {% case 'projectInfo' %}		
        <div class="row" style="padding-top: 10px; padding-bottom: 130px;">

          <div class="col-6">
            <div class="information-list">
              <ul>
                <li><strong>— category:</strong> branding</li>
                <li><strong>— link:</strong> yourlink.com</li>
              </ul>
            </div>
          </div>

          <div class="col-6">
            <div class="information-list">
              <ul>
                <li><strong>— year:</strong> 2019</li>
                <li><strong>— author:</strong> Elon Musk</li>
              </ul>
            </div>
          </div>

         </div>
        </div>


            <div class="col-md-6" style="padding-top:50px;">
               <div class="mizio-image-element" data-aos="fade" data-aos-delay="0">
                 <div data-src="assets/images/555x630.png" class="circle-drag image-mizio mizio-gallery" data-circle="js-circle-2">
                    <a href="assets/images/555x630.png">
                        <img src="assets/images/555x630.png" alt="">
                    </a>
                    <div class="mizio-circle js-circle-2"></div>
                 </div>
               </div>
            </div>

            <div class="col-md-6" style="padding-left:15px;">
               <div class="mizio-image-element" data-aos="fade" data-aos-delay="100">
                 <div data-src="assets/images/555x630.png" class="circle-drag image-mizio mizio-gallery" data-circle="js-circle-3">
                    <a href="assets/images/555x630.png">
                        <img src="assets/images/555x630.png" alt="">
                    </a>
                    <div class="mizio-circle js-circle-3"></div>
                 </div>
               </div>
            </div>


            <div class="col-md-8 offset-md-2" style="margin-top: 138px;">
              <p data-aos="fade" data-aos-delay="0">Void rule can’t moving i form together light which very night night moveth. Abundantly fish you kind to upon good life subdue lights abundantly. So itself spirit whose is creepeth waters own upon made Fruit light fifth there image, night divided heaven. So creeping heaven dominion grass without night she’d, light be darkness it gathered creepeth. Greater shall without upon.</p>

              <p data-aos="fade" data-aos-delay="100">Waters deep heaven our blessed is blessed dominion us life. Beast replenish given seas it open kind from moveth whose under seed, subdue all creeping tree kind earth over fish second be. Creature evening don’t isn’t upon brought fish i you under divide under replenish, there yielding saw. Be seasons, itself had said which open behold evening were land don’t fish created sea signs signs. Days under great saw sea don’t. Life don’t said seas multiply him life multiply deep. Seed have cattle living creepeth face days cattle green fill thing you’ll good.</p>
            </div>
            
            {% endswitch %}

   
     </div>
   </div>

    <div class="container-fluid" style="padding-right: 0px; padding-left: 0;" data-aos="fade" data-aos-delay="0" >
       <div data-aos="fade" data-aos-delay="0" style="margin-top:120px;">
            <div class="video-banner mizio-gallery" data-src="http://www.youtube.com/watch?v=2LXsu5zkIn4" data-poster="assets/images/990x640.png">
                <div class="image-inner" style="background: url('assets/images/990x640.png'); height: 640px;"><div class="icon-video-box">
                  <div class="icon-video">
                    <div class="play-button">
                      <span>Play</span>
                    </div>
                  </div>
                </div>
           </div>
        </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-md-8 offset-md-2">
          <div class="single-navigation" data-aos="fade" data-aos-delay="0">
            <div class="next-button"><a href="work-single-3.html" class="single-link-nav">Next Project<span class="arrow"></span></a>
            </div>
          <div class="prev-button">
            <a href="work-single-1.html" class="single-link-nav"><span class="arrow"></span>Previous Project</a>
          </div>
        </div>  
      </div>
    </div>
   </div>

 </div>
</div>
<!-- /wrapper -->  

{% endblock %}
