E-commerce

Wordpress

Lemay

La Web Shop
<div class="feature-video—body">
    <div class="feature-video—container">
      {% if thumbnail %}
        <div class="feature-video—thumbnail">
          {%
            render ‘framework—image’,
            image: thumbnail | img_url,
            full_width: true
          %}
        </div>
        <div class="feature-video—play-mobile">
          {% render ‘framework—icons’, icon: ‘play-circle-fill’ %}
        </div>
      {% endif %}
      <div class="feature-video—header">
        {% if heading != blank %}
          <div class="feature-video—heading">
            <h2 class="font—section-heading">{{ heading }}</h2>
          </div>
        {% endif %}
        {% if sub_heading != blank %}
          <div class="feature-video--sub-heading font--block-heading">
            {{ sub_heading }}
          </div>
        {% endif %}
        {% if thumbnail %}
          <div class="feature-video--play">
            {% render 'framework--icons', icon: 'play-circle-fill' %}
          </div>
        {% endif %}
        {% if button_text != blank %}
          <a
            class="{% if alt_text %}font--secondary-button--inverted{% else %}font--button{% endif %} feature-video--button"
            href="{{ button_url }}"
          >
            {{ button_text }}
          </a>
        {% endif %}
      </div>
      <div id="player-{{ section.id }}"></div>
    </div>
  </div>

E-commerce

Wordpress

La Vieille Garde

La Web Shop
<div class="feature-video—body">
    <div class="feature-video—container">
      
        <div class="feature-video—thumbnail">
          
        </div>
        <div class="feature-video—play-mobile">
          
        </div>
      
      <div class="feature-video—header">
        
          <div class="feature-video—heading">
            <h2 class="font—section-heading">}</h2>
          </div>
        
        
          <div class="feature-video--sub-heading font--block-heading">
            }
          </div>
        
        
          <div class="feature-video--play">
            
          </div>
        
        
          <a
            class="font--secondary-button--invertedfont--button feature-video--button"
            href="}"
          >
            }
          </a>
        
      </div>
      <div id="player-}"></div>
    </div>
  </div>

E-commerce

Shopify

Morille Québec

La Web Shop
<div class="feature-video—body">
    <div class="feature-video—container">
      {% if thumbnail %}
        <div class="feature-video—thumbnail">
          {%
            render ‘framework—image’,
            image: thumbnail | img_url,
            full_width: true
          %}
        </div>
        <div class="feature-video—play-mobile">
          {% render ‘framework—icons’, icon: ‘play-circle-fill’ %}
        </div>
      {% endif %}
      <div class="feature-video—header">
        {% if heading != blank %}
          <div class="feature-video—heading">
            <h2 class="font—section-heading">{{ heading }}</h2>
          </div>
        {% endif %}
        {% if sub_heading != blank %}
          <div class="feature-video--sub-heading font--block-heading">
            {{ sub_heading }}
          </div>
        {% endif %}
        {% if thumbnail %}
          <div class="feature-video--play">
            {% render 'framework--icons', icon: 'play-circle-fill' %}
          </div>
        {% endif %}
        {% if button_text != blank %}
          <a
            class="{% if alt_text %}font--secondary-button--inverted{% else %}font--button{% endif %} feature-video--button"
            href="{{ button_url }}"
          >
            {{ button_text }}
          </a>
        {% endif %}
      </div>
      <div id="player-{{ section.id }}"></div>
    </div>
  </div>

Conception web

Wordpress

La Route des bières

La Web Shop
<div class="feature-video—body">
    <div class="feature-video—container">
      
        <div class="feature-video—thumbnail">
          
        </div>
        <div class="feature-video—play-mobile">
          
        </div>
      
      <div class="feature-video—header">
        
          <div class="feature-video—heading">
            <h2 class="font—section-heading">}</h2>
          </div>
        
        
          <div class="feature-video--sub-heading font--block-heading">
            }
          </div>
        
        
          <div class="feature-video--play">
            
          </div>
        
        
          <a
            class="font--secondary-button--invertedfont--button feature-video--button"
            href="}"
          >
            }
          </a>
        
      </div>
      <div id="player-}"></div>
    </div>
  </div>

Conception web

Wordpress

MK2

La Web Shop
<div class="feature-video—body">
    <div class="feature-video—container">
      
        <div class="feature-video—thumbnail">
          
        </div>
        <div class="feature-video—play-mobile">
          
        </div>
      
      <div class="feature-video—header">
        
          <div class="feature-video—heading">
            <h2 class="font—section-heading">}</h2>
          </div>
        
        
          <div class="feature-video--sub-heading font--block-heading">
            }
          </div>
        
        
          <div class="feature-video--play">
            
          </div>
        
        
          <a
            class="font--secondary-button--invertedfont--button feature-video--button"
            href="}"
          >
            }
          </a>
        
      </div>
      <div id="player-}"></div>
    </div>
  </div>

Conception web

Wordpress

Les artisans du Fjord

La Web Shop
<div class="feature-video—body">
    <div class="feature-video—container">
      
        <div class="feature-video—thumbnail">
          
        </div>
        <div class="feature-video—play-mobile">
          
        </div>
      
      <div class="feature-video—header">
        
          <div class="feature-video—heading">
            <h2 class="font—section-heading">}</h2>
          </div>
        
        
          <div class="feature-video--sub-heading font--block-heading">
            }
          </div>
        
        
          <div class="feature-video--play">
            
          </div>
        
        
          <a
            class="font--secondary-button--invertedfont--button feature-video--button"
            href="}"
          >
            }
          </a>
        
      </div>
      <div id="player-}"></div>
    </div>
  </div>
Charger plus