Symfony Profiler

{% extends 'web/index.html' %}
{% block header %}
<header class="site-header__main">
<div class="site-header__layer">
<div class="site-header__wrapper">
<div class="site-header__inner">

<div id="videoHeader" class="site-header__video">
<div class="video video--header">

<div class="video__file">
<video autoplay="" muted="" loop="" data-autoplay="">
<source src="/video/ebenistes-hd.mp4" type="video/mp4">
</video>
</div>
</div>
</div>
<div class="site-header__content">
<div class="site-header__slider">

<div class="slider">

<div class="slider__item">
<div class="slider__content">
<div class="site-header__title">
<h1 class="header-title">Concept de luxe</h1>
</div>
<div class="site-header__subtitle">
<h2 class="header-subtitle">Exclusive handmade furniture</h2>
</div>
<div class="site-header__next-slide">
<div class="slider-nav">
<div class="slider-nav__next slider-nav__center">
<div class="link-underline link-underline--next">PRZEWIŃ ‎‏‏‎ ‎ ‎‏‏‎</div>
</div>
</div>
</div>
</div>
</div>

<div class="slider__item">
<div class="slider__content">
<div class="simple-box-container">
<div class="simple-box">
<div class="simple-box__title">
<h2 class="title-xl-02">Ebeniści</h2>
</div>
<div class="simple-box__description">
<p class="text text--justify text--size-03 text--small">
Jest to określenie stolarza wytwarzający w XVI w. we Francji meble skrzyniowe z hebanu, a w czasach baroku i klasycyzmu rzemieślnik o najwyższych umiejętnościach, operujący skomplikowanymi metodami zdobniczymi.
</p>
</div>
<div class="simple-box__button">
<div class="slider-nav">
<div class="slider-nav__prev">
<div class="link-underline link-underline--prev"></div>
</div>
<div class="slider-nav__next">
<div class="link-underline link-underline--next">HISTORIA BIURKA ‎‏‏‎ ‎ ‎‏‏‎</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="slider__item">
<div class="slider__content">
<div class="simple-box-container">
<div class="simple-box">
<div class="simple-box__title">
<h2 class="title-xl-02"><span>Historia</span>biurka</h2>
</div>
<div class="simple-box__description">
<p class="text text--size-01 text--justify text--small">
Zawsze chciałem zostawić mojej córce coś, co będzie jej o mnie przypominało, z czym będzie mogła iść przez świat. Zwykłe pamiątki cechuje jednak ulotność. Odpowiedzią na mój dylemat było stolarstwo, w którym odnalazłem pasję. Był to początek drogi- od biurka, poprzez manifest, o którym opowiem trochę później, aż do zostania ebenistą.
</p>
</div>
<div class="simple-box__button">
<div class="slider-nav">
<div class="slider-nav__prev">
<div class="link-underline link-underline--prev"></div>
</div>
<div class="slider-nav__next">
<a href="#wartosci" class="link-underline link-underline--next">WARTOŚCI‏‏‎‏‏‎ ‎‏‏‎ ‎ ‎‏‏‎</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="site-header__headphones-toggle">

<div class="headphones-toggle" data-headphones-id="videoHeader">
<div class="headphones-toggle__icon">
<div class="icon-sm icon-headphones"></div>
</div>
<div class="headphones-toggle__title">
<span class="title-sm">włącz dźwięk</span>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
{% endblock %}
{% block content %}
<section id="wartosci-anchor" class="site-section section-01">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item rellax" data-rellax-speed=".8">
<div class="image-container">
<img src="img/wartosci.jpg" alt="Wartości" />
</div>
</div>
<div class="flex-container__item">
<div class="site-section__title">
<div class="circle-text">les valeurs</div>
<h2 class="section-title">Wartości</h2>
</div>
<div class="site-section__description">
<div class="text-container">
<p class="text text--size-01 text--justify">
DNA marki Bensari , czyli nadrzędne wartości, bez których Bensari ebenistes nie mogłoby istnieć. To esencja, myśl przewodnia i przesłanie jakie marka przekazuje swoim odbiorcom. To również idea, z jaką tworzone są funkcjonalne dzieła sztuki.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="site-section__row">
<div class="decorative-text">
<div>Poznaj</div>
<div>historię wartości</div>
</div>
</div>
<div class="site-section__row">
<ul class="flex-list">
<li class="flex-list__item">
<div class="audio-item">
<div class="audio-item__title">
<h4 class="title-md-02">humanizm</h4>
</div>
<div class="audio-item__icon">
<div class="audio-item__icon-mic">
<div class="icon-md icon-mic"></div>
</div>
<div class="audio-item__icon-playing">
<div class="icon-md icon-playing"></div>
</div>
</div>
<div class="audio-item__button">
<div class="audio-item__play">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#000" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><path fill="#fff" fill-rule="evenodd" d="M15.09 23.77a1.4 1.4 0 01-2.14-1.1V11.33a1.4 1.4 0 012.14-1.16l8.66 5.6a1.4 1.4 0 01.42 2.04c-.11.16-.25.3-.42.4l-8.66 5.56z" clip-rule="evenodd"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
<div class="audio-item__pause">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#A99F8D" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><rect width="3" height="14" x="12" y="10" fill="#fff" rx="1.5"/><rect width="3" height="14" x="19" y="10" fill="#fff" rx="1.5"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
</div>
</div>
</li>
<li class="flex-list__item">
<div class="audio-item">
<div class="audio-item__title">
<h4 class="title-md-02">rzemiosło</h4>
</div>
<div class="audio-item__icon">
<div class="audio-item__icon-mic">
<div class="icon-md icon-mic"></div>
</div>
<div class="audio-item__icon-playing">
<div class="icon-md icon-playing"></div>
</div>
</div>
<div class="audio-item__button">
<div class="audio-item__play">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#000" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><path fill="#fff" fill-rule="evenodd" d="M15.09 23.77a1.4 1.4 0 01-2.14-1.1V11.33a1.4 1.4 0 012.14-1.16l8.66 5.6a1.4 1.4 0 01.42 2.04c-.11.16-.25.3-.42.4l-8.66 5.56z" clip-rule="evenodd"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
<div class="audio-item__pause">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#A99F8D" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><rect width="3" height="14" x="12" y="10" fill="#fff" rx="1.5"/><rect width="3" height="14" x="19" y="10" fill="#fff" rx="1.5"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
</div>
</div>
</li>
<li class="flex-list__item">
<div class="audio-item">
<div class="audio-item__title">
<h4 class="title-md-02">szczerość</h4>
</div>
<div class="audio-item__icon">
<div class="audio-item__icon-mic">
<div class="icon-md icon-mic"></div>
</div>
<div class="audio-item__icon-playing">
<div class="icon-md icon-playing"></div>
</div>
</div>
<div class="audio-item__button">
<div class="audio-item__play">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#000" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><path fill="#fff" fill-rule="evenodd" d="M15.09 23.77a1.4 1.4 0 01-2.14-1.1V11.33a1.4 1.4 0 012.14-1.16l8.66 5.6a1.4 1.4 0 01.42 2.04c-.11.16-.25.3-.42.4l-8.66 5.56z" clip-rule="evenodd"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
<div class="audio-item__pause">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#A99F8D" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><rect width="3" height="14" x="12" y="10" fill="#fff" rx="1.5"/><rect width="3" height="14" x="19" y="10" fill="#fff" rx="1.5"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
</div>
</div>
</li>
<li class="flex-list__item">
<div class="audio-item">
<div class="audio-item__title">
<h4 class="title-md-02">transparentność</h4>
</div>
<div class="audio-item__icon">
<div class="audio-item__icon-mic">
<div class="icon-md icon-mic"></div>
</div>
<div class="audio-item__icon-playing">
<div class="icon-md icon-playing"></div>
</div>
</div>
<div class="audio-item__button">
<div class="audio-item__play">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#000" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><path fill="#fff" fill-rule="evenodd" d="M15.09 23.77a1.4 1.4 0 01-2.14-1.1V11.33a1.4 1.4 0 012.14-1.16l8.66 5.6a1.4 1.4 0 01.42 2.04c-.11.16-.25.3-.42.4l-8.66 5.56z" clip-rule="evenodd"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
<div class="audio-item__pause">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 34 34"><defs/><g clip-path="url(#clip0)"><path fill="#A99F8D" d="M17 34a17 17 0 110-34 17 17 0 010 34z"/><rect width="3" height="14" x="12" y="10" fill="#fff" rx="1.5"/><rect width="3" height="14" x="19" y="10" fill="#fff" rx="1.5"/></g><defs><clipPath id="clip0"><path fill="#fff" d="M0 0h34v34H0z"/></clipPath></defs></svg>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="artistes-anchor" class="site-section section-02">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<header class="site-section__header">
<div class="site-section__title">
<h2 class="section-title">Les Artistes</h2>
</div>
</header>
<section class="site-section__main">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item">
<div class="simple-box rellax" data-rellax-speed=".5">
<div class="simple-box__image">
<img src="img/artistes-1.jpg" alt="Article" />
</div>
<div class="simple-box__title">
<h3 class="title-md-03">Tomisław Bensari</h3>
</div>
<div class="simple-box__text">
<p class="text text--size-01 text--justify">
Ebenista, pasjonat stolarstwa tradycyjnego, tworzy od przeszło 25 lat. Jego prace powstają na XVII-wiecznym stole rzemieślniczym. Każde dzieło Tomisława ma swoją duszę, historie i są doceniane przez koneserów na całym świecie.
</p>
</div>
</div>
</div>
<div class="flex-container__item">
<div class="simple-box rellax" data-rellax-speed="1">
<div class="simple-box__image">
<img src="img/artistes-2.jpg" alt="Article" />
</div>
<div class="simple-box__title">
<h3 class="title-md-03">Roland Grabowski</h3>
</div>
<div class="simple-box__text">
<p class="text text--size-01 text--justify">
Ebenista, pasjonat stolarstwa tradycyjnego, tworzy od przeszło 25 lat. Jego prace powstają na XVII-wiecznym stole rzemieślniczym. Każde dzieło Tomisława ma swoją duszę, historie i są doceniane przez koneserów na całym świecie.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<section id="historia-anchor" class="site-section section-03">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item">
<div class="site-section__title">
<h2 class="section-title">Historia</h2>
</div>
<div class="site-section__subtitle">
<h3 class="section-subtitle">wyryta w drewnie</h3>
</div>
<div class="site-section__description">
<div class="text-container">
<p class="text text--size-02 text--justify">
Mebel robiony z myślą o Tobie, unikatowy, gruntownie przemyślany. Mebel składa się z historii - która zaczyna się od myśli, przechodząc przez proces kreowania i tworzenia, aż wreszcie dochodzimy do momentu, kiedy dzieło staje w ważnym dla nas miejscu. Ma dostęp do naszego życia, a będąc jego świadkiem tworzy historię. Później staje się pamiątką i dalej nieprzerwalnie pisze historię z kolejnymi pokoleniami.
</p>
</div>
</div>
</div>
<div class="flex-container__item">
<div class="slider-container">
<!-- <div class="slider-drag">
<div class="slider-drag__title">
Przesuń
</div>
</div> -->
<div class="slider">
<div class="slider__item">
<div class="signed-image">
<div class="signed-image__image">
<img src="img/historia-1.jpg" alt="Historia" />
</div>
<div class="signed-image__title">
<h4 class="title-sm-02">Heban</h4>
</div>
</div>
</div>
<div class="slider__item">
<div class="signed-image">
<div class="signed-image__image">
<img src="img/historia-2.jpg" alt="Historia" />
</div>
<div class="signed-image__title">
<h4 class="title-sm-02">Mahoń</h4>
</div>
</div>
</div>
<div class="slider__item">
<div class="signed-image">
<div class="signed-image__image">
<img src="img/historia-1.jpg" alt="Historia" />
</div>
<div class="signed-image__title">
<h4 class="title-sm-02">Heban</h4>
</div>
</div>
</div>
<div class="slider__item">
<div class="signed-image">
<div class="signed-image__image">
<img src="img/historia-2.jpg" alt="Historia" />
</div>
<div class="signed-image__title">
<h4 class="title-sm-02">Mahoń</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="manifest-anchor" class="site-section section-04">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<header class="site-section__header">
<div class="site-section__subtitle">
<h3 class="section-subtitle">Nasz Manifest</h3>
</div>
<div class="site-section__title">
<h2 class="section-title">Ébénistes</h2>
</div>
</header>
<section class="site-section__main">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item">

<div class="video-container rellax" data-rellax-speed="-1" data-rellax-mobile-speed="-0.3" data-rellax-percentage="4">
<div class="video" data-video-fullscreen>

<div class="video__file">
<video>
<source src="/video/ebenistes-hd.mp4" type="video/mp4">
</video>
</div>

<div class="video__cover"></div>

<div class="video__actions">

<div class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 18"><defs/><path fill="#ECE2D1" fill-rule="evenodd" d="M2.6 16.78A1.7 1.7 0 010 15.44V1.68A1.7 1.7 0 012.6.26l10.52 6.8a1.71 1.71 0 01.5 2.48c-.13.2-.3.36-.5.5L2.6 16.77z" clip-rule="evenodd"/></svg>
</div>

<div class="video__fullscreen-icon"></div>
</div>
</div>
</div>
<div class="decorative-title-container">
<div class="decorative-title">
<img src="/img/decorative-titles/manifest-title.svg" alt="Manifest" />
</div>
</div>
</div>
<div class="flex-container__item">
<div class="text-container">
<p class="text text--justify">
Każde dzieło zaczyna się od pewnej historii, manifestu- listów spisanych wiecznym piórem, zawierających całą duszę i myśl przewodnią, towarzyszącą procesowi twórczemu. Pragniemy, by myśl i inspiracja architekturą dotarła do odbiorcy. Jest to esencja wyrobu, ubrana w słowa, w połączeniu z dziełem tworzy niepow- tarzalną całość.
</p>
</div>
</div>
</div>
<div class="button-container">
<div class="link-underline link-underline--dark link-underline--next" data-my-overlayer>WIECZNE PIÓRO ‎‏‏‎ ‎ ‎‏‏‎</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<section id="warsztat-anchor" class="site-section section-05">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item">
<header class="site-section__header">
<div class="site-section__title">
<div class="circle-text">atelier de menuiserie</div>
<h2 class="section-title">Warsztat <br />stolarski</h2>
</div>
</header>
<div class="site-section__description">
<div class="text-container">
<p class="text text--size-01 text--justify">
DNA marki Bensari , czyli nadrzędne wartości, bez których Bensari ebenistes nie mogłoby istnieć. To esencja, myśl przewodnia i przesłanie jakie marka przekazuje swoim odbiorcom. To również idea, z jaką tworzone są funkcjonalne dzieła sztuki.
</p>
</div>
</div>
<div class="image-container rellax" data-rellax-speed="-.4">
<img src="/img/warsztat-01.jpg" />
</div>
</div>
<div class="flex-container__item">
<div class="image-container rellax" data-rellax-speed=".3">
<img src="/img/warsztat-02.jpg" />
</div>
<div class="site-section__description">
<div class="text-container">
<p class="text text--size-01 text--justify">
DNA marki Bensari , czyli nadrzędne wartości, bez których Bensari ebenistes nie mogłoby istnieć. To esencja, myśl przewodnia i przesłanie jakie marka przekazuje swoim odbiorcom. To również idea, z jaką tworzone są funkcjonalne dzieła sztuki.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="collection-anchor" class="site-section section-06">
<header class="site-section__header">
<div class="site-section__title">
<h2 class="section-title">Collection</h2>
</div>
<div class="decorative-title-container">
<div class="decorative-title">
<img src="/img/decorative-titles/collection-title.svg" alt="Manifest" />
</div>
</div>
</header>
<section class="site-section__main">
<div class="video-container" id="videoCover">

<div class="video video--cover">

<div class="video__file">
<video muted="">
<source src="/video/ebenistes-hd.mp4" type="video/mp4">
</video>
</div>

<div class="video__cover"></div>

<div class="video__actions">

<div class="video__play">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 18"><defs/><path fill="#ECE2D1" fill-rule="evenodd" d="M2.6 16.78A1.7 1.7 0 010 15.44V1.68A1.7 1.7 0 012.6.26l10.52 6.8a1.71 1.71 0 01.5 2.48c-.13.2-.3.36-.5.5L2.6 16.77z" clip-rule="evenodd"/></svg>
</div>
</div>
</div>
<div class="headphones-toggle-container">

<div class="headphones-toggle" data-headphones-id="videoCover">
<div class="headphones-toggle__icon">
<div class="icon-sm icon-headphones"></div>
</div>
<div class="headphones-toggle__title">
<span class="title-sm">włącz dźwięk</span>
</div>
</div>
</div>
</div>
</section>
</section>
<section class="site-section section-07">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<section class="site-section__main">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item">
<div class="simple-box rellax" data-rellax-speed="-.4">
<div class="simple-box__image">
<div class="simple-box__image-title">
<h4 class="title-md-04">the chameleon</h4>
</div>
<div class="simple-box__image-overlay">
<div class="preview-box">
<div class="preview-box__type">
<img src="/img/decorative-titles/chameleon-title.svg">
</div>
<div class="preview-box__title">
<h5 class="title-md-01">regał modułowy orzech</h5>
</div>
<div class="preview-box__button">
<a href="/podstrona" class="link-underline">więcej‎‏‏‎</a>
</div>
</div>
</div>
<img src="img/collection-01.jpg" alt="Article" />
</div>
<div class="simple-box__title">
<h3 class="title-md-01">Tomisław Bensari</h3>
</div>
<div class="simple-box__text">
<p class="text text--size-01 text--justify">
Ebenista, pasjonat stolarstwa tradycyjnego, tworzy od przeszło 25 lat. Jego prace powstają na XVII-wiecznym stole rzemieślniczym. Każde dzieło Tomisława ma swoją duszę, historie i są doceniane przez koneserów na całym świecie.
</p>
</div>
</div>
</div>
<div class="flex-container__item">
<div class="simple-box rellax" data-rellax-speed=".6">
<div class="simple-box__image">
<div class="simple-box__image-title">
<h4 class="title-md-04">the chameleon</h4>
</div>
<div class="simple-box__image-overlay">
<div class="preview-box">
<div class="preview-box__type">
<img src="/img/decorative-titles/chameleon-title.svg">
</div>
<div class="preview-box__title">
<h5 class="title-md-01">regał modułowy orzech</h5>
</div>
<div class="preview-box__button">
<a href="/podstrona" class="link-underline">więcej‎‏‏‎</a>
</div>
</div>
</div>
<img src="img/collection-02.jpg" alt="Article" />
</div>
<div class="simple-box__title">
<h3 class="title-md-01">Roland Grabowski</h3>
</div>
<div class="simple-box__text">
<p class="text text--size-01 text--justify">
Ebenista, pasjonat stolarstwa tradycyjnego, tworzy od przeszło 25 lat. Jego prace powstają na XVII-wiecznym stole rzemieślniczym. Każde dzieło Tomisława ma swoją duszę, historie i są doceniane przez koneserów na całym świecie.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
<!-- <section class="site-section section-000">
<div class="site-section__layer">
<div class="site-section__wrapper">
<div class="site-section__inner">
<header class="site-section__header">
<div class="site-section__title">
<h3 class="section-subtitle">Nasz Manifest</h2>
<h2 class="section-title">Ébénistes</h2>
</div>
</header>
<section class="site-section__main">
<div class="site-section__row">
<div class="flex-container">
<div class="flex-container__item">
</div>
<div class="flex-container__item">
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</section> -->
{% endblock %}

templates/web/home.html line 1