Templates consist mostly of groups of organisms stitched together to form pages. It’s here where we start to see the design coming together and start seeing things like layout in action.
A blog homepage may contain the following organizations:
menuprismea-landingpage-search-barprismea-landingpage-select-categoryprismea-landingpage-blog-articlesblock-simplefooter<nav class="menu"><a class="menu__logo h-9 mr-16">
<svg class="w-24 h-9">
<use href="/svg/logo-sm.svg#logo-sm"></use>
</svg></a>
<div class="menu__buttons">
<div class="menu__button-search">
<svg class="icon-24 icon-color-grey--800">
<use href="/svg/24x24/line/search.svg#search-line-24"></use>
</svg>
</div>
<div class="menu__button-open">
<svg class="icon-24 icon-color-grey--800">
<use href="/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24"></use>
</svg>
</div>
<div class="menu__button-close">
<svg class="icon-24 icon-color-grey--800">
<use href="/svg/24x24/line/close.svg#close-line-24"></use>
</svg>
</div>
</div>
<ul class="menu__navigation">
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-center overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-centerr overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<a class="btn btn--md btn--primary btn--responsive">Lorem ipsum</a>
</li>
</ul>
</nav>
<div class="prismea-landingpage-content -grey-100">
<div class="pt-8 only-mobile"></div>
<div class="pt-16 only-desktop"></div>
<header class="mt-20 mb-6 text-align-center">
<div class="prismea-content-container">
<p class="branding-text-lg color-primary--500 text-transform-uppercase font-weight-bold mb-4">Lorem
</p>
<h1 class="branding-title-1 color-grey--800 font-weight-medium my-2">Lorem Ipsum dolor
</h1>
<p class="branding-text color-grey--700">Lorem ipsum dolor sit amet
</p>
</div>
</header>
<form class="prismea-landingpage-search-bar">
<button class="prismea-landingpage-search-bar-prepend" type="submit">
<svg class="icon-24 icon-color-primary--500">
<use href="/svg/24x24/line/search.svg#search-line-24"></use>
</svg>
</button>
<input class="prismea-landingpage-search-bar-input" type="text" placeholder="Lorem Ipsum"/>
<button class="prismea-landingpage-search-bar-append" type="submit">
<svg class="icon-16 icon-color-primary--500 icon-rotate-90">
<use href="/svg/16x16/line/arrow-up.svg#arrow-up-line-16"></use>
</svg>
</button>
</form>
<div class="prismea-landingpage-select-category prismea-content-container--blog">
<div class="prismea-landingpage-select-category-input">
<div class="prismea-landingpage-select-category-input-prepend">#</div><span class="prismea-landingpage-select-category-input-label prismea-text -size-14 prismea-color -color-grey-700">Lorem ipsum dolor</span><span class="prismea-landingpage-select-category-input-chevron">
<svg class="icon-24 icon-color-grey--700">
<use href="/svg/24x24/line/chevron-up.svg#chevron-up-line-24"></use>
</svg></span>
</div>
<div class="prismea-landingpage-select-category-categories">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-prepend">#</div>
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-prepend">#</div>
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-prepend">#</div>
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-prepend">#</div>
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-articles">
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
</div>
</div>
<div class="separator w-full bg-color-grey--200"></div>
<div class="py-16 text-align-center">
<h4 class="branding-title-4 color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet
</h4>
<p class="prismea-text mt-10">Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis faucibus. Pellentesque tempus nec est eu iaculis.</p>
</div>
</div>
<footer class="footer">
<div class="prismea-content-container">
<div class="footer__navigation">
<div class="footer__navigation-column"><a>
<svg class="w-32 h-12">
<use href="/svg/logo.svg#logo"></use>
</svg></a>
<div class="trustpilot-rating mt-7">
<div class="trustpilot-rating__stars">
<div class="trustpilot-rating__stars-off">
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
<div class="trustpilot-rating__stars-on" style="width: 88.00000000000001%;">
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
</div>
</div>
<p class="branding-text-md color-grey--800 font-weight-medium mt-2"><span class="color-primary--600">4,4</span> sur Trustpilot | 40 avis
</p>
</div>
<div class="footer__navigation-column footer__navigation-dropdown footer__navigation-dropdown--open">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
</div>
<div class="footer__slip">
<div class="footer__copyright">Lorem ipsum dolor sit</div>
<div class="flex flex-gap-5"><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32"></use>
</svg></a></div>
<div class="flex flex-gap-2"><a class="prismea-landingpage-store-link" href="https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img src="https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0" alt="Disponible sur Google Play"/></a><a class="prismea-landingpage-store-link" href="https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&amp;itscg=30200"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&amp;releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5" alt="Disponible sur l'App Store"/></a>
</div>
</div>
<div class="footer__mentions">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!</div>
</div>
</footer>nav.menu
a.menu__logo.h-9.mr-16
svg.w-24.h-9
use(href='/svg/logo-sm.svg#logo-sm')
.menu__buttons
.menu__button-search
svg.icon-24.icon-color-grey--800
use(href='/svg/24x24/line/search.svg#search-line-24')
.menu__button-open
svg.icon-24.icon-color-grey--800
use(href='/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24')
.menu__button-close
svg.icon-24.icon-color-grey--800
use(href='/svg/24x24/line/close.svg#close-line-24')
ul.menu__navigation
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-center.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li
a.menu__navigation-dropdown-option Lorem ipsum dolor
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit amet
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-centerr.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
a.btn.btn--md.btn--primary.btn--responsive Lorem ipsum
.prismea-landingpage-content.-grey-100
.pt-8.only-mobile
.pt-16.only-desktop
header.mt-20.mb-6.text-align-center
.prismea-content-container
p.branding-text-lg.color-primary--500.text-transform-uppercase.font-weight-bold.mb-4.
Lorem
h1.branding-title-1.color-grey--800.font-weight-medium.my-2.
Lorem Ipsum dolor
p.branding-text.color-grey--700.
Lorem ipsum dolor sit amet
form.prismea-landingpage-search-bar
button.prismea-landingpage-search-bar-prepend(type='submit')
svg.icon-24.icon-color-primary--500
use(href='/svg/24x24/line/search.svg#search-line-24')
input.prismea-landingpage-search-bar-input(type='text', placeholder='Lorem Ipsum')
button.prismea-landingpage-search-bar-append(type='submit')
svg.icon-16.icon-color-primary--500.icon-rotate-90
use(href='/svg/16x16/line/arrow-up.svg#arrow-up-line-16')
.prismea-landingpage-select-category.prismea-content-container--blog
.prismea-landingpage-select-category-input
.prismea-landingpage-select-category-input-prepend #
span.prismea-landingpage-select-category-input-label.prismea-text.-size-14.prismea-color.-color-grey-700 Lorem ipsum dolor
span.prismea-landingpage-select-category-input-chevron
svg.icon-24.icon-color-grey--700
use(href='/svg/24x24/line/chevron-up.svg#chevron-up-line-24')
.prismea-landingpage-select-category-categories
.prismea-landingpage-category-label
.prismea-landingpage-category-label-prepend #
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
.prismea-landingpage-category-label
.prismea-landingpage-category-label-prepend #
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
.prismea-landingpage-category-label
.prismea-landingpage-category-label-prepend #
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
.prismea-landingpage-category-label
.prismea-landingpage-category-label-prepend #
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
.prismea-content-container
.block-articles
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.separator.w-full.bg-color-grey--200
.py-16.text-align-center
h4.branding-title-4.color-grey--800.font-weight-medium.
Lorem ipsum dolor sit amet
p.prismea-text.mt-10 Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis faucibus. Pellentesque tempus nec est eu iaculis.
footer.footer
.prismea-content-container
.footer__navigation
.footer__navigation-column
a
svg.w-32.h-12
use(href='/svg/logo.svg#logo')
.trustpilot-rating.mt-7
.trustpilot-rating__stars
.trustpilot-rating__stars-off
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
.trustpilot-rating__stars-on(style='width: 88.00000000000001%;')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
p.branding-text-md.color-grey--800.font-weight-medium.mt-2
span.color-primary--600 4,4
| sur Trustpilot | 40 avis
.footer__navigation-column.footer__navigation-dropdown.footer__navigation-dropdown--open
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__slip
.footer__copyright Lorem ipsum dolor sit
.flex.flex-gap-5
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32')
.flex.flex-gap-2
a.prismea-landingpage-store-link(href='https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1')
img(src='https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0', alt='Disponible sur Google Play')
a.prismea-landingpage-store-link(href='https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&itscg=30200')
img(src='https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5', alt='Disponible sur l\'App Store')
.footer__mentions Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!A blog post may contain the following organizations:
menuprismea-landingpage-blog-articleprismea-landingpage-blog-articles on a swiperfooter<nav class="menu menu--fixed"><a class="menu__logo h-9 mr-16">
<svg class="w-24 h-9">
<use href="/svg/logo-sm.svg#logo-sm"></use>
</svg></a>
<div class="menu__buttons">
<div class="menu__button-open">
<svg class="icon-24 icon-color-grey--800">
<use href="/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24"></use>
</svg>
</div>
<div class="menu__button-close">
<svg class="icon-24 icon-color-grey--800">
<use href="/svg/24x24/line/close.svg#close-line-24"></use>
</svg>
</div>
</div>
<ul class="menu__navigation">
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-center overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-centerr overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<a class="btn btn--md btn--primary btn--responsive">Lorem ipsum</a>
</li>
</ul>
</nav>
<div class="prismea-landingpage-content -grey-100">
<div class="pt-12 only-desktop"></div><a class="flex flex-justify-center flex-align-center flex-gap-1 mt-20 pt-6 mb-6 color-primary--500 hover-color-primary--700">
<svg class="icon-16 icon-rotate-270">
<use href="/svg/16x16/line/arrow-up.svg#arrow-up-line-16"></use>
</svg><span class="branding-text-md text-decoration-underline">Lorem ipsum</span></a>
<div class="prismea-landingpage-blog-article prismea-content-container--blog">
<div class="prismea-landingpage-blog-article-banner"><img class="prismea-landingpage-blog-article-banner" src="https://placeimg.com/1200/350/animals"/></div>
<div class="prismea-landingpage-blog-article-body">
<div class="prismea-landingpage-blog-article-body-sharing">
<div class="prismea-landingpage-blog-article-body-sharing-links"><a class="w-10 h-10 border-radius-rounded flex flex-justify-center flex-align-center bg-color-grey--100 hover-bg-color-grey--200">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24"></use>
</svg></a><a class="w-10 h-10 border-radius-rounded flex flex-justify-center flex-align-center bg-color-grey--100 hover-bg-color-grey--200">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/facebook.svg#facebook-bold-24"></use>
</svg></a><a class="w-10 h-10 border-radius-rounded flex flex-justify-center flex-align-center bg-color-grey--100 hover-bg-color-grey--200">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/linkedin.svg#linkedin-bold-24"></use>
</svg></a>
</div>
</div>
<div class="prismea-vertical-spacing-20--slot prismea-vertical-spacing-20 -flex -middle">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<div class="prismea-vertical-spacing-15--slot -center">
<h1 class="branding-title-3 color-grey--800 font-weight-medium font-weight-medium">Lorem ipsum dolor sit amet consectetur adipisicing elit
</h1>
</div>
<div class="flex flex-column flex-align-center flex-gap-1">
<div class="avatar avatar--lg border-radius-rounded mx-auto"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<div class="prismea-text -size-12 prismea-color -color-grey-600">Lorem ipsum dolor sit<span class="prismea-color -color-primary-500"> amet consectetur</span></div>
</div>
<div class="mt-16">
<div class="mb-10 flex flex-align-center flex-wrap flex-gap-1"><a class="branding-link branding-link--secondary font-weight-medium branding-text-md">Lorem ipsum dolor</a>
<svg class="icon-16 icon-rotate-90 icon-color-primary--500">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg><a class="branding-link branding-link--secondary font-weight-medium branding-text-md">Lorem ipsum dolor</a>
<svg class="icon-16 icon-rotate-90 icon-color-primary--500">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
<p class="branding-text-md color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet
</p>
</div>
<div class="wysiwyg color-grey--800">
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores aliquam optio assumenda. Ullam accusamus tenetur quibusdam? Veniam, tempore qui rerum ex, rem iste voluptas suscipit, porro obcaecati repudiandae excepturi illum!
</p>
<h2 class="branding-title-2 color-grey--800 font-weight-medium mt-8 mb-7">Lorem ipsum dolor sit amet
</h2>
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores aliquam optio assumenda. Ullam accusamus tenetur quibusdam? Veniam, tempore qui rerum ex, rem iste voluptas suscipit, porro obcaecati repudiandae excepturi illum!
</p>
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores aliquam optio assumenda. Ullam accusamus tenetur quibusdam? Veniam, tempore qui rerum ex, rem iste voluptas suscipit, porro obcaecati repudiandae excepturi illum!
</p><img class="max-w-full h-auto mx-auto my-10" src="https://placeimg.com/800/450/animals"/>
</div>
</div>
</div>
</div>
<div class="my-15">
<div class="prismea-content-container--blog">
<p class="branding-text color-grey--800 text-align-center mb-6">Lorem ipsum dolor sit amet
</p>
<div class="flex flex-justify-center flex-gap-2"><a class="w-10 h-10 border-radius-rounded flex flex-justify-center flex-align-center bg-color-grey--100 hover-bg-color-grey--200 ba-color-grey--600">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24"></use>
</svg></a><a class="w-10 h-10 border-radius-rounded flex flex-justify-center flex-align-center bg-color-grey--100 hover-bg-color-grey--200 ba-color-grey--600">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/facebook.svg#facebook-bold-24"></use>
</svg></a><a class="w-10 h-10 border-radius-rounded flex flex-justify-center flex-align-center bg-color-grey--100 hover-bg-color-grey--200 ba-color-grey--600">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/linkedin.svg#linkedin-bold-24"></use>
</svg></a>
</div>
</div>
</div>
<div class="prismea-landingpage-blog-advertising prismea-content-container--blog">
<div class="prismea-landingpage-blog-advertising-text">
<h1 class="branding-title-4 color-grey--800 font-weight-medium font-weight-medium">Lorem ipsum dolor sit amet
</h1>
<h1 class="branding-title-4 color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet
</h1>
<p class="prismea-text prismea-color -color-grey-700 prismea-vertical-spacing-20--slot">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sucipit voluptates in.</p>
<div class="prismea-vertical-spacing-20--slot">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
</div>
</div>
<div class="prismea-landingpage-blog-advertising-visual"><img src="https://placeimg.com/400/400/animals"/></div>
</div>
<div class="block-articles-swiper">
<h4 class="branding-title-4 color-grey--800 font-weight-medium mb-16 text-align-center">Lorem ipsum dolor sit amet
</h4>
<div class="prismea-fake-swiper">
<div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
</div>
<div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
</div>
<div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="prismea-content-container">
<div class="footer__navigation">
<div class="footer__navigation-column"><a>
<svg class="w-32 h-12">
<use href="/svg/logo.svg#logo"></use>
</svg></a>
<div class="trustpilot-rating mt-7">
<div class="trustpilot-rating__stars">
<div class="trustpilot-rating__stars-off">
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
<div class="trustpilot-rating__stars-on" style="width: 88.00000000000001%;">
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
</div>
</div>
<p class="branding-text-md color-grey--800 font-weight-medium mt-2"><span class="color-primary--600">4,4</span> sur Trustpilot | 40 avis
</p>
</div>
<div class="footer__navigation-column footer__navigation-dropdown footer__navigation-dropdown--open">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
</div>
<div class="footer__slip">
<div class="footer__copyright">Lorem ipsum dolor sit</div>
<div class="flex flex-gap-5"><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32"></use>
</svg></a></div>
<div class="flex flex-gap-2"><a class="prismea-landingpage-store-link" href="https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img src="https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0" alt="Disponible sur Google Play"/></a><a class="prismea-landingpage-store-link" href="https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&amp;itscg=30200"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&amp;releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5" alt="Disponible sur l'App Store"/></a>
</div>
</div>
<div class="footer__mentions">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!</div>
</div>
</footer>
</div>nav.menu.menu--fixed
a.menu__logo.h-9.mr-16
svg.w-24.h-9
use(href='/svg/logo-sm.svg#logo-sm')
.menu__buttons
.menu__button-open
svg.icon-24.icon-color-grey--800
use(href='/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24')
.menu__button-close
svg.icon-24.icon-color-grey--800
use(href='/svg/24x24/line/close.svg#close-line-24')
ul.menu__navigation
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-center.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li
a.menu__navigation-dropdown-option Lorem ipsum dolor
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit amet
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-centerr.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
a.btn.btn--md.btn--primary.btn--responsive Lorem ipsum
.prismea-landingpage-content.-grey-100
.pt-12.only-desktop
a.flex.flex-justify-center.flex-align-center.flex-gap-1.mt-20.pt-6.mb-6.color-primary--500.hover-color-primary--700
svg.icon-16.icon-rotate-270
use(href='/svg/16x16/line/arrow-up.svg#arrow-up-line-16')
span.branding-text-md.text-decoration-underline Lorem ipsum
.prismea-landingpage-blog-article.prismea-content-container--blog
.prismea-landingpage-blog-article-banner
img.prismea-landingpage-blog-article-banner(src='https://placeimg.com/1200/350/animals')
.prismea-landingpage-blog-article-body
.prismea-landingpage-blog-article-body-sharing
.prismea-landingpage-blog-article-body-sharing-links
a.w-10.h-10.border-radius-rounded.flex.flex-justify-center.flex-align-center.bg-color-grey--100.hover-bg-color-grey--200
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24')
a.w-10.h-10.border-radius-rounded.flex.flex-justify-center.flex-align-center.bg-color-grey--100.hover-bg-color-grey--200
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/facebook.svg#facebook-bold-24')
a.w-10.h-10.border-radius-rounded.flex.flex-justify-center.flex-align-center.bg-color-grey--100.hover-bg-color-grey--200
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/linkedin.svg#linkedin-bold-24')
.prismea-vertical-spacing-20--slot.prismea-vertical-spacing-20.-flex.-middle
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
.prismea-vertical-spacing-15--slot.-center
h1.branding-title-3.color-grey--800.font-weight-medium.font-weight-medium.
Lorem ipsum dolor sit amet consectetur adipisicing elit
.flex.flex-column.flex-align-center.flex-gap-1
.avatar.avatar--lg.border-radius-rounded.mx-auto
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
.prismea-text.-size-12.prismea-color.-color-grey-600
| Lorem ipsum dolor sit
span.prismea-color.-color-primary-500 amet consectetur
.mt-16
.mb-10.flex.flex-align-center.flex-wrap.flex-gap-1
a.branding-link.branding-link--secondary.font-weight-medium.branding-text-md Lorem ipsum dolor
svg.icon-16.icon-rotate-90.icon-color-primary--500
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
a.branding-link.branding-link--secondary.font-weight-medium.branding-text-md Lorem ipsum dolor
svg.icon-16.icon-rotate-90.icon-color-primary--500
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
p.branding-text-md.color-grey--800.font-weight-medium.
Lorem ipsum dolor sit amet
.wysiwyg.color-grey--800
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores aliquam optio assumenda. Ullam accusamus tenetur quibusdam? Veniam, tempore qui rerum ex, rem iste voluptas suscipit, porro obcaecati repudiandae excepturi illum!
h2.branding-title-2.color-grey--800.font-weight-medium.mt-8.mb-7.
Lorem ipsum dolor sit amet
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores aliquam optio assumenda. Ullam accusamus tenetur quibusdam? Veniam, tempore qui rerum ex, rem iste voluptas suscipit, porro obcaecati repudiandae excepturi illum!
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores aliquam optio assumenda. Ullam accusamus tenetur quibusdam? Veniam, tempore qui rerum ex, rem iste voluptas suscipit, porro obcaecati repudiandae excepturi illum!
img.max-w-full.h-auto.mx-auto.my-10(src='https://placeimg.com/800/450/animals')
.my-15
.prismea-content-container--blog
p.branding-text.color-grey--800.text-align-center.mb-6.
Lorem ipsum dolor sit amet
.flex.flex-justify-center.flex-gap-2
a.w-10.h-10.border-radius-rounded.flex.flex-justify-center.flex-align-center.bg-color-grey--100.hover-bg-color-grey--200.ba-color-grey--600
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24')
a.w-10.h-10.border-radius-rounded.flex.flex-justify-center.flex-align-center.bg-color-grey--100.hover-bg-color-grey--200.ba-color-grey--600
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/facebook.svg#facebook-bold-24')
a.w-10.h-10.border-radius-rounded.flex.flex-justify-center.flex-align-center.bg-color-grey--100.hover-bg-color-grey--200.ba-color-grey--600
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/linkedin.svg#linkedin-bold-24')
.prismea-landingpage-blog-advertising.prismea-content-container--blog
.prismea-landingpage-blog-advertising-text
h1.branding-title-4.color-grey--800.font-weight-medium.font-weight-medium.
Lorem ipsum dolor sit amet
h1.branding-title-4.color-grey--800.font-weight-medium.
Lorem ipsum dolor sit amet
p.prismea-text.prismea-color.-color-grey-700.prismea-vertical-spacing-20--slot Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sucipit voluptates in.
.prismea-vertical-spacing-20--slot
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
.prismea-landingpage-blog-advertising-visual
img(src='https://placeimg.com/400/400/animals')
.block-articles-swiper
h4.branding-title-4.color-grey--800.font-weight-medium.mb-16.text-align-center.
Lorem ipsum dolor sit amet
.prismea-fake-swiper
div
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
div
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
div
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
footer.footer
.prismea-content-container
.footer__navigation
.footer__navigation-column
a
svg.w-32.h-12
use(href='/svg/logo.svg#logo')
.trustpilot-rating.mt-7
.trustpilot-rating__stars
.trustpilot-rating__stars-off
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
.trustpilot-rating__stars-on(style='width: 88.00000000000001%;')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
p.branding-text-md.color-grey--800.font-weight-medium.mt-2
span.color-primary--600 4,4
| sur Trustpilot | 40 avis
.footer__navigation-column.footer__navigation-dropdown.footer__navigation-dropdown--open
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__slip
.footer__copyright Lorem ipsum dolor sit
.flex.flex-gap-5
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32')
.flex.flex-gap-2
a.prismea-landingpage-store-link(href='https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1')
img(src='https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0', alt='Disponible sur Google Play')
a.prismea-landingpage-store-link(href='https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&itscg=30200')
img(src='https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5', alt='Disponible sur l\'App Store')
.footer__mentions Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!An editorial page may contain the following organizations:
block-header-primary, block-header-secondary or block-header-tertiaryblock-simpleblock-image-textprismea-block-buttonfooter<nav class="menu menu--fixed"><a class="menu__logo h-9 mr-16">
<svg class="w-24 h-9">
<use href="/svg/logo-sm.svg#logo-sm"></use>
</svg></a>
<div class="menu__buttons">
<div class="menu__button-open">
<svg class="icon-24 icon-color-grey--800">
<use href="/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24"></use>
</svg>
</div>
<div class="menu__button-close">
<svg class="icon-24 icon-color-grey--800">
<use href="/svg/24x24/line/close.svg#close-line-24"></use>
</svg>
</div>
</div>
<ul class="menu__navigation">
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-center overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-centerr overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<a class="btn btn--md btn--primary btn--responsive">Lorem ipsum</a>
</li>
</ul>
</nav>
<div class="prismea-landingpage-content">
<div class="prismea-content-container">
<div class="block-articles">
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
<div class="article-card"><img class="article-card__image" src="https://placeimg.com/380/250/animals"/>
<div class="article-card__body">
<div class="mb-3">
<div class="prismea-landingpage-category-label">
<div class="prismea-landingpage-category-label-text">
<p class="prismea-text -size-14 ">Lorem Ipsum</p>
</div>
</div>
</div>
<h3 class="prismea-text -size-18 -text-medium mb-5">Lorem ipsum dolor sit amet consectetur adipisicing elit</h3>
<p class="prismea-text color-grey--700">Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.</p>
</div>
<div class="article-card__footer flex flex-align-center flex-gap-4">
<div class="avatar avatar--lg border-radius-rounded flex-no-shrink"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-12 color-grey--600"><span>Lorem ipsum dolor sit</span><span class="color-primary--500"> amet consectetur</span></p>
</div>
</div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-banner">
<div class="block-banner-header"><img src="https://placeimg.com/130/90/animals"/></div>
<div class="block-banner-body">
<h4 class="branding-title-4 color-white font-weight-medium mb-6 text-align-center">Lorem ipsum dolor sit amet
</h4>
<p class="prismea-text -size-16 prismea-color -color-white text-align-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies. Ut nec felis at sapien condimentum faucibus. Pellentesque tempus nec est eu iaculis. (16px)</p>
</div><img class="block-banner-illustration" src="/projects/landingpage/images/shape-double-trait--secondary.svg"/>
</div>
</div>
<div class="block-button">
<div class="prismea-content-container">
<div class="flex flex-justify-center flex-gap-5 flex-wrap">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div>
</div>
</div>
<div class="block-carousel-video-testimonials">
<div class="prismea-content-container">
<div class="block-carousel-video-testimonials__header">
<p class="branding-text-lg color-primary--500 text-transform-uppercase font-weight-bold mb-2">Pre title lorem</p>
<h2 class="branding-title-3 font-weight-medium">Lorem ipsum title</h2>
</div>
<div class="block-carousel-video-testimonials__carousel-chevron">
<div class="block-carousel-video-testimonials__carousel-chevron-left btn-icon--md">
<svg class="icon-24 icon-color-primary--300">
<use href="/svg/24x24/line/chevron-left.svg#chevron-left-line-24"></use>
</svg>
</div>
<div class="block-carousel-video-testimonials__carousel-chevron-right btn-icon--md">
<svg class="icon-24 icon-color-primary--300">
<use href="/svg/24x24/line/chevron-right.svg#chevron-right-line-24"></use>
</svg>
</div>
</div>
<div class="block-carousel-video-testimonials__carousel">
<div class="block-carousel-video-testimonials__carousel-video">
<div class="block-carousel-video-testimonials__carousel-video-vignette"><img class="block-carousel-video-testimonials__carousel-video-vignette-profile" src="http://placeimg.com/750/1000/tech"/>
<div class="block-carousel-video-testimonials__carousel-video-vignette-icon"><img src="/projects/landingpage/images/icn-play-video.svg"/></div>
</div>
<div class="block-carousel-video-testimonials__carousel-video-title branding-text-md">
<p class="color-primary--500">Name user</p>
<p>Type job</p>
</div>
</div>
<div class="block-carousel-video-testimonials__carousel-video">
<div class="block-carousel-video-testimonials__carousel-video-vignette"><img class="block-carousel-video-testimonials__carousel-video-vignette-profile" src="http://placeimg.com/750/1000/tech"/>
<div class="block-carousel-video-testimonials__carousel-video-vignette-icon"><img src="/projects/landingpage/images/icn-play-video.svg"/></div>
</div>
<div class="block-carousel-video-testimonials__carousel-video-title branding-text-md">
<p class="color-primary--500">Name user</p>
<p>Type job</p>
</div>
</div>
<div class="block-carousel-video-testimonials__carousel-video block-carousel-video-testimonials__carousel-video--active">
<div class="block-carousel-video-testimonials__carousel-video-vignette"><img class="block-carousel-video-testimonials__carousel-video-vignette-profile" src="http://placeimg.com/750/1000/tech"/>
<div class="block-carousel-video-testimonials__carousel-video-vignette-icon"><img src="/projects/landingpage/images/icn-play-video.svg"/></div>
</div>
<div class="block-carousel-video-testimonials__carousel-video-title branding-text-md">
<p class="color-primary--500">Name user</p>
<p>Type job</p>
</div>
</div>
<div class="block-carousel-video-testimonials__carousel-video">
<div class="block-carousel-video-testimonials__carousel-video-vignette"><img class="block-carousel-video-testimonials__carousel-video-vignette-profile" src="http://placeimg.com/750/1000/tech"/>
<div class="block-carousel-video-testimonials__carousel-video-vignette-icon"><img src="/projects/landingpage/images/icn-play-video.svg"/></div>
</div>
<div class="block-carousel-video-testimonials__carousel-video-title branding-text-md">
<p class="color-primary--500">Name user</p>
<p>Type job</p>
</div>
</div>
<div class="block-carousel-video-testimonials__carousel-video">
<div class="block-carousel-video-testimonials__carousel-video-vignette"><img class="block-carousel-video-testimonials__carousel-video-vignette-profile" src="http://placeimg.com/750/1000/tech"/>
<div class="block-carousel-video-testimonials__carousel-video-vignette-icon"><img src="/projects/landingpage/images/icn-play-video.svg"/></div>
</div>
<div class="block-carousel-video-testimonials__carousel-video-title branding-text-md">
<p class="color-primary--500">Name user</p>
<p>Type job</p>
</div>
</div>
</div>
<div class="block-carousel-video-testimonials__testimonial">
<div class="block-carousel-video-testimonials__testimonial-profile"><img src="http://placeimg.com/750/1000/tech"/></div>
<p class="block-carousel-video-testimonials__testimonial-title branding-text-md"><span>Name user,</span>Job name of user</p>
<div class="block-carousel-video-testimonials__testimonial-description">Lorem ipsum dolor sit amet of Patrice Kahn, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>
</div>
</div>
<div class="block-checklist -grey-100">
<div class="prismea-content-container">
<div class="block-checklist-content">
<div class="block-checklist-head">
<div class="separator w-full bg-color-primary--500 max-w-10 mx-auto"></div>
<h4 class="branding-title-4 color-grey--800 font-weight-medium">
Lorem
ipsum
</h4>
<div class="separator w-full bg-color-primary--500 max-w-10 mx-auto"></div>
</div>
<div class="block-checklist-body">
<ul class="checklist block-checklist-column">
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
</ul>
<ul class="checklist block-checklist-column">
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-contact">
<div class="block-contact-head">
<h4 class="branding-title-4 color-grey--800 font-weight-medium"><span class="color-primary--500">Lorem</span>ipsum
</h4>
</div>
<div class="block-contact-body">
<div class="block-contact-body--item">
<div class="avatar avatar--lg border-radius-rounded"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-18 text-bold color-primary--500">Lorem ipsum</p>
<p class="text-bold">Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
</div>
<div class="block-contact-body--item">
<div class="avatar avatar--lg border-radius-rounded"><img class="avatar__image" src="https://images.unsplash.com/photo-1541298645675-6cc8e127934d"/>
</div>
<p class="prismea-text -size-18 text-bold color-primary--500">Lorem ipsum</p>
<p class="text-bold">Lorem ipsum</p>
<p>Lorem ipsum</p>
<p>Lorem ipsum</p>
</div>
</div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-faq">
<div class="mt-16">
<div class="flex flex-align-center flex-wrap flex-gap-4 mb-7">
<svg class="icon-40 border-radius-4 bg-color-primary--500 icon-color-white">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
<p class="branding-text-xxl color-primary--500">Lorem ipsum dolor sit amet
</p>
</div>
<p class="branding-text color-grey--700 mb-8">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, eos ad quas odit minima distinctio beatae iure eligendi omnis quia, ducimus doloremque neque fuga voluptate id pariatur error! Alias, autem. Consequuntur totam et cum est, aliquid quia magnam minus autem nisi sapiente neque quisquam aperiam recusandae.
</p>
<div class="separator w-full bg-color-grey--400"></div>
</div>
<div class="mt-16">
<div class="flex flex-align-center flex-wrap flex-gap-4 mb-7">
<svg class="icon-40 border-radius-4 bg-color-primary--500 icon-color-white">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
<p class="branding-text-xxl color-primary--500">Lorem ipsum dolor sit amet
</p>
</div>
<p class="branding-text color-grey--700 mb-8">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, eos ad quas odit minima distinctio beatae iure eligendi omnis quia, ducimus doloremque neque fuga voluptate id pariatur error! Alias, autem. Consequuntur totam et cum est, aliquid quia magnam minus autem nisi sapiente neque quisquam aperiam recusandae.
</p>
<div class="separator w-full bg-color-grey--400"></div>
</div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-features">
<div class="block-features-header mb-11">
<div class="mb-5"><img class="block-features-image" src="https://placeimg.com/460/319/animals"/></div>
<div class="prismea-horizontal-spacing-20 -justify-middle -middle -responsive">
<div class="prismea-horizontal-spacing-20--slot">
<svg class="icon-40 icon-color-primary--500 bg-color-grey--800 border-radius-rounded">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
</div>
<div class="prismea-horizontal-spacing-20--slot">
<h3 class="branding-title-3 color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet
</h3>
</div>
</div>
</div>
<div class="prismea-fake-swiper">
<div class="block-features-card">
<svg class="icon-32 icon-color-primary--500">
<use href="/svg/32x32/line/validate.svg#validate-line-32"></use>
</svg>
<p class="prismea-text mt-1 -text-multiline">Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="block-features-card">
<svg class="icon-32 icon-color-primary--500">
<use href="/svg/32x32/line/validate.svg#validate-line-32"></use>
</svg>
<p class="prismea-text mt-1 -text-multiline">Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="block-features-card">
<svg class="icon-32 icon-color-primary--500">
<use href="/svg/32x32/line/validate.svg#validate-line-32"></use>
</svg>
<p class="prismea-text mt-1 -text-multiline">Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="block-features-card">
<svg class="icon-32 icon-color-primary--500">
<use href="/svg/32x32/line/validate.svg#validate-line-32"></use>
</svg>
<p class="prismea-text mt-1 -text-multiline">Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="block-features-card">
<svg class="icon-32 icon-color-primary--500">
<use href="/svg/32x32/line/validate.svg#validate-line-32"></use>
</svg>
<p class="prismea-text mt-1 -text-multiline">Lorem ipsum dolor sit amet consectetur</p>
</div>
</div>
</div>
</div>
<div class="block-form">
<div class="prismea-content-container">
<div class="block-form__wrapper">
<div class="block-form__text mb-6 min-w-100">
<h1 class="branding-title-2 color-grey--800 font-weight-medium mb-9">
Lorem ipsum dolor
<span class="color-primary--500">sit consectetur</span>
</h1>
<p class="branding-text-lg color-grey--700 max-w-125">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos?
</p><img class="mx-auto mt-6" src="https://placeimg.com/440/480/animals"/>
</div>
<form class="block-form__form">
<div class="flex flex-justify-center only-desktop">
<svg class="icon-40 icon-color-primary--500 bg-color-grey--800 border-radius-rounded">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
</div>
<p class="branding-text color-grey--800 font-weight-bold only-desktop text-align-center mt-6 mb-10">Lorem ipsum dolor sit amet
</p>
<div class="input mb-6">
<label class="input__label" for="lastname">Lastname</label>
<div class="input__container">
<input type="text" id="lastname" placeholder="Input text goes here"/>
</div>
</div>
<div class="input mb-6">
<label class="input__label" for="firstname">Firstname</label>
<div class="input__container">
<input type="text" id="firstname" placeholder="Input text goes here"/>
</div>
</div>
<div class="input mb-6">
<label class="input__label" for="email">Email</label>
<div class="input__container">
<input type="text" id="email" placeholder="Input text goes here"/>
</div>
</div>
<div class="input mb-6">
<label class="input__label" for="company-name">Company Name</label>
<div class="input__container">
<input type="text" id="company-name" placeholder="Input text goes here"/>
</div>
</div>
<div class="input mb-6">
<label class="input__label" for="phone">Phone</label>
<div class="input__container">
<div class="input__dropdown-prefix select">
<div class="select__input">
<svg class="icon-32">
<use href="/svg/32x32/line/flag-FR.svg#flag-FR-line-32"></use>
</svg>
</div>
<svg class="icon-16 icon-rotate-180 select__chevron mx-2">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
<div class="select__options">
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-DE.svg#flag-DE-line-32"></use>
</svg><span>(+49) Allemagne</span>
</div>
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-BE.svg#flag-BE-line-32"></use>
</svg><span>(+32) Belgique</span>
</div>
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-ES.svg#flag-ES-line-32"></use>
</svg><span>(+34) Espagne</span>
</div>
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-US.svg#flag-US-line-32"></use>
</svg><span>(+1) États-Unis</span>
</div>
<div class="select__option select__option--active">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-FR.svg#flag-FR-line-32"></use>
</svg><span>(+33) France</span>
</div>
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-IT.svg#flag-IT-line-32"></use>
</svg><span>(+39) Italie</span>
</div>
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-EN.svg#flag-EN-line-32"></use>
</svg><span>(+44) Royaume-Uni</span>
</div>
<div class="select__option">
<svg class="icon-32 mr-3">
<use href="/svg/32x32/line/flag-SU.svg#flag-SU-line-32"></use>
</svg><span>(+41) Suisse</span>
</div>
</div>
</div>
<input type="text" id="phone" placeholder="+33 6 78 90 12 34"/>
</div>
</div>
<a class="btn btn--lg btn--primary w-full mt-10">Lorem ipsum</a>
<p class="branding-text-sm color-grey--500 mt-9 text-align-center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos consectetur accusantium ullam voluptate hic nisi omnis porro voluptas ratione labore.
</p>
</form>
</div>
</div>
</div>
<header class="block-header-primary">
<div class="prismea-content-container">
<div class="block-header-primary__wrapper">
<div class="mb-7">
<h1 class="branding-title-1 color-grey--800 font-weight-medium">
Comment améliorer la
<span class="color-primary--500">sit consectetur</span>
</h1>
<p class="branding-text-lg color-grey--700 block-header-primary__description-lg mt-10 max-w-125">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos?
</p>
<p class="branding-text-lg color-grey--700 block-header-primary__description mt-5 max-w-125">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime?
</p>
<div class="flex flex-gap-5 flex-wrap mt-13">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div>
<div class="block-header-primary__rating mt-13">
<div class="rating">
<div class="rating__score mb-1">4</div>
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 80%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
<div class="rating__description color-grey--800 mt-1">Lorem ipusm</div>
</div>
<div class="rating">
<div class="rating__score mb-1">4.3</div>
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 86%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
<div class="rating__description color-grey--800 mt-1">Lorem ipusm</div>
</div>
<div class="rating">
<div class="rating__score mb-1">4.8</div>
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 96%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
<div class="rating__description color-grey--800 mt-1">Lorem ipusm</div>
</div>
</div>
</div><img class="block-header-primary__image ma-auto" src="https://placeimg.com/400/500/animals"/>
</div>
<div class="block-header-primary__partners">
<div class="prismea-fake-swiper"><img class="block-header-primary__partner" src="https://placeimg.com/40/35/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/106/21/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/96/21/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/80/21/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/95/20/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/45/34/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/35/33/animals"/><img class="block-header-primary__partner" src="https://placeimg.com/98/12/animals"/></div>
</div>
</div>
</header>
<header class="block-header-secondary">
<div class="prismea-content-container">
<div class="block-header-secondary__wrapper">
<div class="mb-7">
<h1 class="branding-title-1 color-grey--800 font-weight-medium">
Comment améliorer la
<span class="color-primary--500">sit consectetur</span>
</h1>
<p class="branding-text-lg color-grey--700 block-header-secondary__description-lg mt-10 max-w-125">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos?
</p>
<p class="branding-text-lg color-grey--700 block-header-secondary__description mt-5 max-w-125">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime?
</p>
<div class="flex flex-gap-5 flex-wrap mt-13">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div>
<div class="block-header-secondary__rating mt-13">
<div class="rating">
<div class="rating__score mb-1">4</div>
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 80%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
<div class="rating__description color-grey--800 mt-1">Lorem ipusm</div>
</div>
<div class="rating">
<div class="rating__score mb-1">4.3</div>
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 86%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
<div class="rating__description color-grey--800 mt-1">Lorem ipusm</div>
</div>
<div class="rating">
<div class="rating__score mb-1">4.8</div>
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 96%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
<div class="rating__description color-grey--800 mt-1">Lorem ipusm</div>
</div>
</div>
</div><img class="block-header-primary__image ma-auto" src="https://placeimg.com/300/450/animals"/>
</div>
</div>
</header>
<header class="block-header-tertiary">
<div class="prismea-content-container">
<div class="flex flex-justify-center">
<svg class="icon-40 border-radius-4 bg-color-primary--500 icon-color-white">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
</div>
<h1 class="branding-title-4 color-grey--800 font-weight-medium mt-3 text-align-center">Lorem ipsum dolor sit amet
</h1>
</div>
</header>
<div class="block-horizontal-items bg-color-primary--500 py-16 px-5 text-align-center">
<div class="mt-8 only-desktop"></div>
<h3 class="branding-title-3 color-white font-weight-medium mb-12">Lorem ipsum dolor sit amet
</h3>
<div class="flex flex-justify-center flex-wrap flex-gap-5">
<div class="block-horizontal-items__card max-w-64 py-8 px-6 ba-color-primary--300 border-radius-8 shadow-branding">
<p class="branding-title-4 color-white font-weight-medium font-weight-bold mb-3">Consectetur
</p>
<p class="branding-text-lg color-white font-weight-medium">Lorem ipsum dolor sit amet
</p>
</div>
<div class="block-horizontal-items__card max-w-64 py-8 px-6 ba-color-primary--300 border-radius-8 shadow-branding">
<p class="branding-title-4 color-white font-weight-medium font-weight-bold mb-3">Consectetur
</p>
<p class="branding-text-lg color-white font-weight-medium">Lorem ipsum dolor sit amet
</p>
</div>
<div class="block-horizontal-items__card max-w-64 py-8 px-6 ba-color-primary--300 border-radius-8 shadow-branding">
<p class="branding-title-4 color-white font-weight-medium font-weight-bold mb-3">Consectetur
</p>
<p class="branding-text-lg color-white font-weight-medium">Lorem ipsum dolor sit amet
</p>
</div>
<div class="block-horizontal-items__card max-w-64 py-8 px-6 ba-color-primary--300 border-radius-8 shadow-branding">
<p class="branding-title-4 color-white font-weight-medium font-weight-bold mb-3">Consectetur
</p>
<p class="branding-text-lg color-white font-weight-medium">Lorem ipsum dolor sit amet
</p>
</div>
<div class="block-horizontal-items__card max-w-64 py-8 px-6 ba-color-primary--300 border-radius-8 shadow-branding">
<p class="branding-title-4 color-white font-weight-medium font-weight-bold mb-3">Consectetur
</p>
<p class="branding-text-lg color-white font-weight-medium">Lorem ipsum dolor sit amet
</p>
</div>
</div>
<div class="mt-8 only-desktop"></div>
</div>
<div class="block-image">
<div class="prismea-content-container"><img class="overflow-h border-radius-8" src="https://placeimg.com/1200/450/animals"/></div>
</div>
<div class="prismea-content-container">
<div class="block-image-text border-radius-8 bg-color-grey--50 block-image-text--illustration">
<div class="block-image-text__wrapper">
<div class="block-image-text__text">
<p class="branding-text-lg color-primary--500 text-transform-uppercase font-weight-bold mb-4">Lorem
</p>
<h3 class="branding-title-3 color-grey--800 font-weight-medium mb-18">Lorem ipsum dolor sit amet
</h3>
<div class="mb-18 wysiwyg">
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos consectetur accusantium ullam voluptate hic nisi omnis porro voluptas ratione labore.
</p>
<ul class="checklist my-10">
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
<li>
<svg class="icon-16 icon-color-primary--300 mt-1 flex-no-shrink">
<use href="/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16"></use>
</svg>
<span class="branding-text color-grey--800 font-weight-medium mb-3">Lorem ipsum dolor sit amet
</span>
</li>
</ul>
</div>
<div class="flex flex-gap-5 flex-wrap block-image-text__buttons">
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
</div>
</div>
<div class="block-image-text__visuals max-w-105 w-full">
<lottie-player class="block-image-text__visual w-full h-auto" src="https://assets8.lottiefiles.com/private_files/lf30_ljlt8fcv.json" background="transparent" loop="loop" autoplay="autoplay"></lottie-player><img class="block-image-text__illustration" src="/projects/landingpage/images/illustration.svg"/>
</div>
</div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-press-releases">
<div class="press-release-card"><img class="press-release-card__image" src="https://placeimg.com/600/270/animals"/>
<div class="press-release-card__body">
<h3 class="prismea-text -size-20 -text-multiline mb-6"><span class="color-primary--500">Lorem ipsum</span>
dolor sit amet consectetur adipisicing elit
</h3><a class="prismea-text prismea-link">Lorem ipusm ></a>
</div>
</div>
<div class="press-release-card"><img class="press-release-card__image" src="https://placeimg.com/600/270/animals"/>
<div class="press-release-card__body">
<h3 class="prismea-text -size-20 -text-multiline mb-6"><span class="color-primary--500">Lorem ipsum</span>
dolor sit amet consectetur adipisicing elit
</h3><a class="prismea-text prismea-link">Lorem ipusm ></a>
</div>
</div>
</div>
</div>
<div class="block-pricing">
<div class="prismea-content-container">
<div class="prismea-fake-swiper">
<div class="pricing-card">
<div class="pricing-card-header bg-color-primary--300">
<p class="prismea-text -font-secondary -size-50 prismea-color -color-gunmetal -text-medium">29€</p>
<p class="prismea-text -size-14 prismea-color -color-white -text-medium">Lorem ipsum dolor</p>
</div>
<div class="pricing-card-body">
<p class="prismea-text -size-18 prismea-color -color-primary-500 -text-medium">Consectetur</p>
<p class="prismea-text -size-30 prismea-color -color-gunmetal -text-medium -text-multiline">Lorem ipusm
dolor sit amet</p>
<div class="prismea-vertical-spacing-25--slot"><img src="/projects/landingpage/images/shape-double-diagonal.svg"/></div>
<div class="prismea-vertical-spacing-30--slot">
<p class="prismea-text -size-18 prismea-vertical-spacing-5--slot -text-multiline">Praesentium illum
"accusamus"</p>
<p class="prismea-text -size-14 prismea-color -color-grey-800 ">Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
</div>
<ul class="prismea-vertical-spacing-30--slot">
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Consequuntur neque</p>
</li>
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Expedita repellat unde</p>
</li>
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Minima totam atque! Eius illum nemo et</p>
</li>
</ul>
</div>
<div class="pricing-card-footer"><img src="https://placeimg.com/180/180/animals"/></div>
</div>
<div class="pricing-card">
<div class="pricing-card-header bg-color-grey--800">
<p class="prismea-text -font-secondary -size-50 prismea-color -color-primary-500 -text-medium">29€</p>
<p class="prismea-text -size-14 prismea-color -color-white -text-medium">Lorem ipsum dolor</p>
</div>
<div class="pricing-card-body">
<p class="prismea-text -size-18 prismea-color -color-primary-500 -text-medium">Consectetur</p>
<p class="prismea-text -size-30 prismea-color -color-gunmetal -text-medium -text-multiline">Lorem ipusm
dolor sit amet</p>
<div class="prismea-vertical-spacing-25--slot"><img src="/projects/landingpage/images/shape-double-diagonal.svg"/></div>
<div class="prismea-vertical-spacing-30--slot">
<p class="prismea-text -size-18 prismea-vertical-spacing-5--slot -text-multiline">Praesentium illum
"accusamus"</p>
<p class="prismea-text -size-14 prismea-color -color-grey-800 ">Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
</div>
<ul class="prismea-vertical-spacing-30--slot">
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Consequuntur neque</p>
</li>
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Expedita repellat unde</p>
</li>
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Minima totam atque! Eius illum nemo et</p>
</li>
</ul>
</div>
<div class="pricing-card-footer"><img src="https://placeimg.com/180/180/animals"/></div>
</div>
<div class="pricing-card">
<div class="pricing-card-header bg-color-primary--300">
<p class="prismea-text -font-secondary -size-50 prismea-color -color-gunmetal -text-medium">29€</p>
<p class="prismea-text -size-14 prismea-color -color-white -text-medium">Lorem ipsum dolor</p>
</div>
<div class="pricing-card-body">
<p class="prismea-text -size-18 prismea-color -color-primary-500 -text-medium">Consectetur</p>
<p class="prismea-text -size-30 prismea-color -color-gunmetal -text-medium -text-multiline">Lorem ipusm
dolor sit amet</p>
<div class="prismea-vertical-spacing-25--slot"><img src="/projects/landingpage/images/shape-double-diagonal.svg"/></div>
<div class="prismea-vertical-spacing-30--slot">
<p class="prismea-text -size-18 prismea-vertical-spacing-5--slot -text-multiline">Praesentium illum
"accusamus"</p>
<p class="prismea-text -size-14 prismea-color -color-grey-800 ">Lorem ipsum dolor sit amet consectetur adipisicing elit</p>
</div>
<ul class="prismea-vertical-spacing-30--slot">
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Consequuntur neque</p>
</li>
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Expedita repellat unde</p>
</li>
<li class="prismea-vertical-spacing-25--slot">
<p class="prismea-text">Minima totam atque! Eius illum nemo et</p>
</li>
</ul>
</div>
<div class="pricing-card-footer"><img src="https://placeimg.com/180/180/animals"/></div>
</div>
</div>
</div>
</div>
<div class="block-rating">
<div class="prismea-content-container">
<div class="block-rating-body mb-6">
<div class="block-rating-title">
<p class="prismea-text -font-uppercase -size-14 prismea-color -color-grey-700 ">In gravida diam</p>
<h4 class="branding-title-4 color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet
</h4>
</div>
<div class="block-rating-content">
<div class="block-rating-content-store">
<p class="prismea-text -size-22"><span class="prismea-text -size-36 prismea-color -color-primary-500">4.8</span>/5</p>
<div class="block-rating-content-store-stars">
<div class="block-rating-content-store-stars--off">★★★★★</div>
<div class="block-rating-content-store-stars--on" style="width: 96%">★★★★★</div>
</div>
<div class="block-rating-content-store-name mt-4"><span class="prismea-text -size-14">Sur App Store</span></div>
</div>
<div class="block-rating-content-store">
<p class="prismea-text -size-22"><span class="prismea-text -size-36 prismea-color -color-primary-500">4.4</span>/5</p>
<div class="block-rating-content-store-stars">
<div class="block-rating-content-store-stars--off">★★★★★</div>
<div class="block-rating-content-store-stars--on" style="width: 88.00000000000001%">★★★★★</div>
</div>
<div class="block-rating-content-store-name mt-4"><span class="prismea-text -size-14">Sur Google Play</span></div>
</div>
</div>
</div>
<div class="separator w-full bg-color-grey--800"></div>
</div>
</div>
<div class="prismea-content-container">
<div class="block-simple bg-color-primary--50">
<h3 class="branding-title-3 color-grey--800 font-weight-medium mb-10 text-align-center">Lorem ipsum dolor sit amet
</h3>
<div class="my-7 wysiwyg color-grey--700 text-align-center">
<h5 class="branding-text-xl color-grey--800 mt-5 mb-4">Lorem ipsum dolor sit amet
</h5>
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, recusandae laboriosam? Nulla deserunt dolores aliquam est omnis fuga quisquam ut qui ex commodi voluptates delectus qui
</p>
</div>
<div class="flex flex-justify-center flex-gap-5 flex-wrap mt-10">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div><img class="block-simple-illustration" src="/projects/landingpage/images/shape-double-trait.svg"/>
</div>
</div>
<div class="prismea-content-container">
<div class="block-step bg-color-grey--50"><img class="block-step__image ma-auto" src="https://placeimg.com/250/400/animals"/>
<div class="block-step__text">
<ul class="block-step__steps">
<li class="block-step__step">
<div class="block-step__step-number font-weight-medium color-primary--500">01</div>
<div class="branding-text-xl font-weight-medium color-grey--800">Lorem ipsum dolor sit amet consectetur</div>
</li>
<li class="block-step__step">
<div class="block-step__step-number font-weight-medium color-primary--500">02</div>
<div class="branding-text-xl font-weight-medium color-grey--800">Lorem ipsum dolor sit amet</div>
</li>
<li class="block-step__step">
<div class="block-step__step-number font-weight-medium color-primary--500">03</div>
<div class="branding-text-xl font-weight-medium color-grey--800">Lorem ipsum dolor sit</div>
</li>
</ul>
<div class="flex">
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div>
</div>
</div>
</div>
<div class="block-testimonials">
<div class="prismea-content-container">
<div class="prismea-fake-swiper">
<div class="testimonial-card border-radius-8 ba-color-primary--300 bg-color-white max-w-92 h-full shadow-branding">
<div class="testimonial-card__header"><img class="testimonial-card__header-image w-22 h-22 border-radius-rounded" src="https://placeimg.com/300/180/animals"/>
<div class="testimonial-card__header-text">
<p class="branding-text-lg color-primary--500 font-weight-bold">Lorem ipsum
</p>
<p class="branding-text-md color-grey--800 font-weight-bold font-style-italic">Dolor @ Sit amet consectetur
</p>
<div class="flex flex-align-center flex-gap-2 mt-3">
<div class="rating">
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 0%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
</div>
<span class="branding-text-md color-grey--800 font-weight-bold">quae magnam
</span>
</div>
</div>
</div>
<p class="branding-text color-grey--700 mt-8">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo, corrupti quae magnam vero molestiae distinctio libero, praesentium culpa deserunt pariatur odio, obcaecati repellat sint aspernatur accusamus porro nam at nulla! Itaque praesentium rem aliquid fugiat facilis porro quo adipisci harum hic quisquam numquam quam distinctio quas ipsam.
</p>
</div>
<div class="testimonial-card border-radius-8 ba-color-primary--300 bg-color-white max-w-92 h-full shadow-branding">
<div class="testimonial-card__header"><img class="testimonial-card__header-image w-22 h-22 border-radius-rounded" src="https://placeimg.com/300/180/animals"/>
<div class="testimonial-card__header-text">
<p class="branding-text-lg color-primary--500 font-weight-bold">Lorem ipsum
</p>
<p class="branding-text-md color-grey--800 font-weight-bold font-style-italic">Dolor @ Sit amet consectetur
</p>
<div class="flex flex-align-center flex-gap-2 mt-3">
<div class="rating">
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 0%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
</div>
<span class="branding-text-md color-grey--800 font-weight-bold">quae magnam
</span>
</div>
</div>
</div>
<p class="branding-text color-grey--700 mt-8">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo, corrupti quae magnam vero molestiae distinctio libero, praesentium culpa deserunt pariatur odio, obcaecati repellat sint aspernatur accusamus porro nam at nulla! Itaque praesentium rem aliquid fugiat facilis porro quo adipisci harum hic quisquam numquam quam distinctio quas ipsam.
</p>
</div>
<div class="testimonial-card border-radius-8 ba-color-primary--300 bg-color-white max-w-92 h-full shadow-branding">
<div class="testimonial-card__header"><img class="testimonial-card__header-image w-22 h-22 border-radius-rounded" src="https://placeimg.com/300/180/animals"/>
<div class="testimonial-card__header-text">
<p class="branding-text-lg color-primary--500 font-weight-bold">Lorem ipsum
</p>
<p class="branding-text-md color-grey--800 font-weight-bold font-style-italic">Dolor @ Sit amet consectetur
</p>
<div class="flex flex-align-center flex-gap-2 mt-3">
<div class="rating">
<div class="rating__stars">
<div class="rating__stars-off">
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-grey--800 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
<div class="rating__stars-on" style="width: 0%;">
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
<svg class="icon-16 icon-color-primary--500 rating__star">
<use href="/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16"></use>
</svg>
</div>
</div>
</div>
<span class="branding-text-md color-grey--800 font-weight-bold">quae magnam
</span>
</div>
</div>
</div>
<p class="branding-text color-grey--700 mt-8">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo, corrupti quae magnam vero molestiae distinctio libero, praesentium culpa deserunt pariatur odio, obcaecati repellat sint aspernatur accusamus porro nam at nulla! Itaque praesentium rem aliquid fugiat facilis porro quo adipisci harum hic quisquam numquam quam distinctio quas ipsam.
</p>
</div>
</div>
</div>
</div>
<div class="block-title">
<div class="prismea-content-container">
<p class="branding-text-lg color-primary--500 text-transform-uppercase font-weight-bold mb-4">Lorem ipsum
</p>
<h2 class="branding-title-2 color-grey--800 font-weight-medium mb-4">
Lorem ipsum dolor
<span class="color-primary--500">sit amet consectetur</span>
</h2>
<p class="branding-text-lg color-grey--700 font-weight-medium mt-5 text-multiline">
Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Illum, dignissimos? Voluptates maiores dolorum impedit maxime?
</p>
</div>
</div>
</div>
<footer class="footer">
<div class="prismea-content-container">
<div class="footer__navigation">
<div class="footer__navigation-column"><a>
<svg class="w-32 h-12">
<use href="/svg/logo.svg#logo"></use>
</svg></a>
<div class="trustpilot-rating mt-7">
<div class="trustpilot-rating__stars">
<div class="trustpilot-rating__stars-off">
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
<div class="trustpilot-rating__stars-on" style="width: 88.00000000000001%;">
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
</div>
</div>
<p class="branding-text-md color-grey--800 font-weight-medium mt-2"><span class="color-primary--600">4,4</span> sur Trustpilot | 40 avis
</p>
</div>
<div class="footer__navigation-column footer__navigation-dropdown footer__navigation-dropdown--open">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
</div>
<div class="footer__slip">
<div class="footer__copyright">Lorem ipsum dolor sit</div>
<div class="flex flex-gap-5"><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32"></use>
</svg></a></div>
<div class="flex flex-gap-2"><a class="prismea-landingpage-store-link" href="https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img src="https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0" alt="Disponible sur Google Play"/></a><a class="prismea-landingpage-store-link" href="https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&amp;itscg=30200"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&amp;releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5" alt="Disponible sur l'App Store"/></a>
</div>
</div>
<div class="footer__mentions">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!</div>
</div>
</footer>nav.menu.menu--fixed
a.menu__logo.h-9.mr-16
svg.w-24.h-9
use(href='/svg/logo-sm.svg#logo-sm')
.menu__buttons
.menu__button-open
svg.icon-24.icon-color-grey--800
use(href='/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24')
.menu__button-close
svg.icon-24.icon-color-grey--800
use(href='/svg/24x24/line/close.svg#close-line-24')
ul.menu__navigation
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-center.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li
a.menu__navigation-dropdown-option Lorem ipsum dolor
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit amet
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-centerr.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
a.btn.btn--md.btn--primary.btn--responsive Lorem ipsum
.prismea-landingpage-content
.prismea-content-container
.block-articles
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.article-card
img.article-card__image(src='https://placeimg.com/380/250/animals')
.article-card__body
.mb-3
.prismea-landingpage-category-label
.prismea-landingpage-category-label-text
p.prismea-text.-size-14 Lorem Ipsum
h3.prismea-text.-size-18.-text-medium.mb-5 Lorem ipsum dolor sit amet consectetur adipisicing elit
p.prismea-text.color-grey--700 Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa perspiciatis numquam consectetur vitae commodi similique exercitationem, lauda.
.article-card__footer.flex.flex-align-center.flex-gap-4
.avatar.avatar--lg.border-radius-rounded.flex-no-shrink
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-12.color-grey--600
span Lorem ipsum dolor sit
span.color-primary--500 amet consectetur
.prismea-content-container
.block-banner
.block-banner-header
img(src='https://placeimg.com/130/90/animals')
.block-banner-body
h4.branding-title-4.color-white.font-weight-medium.mb-6.text-align-center.
Lorem ipsum dolor sit amet
p.prismea-text.-size-16.prismea-color.-color-white.text-align-center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies. Ut nec felis at sapien condimentum faucibus. Pellentesque tempus nec est eu iaculis. (16px)
img.block-banner-illustration(src='/projects/landingpage/images/shape-double-trait--secondary.svg')
.block-button
.prismea-content-container
.flex.flex-justify-center.flex-gap-5.flex-wrap
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
.block-carousel-video-testimonials
.prismea-content-container
.block-carousel-video-testimonials__header
p.branding-text-lg.color-primary--500.text-transform-uppercase.font-weight-bold.mb-2 Pre title lorem
h2.branding-title-3.font-weight-medium Lorem ipsum title
.block-carousel-video-testimonials__carousel-chevron
.block-carousel-video-testimonials__carousel-chevron-left.btn-icon--md
svg.icon-24.icon-color-primary--300
use(href='/svg/24x24/line/chevron-left.svg#chevron-left-line-24')
.block-carousel-video-testimonials__carousel-chevron-right.btn-icon--md
svg.icon-24.icon-color-primary--300
use(href='/svg/24x24/line/chevron-right.svg#chevron-right-line-24')
.block-carousel-video-testimonials__carousel
.block-carousel-video-testimonials__carousel-video
.block-carousel-video-testimonials__carousel-video-vignette
img.block-carousel-video-testimonials__carousel-video-vignette-profile(src='http://placeimg.com/750/1000/tech')
.block-carousel-video-testimonials__carousel-video-vignette-icon
img(src='/projects/landingpage/images/icn-play-video.svg')
.block-carousel-video-testimonials__carousel-video-title.branding-text-md
p.color-primary--500 Name user
p Type job
.block-carousel-video-testimonials__carousel-video
.block-carousel-video-testimonials__carousel-video-vignette
img.block-carousel-video-testimonials__carousel-video-vignette-profile(src='http://placeimg.com/750/1000/tech')
.block-carousel-video-testimonials__carousel-video-vignette-icon
img(src='/projects/landingpage/images/icn-play-video.svg')
.block-carousel-video-testimonials__carousel-video-title.branding-text-md
p.color-primary--500 Name user
p Type job
.block-carousel-video-testimonials__carousel-video.block-carousel-video-testimonials__carousel-video--active
.block-carousel-video-testimonials__carousel-video-vignette
img.block-carousel-video-testimonials__carousel-video-vignette-profile(src='http://placeimg.com/750/1000/tech')
.block-carousel-video-testimonials__carousel-video-vignette-icon
img(src='/projects/landingpage/images/icn-play-video.svg')
.block-carousel-video-testimonials__carousel-video-title.branding-text-md
p.color-primary--500 Name user
p Type job
.block-carousel-video-testimonials__carousel-video
.block-carousel-video-testimonials__carousel-video-vignette
img.block-carousel-video-testimonials__carousel-video-vignette-profile(src='http://placeimg.com/750/1000/tech')
.block-carousel-video-testimonials__carousel-video-vignette-icon
img(src='/projects/landingpage/images/icn-play-video.svg')
.block-carousel-video-testimonials__carousel-video-title.branding-text-md
p.color-primary--500 Name user
p Type job
.block-carousel-video-testimonials__carousel-video
.block-carousel-video-testimonials__carousel-video-vignette
img.block-carousel-video-testimonials__carousel-video-vignette-profile(src='http://placeimg.com/750/1000/tech')
.block-carousel-video-testimonials__carousel-video-vignette-icon
img(src='/projects/landingpage/images/icn-play-video.svg')
.block-carousel-video-testimonials__carousel-video-title.branding-text-md
p.color-primary--500 Name user
p Type job
.block-carousel-video-testimonials__testimonial
.block-carousel-video-testimonials__testimonial-profile
img(src='http://placeimg.com/750/1000/tech')
p.block-carousel-video-testimonials__testimonial-title.branding-text-md
span Name user,
| Job name of user
.block-carousel-video-testimonials__testimonial-description Lorem ipsum dolor sit amet of Patrice Kahn, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
.block-checklist.-grey-100
.prismea-content-container
.block-checklist-content
.block-checklist-head
.separator.w-full.bg-color-primary--500.max-w-10.mx-auto
h4.branding-title-4.color-grey--800.font-weight-medium.
Lorem ipsum
.separator.w-full.bg-color-primary--500.max-w-10.mx-auto
.block-checklist-body
ul.checklist.block-checklist-column
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
ul.checklist.block-checklist-column
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
.prismea-content-container
.block-contact
.block-contact-head
h4.branding-title-4.color-grey--800.font-weight-medium
span.color-primary--500 Lorem
| ipsum
.block-contact-body
.block-contact-body--item
.avatar.avatar--lg.border-radius-rounded
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-18.text-bold.color-primary--500 Lorem ipsum
p.text-bold Lorem ipsum
p Lorem ipsum
p Lorem ipsum
.block-contact-body--item
.avatar.avatar--lg.border-radius-rounded
img.avatar__image(src='https://images.unsplash.com/photo-1541298645675-6cc8e127934d')
p.prismea-text.-size-18.text-bold.color-primary--500 Lorem ipsum
p.text-bold Lorem ipsum
p Lorem ipsum
p Lorem ipsum
.prismea-content-container
.block-faq
.mt-16
.flex.flex-align-center.flex-wrap.flex-gap-4.mb-7
svg.icon-40.border-radius-4.bg-color-primary--500.icon-color-white
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
p.branding-text-xxl.color-primary--500.
Lorem ipsum dolor sit amet
p.branding-text.color-grey--700.mb-8.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, eos ad quas odit minima distinctio beatae iure eligendi omnis quia, ducimus doloremque neque fuga voluptate id pariatur error! Alias, autem. Consequuntur totam et cum est, aliquid quia magnam minus autem nisi sapiente neque quisquam aperiam recusandae.
.separator.w-full.bg-color-grey--400
.mt-16
.flex.flex-align-center.flex-wrap.flex-gap-4.mb-7
svg.icon-40.border-radius-4.bg-color-primary--500.icon-color-white
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
p.branding-text-xxl.color-primary--500.
Lorem ipsum dolor sit amet
p.branding-text.color-grey--700.mb-8.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, eos ad quas odit minima distinctio beatae iure eligendi omnis quia, ducimus doloremque neque fuga voluptate id pariatur error! Alias, autem. Consequuntur totam et cum est, aliquid quia magnam minus autem nisi sapiente neque quisquam aperiam recusandae.
.separator.w-full.bg-color-grey--400
.prismea-content-container
.block-features
.block-features-header.mb-11
.mb-5
img.block-features-image(src='https://placeimg.com/460/319/animals')
.prismea-horizontal-spacing-20.-justify-middle.-middle.-responsive
.prismea-horizontal-spacing-20--slot
svg.icon-40.icon-color-primary--500.bg-color-grey--800.border-radius-rounded
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
.prismea-horizontal-spacing-20--slot
h3.branding-title-3.color-grey--800.font-weight-medium.
Lorem ipsum dolor sit amet
.prismea-fake-swiper
.block-features-card
svg.icon-32.icon-color-primary--500
use(href='/svg/32x32/line/validate.svg#validate-line-32')
p.prismea-text.mt-1.-text-multiline Lorem ipsum dolor sit amet consectetur
.block-features-card
svg.icon-32.icon-color-primary--500
use(href='/svg/32x32/line/validate.svg#validate-line-32')
p.prismea-text.mt-1.-text-multiline Lorem ipsum dolor sit amet consectetur
.block-features-card
svg.icon-32.icon-color-primary--500
use(href='/svg/32x32/line/validate.svg#validate-line-32')
p.prismea-text.mt-1.-text-multiline Lorem ipsum dolor sit amet consectetur
.block-features-card
svg.icon-32.icon-color-primary--500
use(href='/svg/32x32/line/validate.svg#validate-line-32')
p.prismea-text.mt-1.-text-multiline Lorem ipsum dolor sit amet consectetur
.block-features-card
svg.icon-32.icon-color-primary--500
use(href='/svg/32x32/line/validate.svg#validate-line-32')
p.prismea-text.mt-1.-text-multiline Lorem ipsum dolor sit amet consectetur
.block-form
.prismea-content-container
.block-form__wrapper
.block-form__text.mb-6.min-w-100
h1.branding-title-2.color-grey--800.font-weight-medium.mb-9
|
Lorem ipsum dolor
span.color-primary--500 sit consectetur
p.branding-text-lg.color-grey--700.max-w-125.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos?
img.mx-auto.mt-6(src='https://placeimg.com/440/480/animals')
form.block-form__form
.flex.flex-justify-center.only-desktop
svg.icon-40.icon-color-primary--500.bg-color-grey--800.border-radius-rounded
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
p.branding-text.color-grey--800.font-weight-bold.only-desktop.text-align-center.mt-6.mb-10.
Lorem ipsum dolor sit amet
.input.mb-6
label.input__label(for='lastname') Lastname
.input__container
input#lastname(type='text', placeholder='Input text goes here')
.input.mb-6
label.input__label(for='firstname') Firstname
.input__container
input#firstname(type='text', placeholder='Input text goes here')
.input.mb-6
label.input__label(for='email') Email
.input__container
input#email(type='text', placeholder='Input text goes here')
.input.mb-6
label.input__label(for='company-name') Company Name
.input__container
input#company-name(type='text', placeholder='Input text goes here')
.input.mb-6
label.input__label(for='phone') Phone
.input__container
.input__dropdown-prefix.select
.select__input
svg.icon-32
use(href='/svg/32x32/line/flag-FR.svg#flag-FR-line-32')
svg.icon-16.icon-rotate-180.select__chevron.mx-2
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
.select__options
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-DE.svg#flag-DE-line-32')
span (+49) Allemagne
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-BE.svg#flag-BE-line-32')
span (+32) Belgique
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-ES.svg#flag-ES-line-32')
span (+34) Espagne
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-US.svg#flag-US-line-32')
span (+1) États-Unis
.select__option.select__option--active
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-FR.svg#flag-FR-line-32')
span (+33) France
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-IT.svg#flag-IT-line-32')
span (+39) Italie
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-EN.svg#flag-EN-line-32')
span (+44) Royaume-Uni
.select__option
svg.icon-32.mr-3
use(href='/svg/32x32/line/flag-SU.svg#flag-SU-line-32')
span (+41) Suisse
input#phone(type='text', placeholder='+33 6 78 90 12 34')
a.btn.btn--lg.btn--primary.w-full.mt-10 Lorem ipsum
p.branding-text-sm.color-grey--500.mt-9.text-align-center.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos consectetur accusantium ullam voluptate hic nisi omnis porro voluptas ratione labore.
header.block-header-primary
.prismea-content-container
.block-header-primary__wrapper
.mb-7
h1.branding-title-1.color-grey--800.font-weight-medium
|
Comment améliorer la
span.color-primary--500 sit consectetur
p.branding-text-lg.color-grey--700.block-header-primary__description-lg.mt-10.max-w-125.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos?
p.branding-text-lg.color-grey--700.block-header-primary__description.mt-5.max-w-125.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime?
.flex.flex-gap-5.flex-wrap.mt-13
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
.block-header-primary__rating.mt-13
.rating
.rating__score.mb-1 4
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 80%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__description.color-grey--800.mt-1 Lorem ipusm
.rating
.rating__score.mb-1 4.3
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 86%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__description.color-grey--800.mt-1 Lorem ipusm
.rating
.rating__score.mb-1 4.8
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 96%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__description.color-grey--800.mt-1 Lorem ipusm
img.block-header-primary__image.ma-auto(src='https://placeimg.com/400/500/animals')
.block-header-primary__partners
.prismea-fake-swiper
img.block-header-primary__partner(src='https://placeimg.com/40/35/animals')
img.block-header-primary__partner(src='https://placeimg.com/106/21/animals')
img.block-header-primary__partner(src='https://placeimg.com/96/21/animals')
img.block-header-primary__partner(src='https://placeimg.com/80/21/animals')
img.block-header-primary__partner(src='https://placeimg.com/95/20/animals')
img.block-header-primary__partner(src='https://placeimg.com/45/34/animals')
img.block-header-primary__partner(src='https://placeimg.com/35/33/animals')
img.block-header-primary__partner(src='https://placeimg.com/98/12/animals')
header.block-header-secondary
.prismea-content-container
.block-header-secondary__wrapper
.mb-7
h1.branding-title-1.color-grey--800.font-weight-medium
|
Comment améliorer la
span.color-primary--500 sit consectetur
p.branding-text-lg.color-grey--700.block-header-secondary__description-lg.mt-10.max-w-125.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime? Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos?
p.branding-text-lg.color-grey--700.block-header-secondary__description.mt-5.max-w-125.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime?
.flex.flex-gap-5.flex-wrap.mt-13
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
.block-header-secondary__rating.mt-13
.rating
.rating__score.mb-1 4
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 80%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__description.color-grey--800.mt-1 Lorem ipusm
.rating
.rating__score.mb-1 4.3
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 86%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__description.color-grey--800.mt-1 Lorem ipusm
.rating
.rating__score.mb-1 4.8
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 96%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__description.color-grey--800.mt-1 Lorem ipusm
img.block-header-primary__image.ma-auto(src='https://placeimg.com/300/450/animals')
header.block-header-tertiary
.prismea-content-container
.flex.flex-justify-center
svg.icon-40.border-radius-4.bg-color-primary--500.icon-color-white
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
h1.branding-title-4.color-grey--800.font-weight-medium.mt-3.text-align-center.
Lorem ipsum dolor sit amet
.block-horizontal-items.bg-color-primary--500.py-16.px-5.text-align-center
.mt-8.only-desktop
h3.branding-title-3.color-white.font-weight-medium.mb-12.
Lorem ipsum dolor sit amet
.flex.flex-justify-center.flex-wrap.flex-gap-5
.block-horizontal-items__card.max-w-64.py-8.px-6.ba-color-primary--300.border-radius-8.shadow-branding
p.branding-title-4.color-white.font-weight-medium.font-weight-bold.mb-3.
Consectetur
p.branding-text-lg.color-white.font-weight-medium.
Lorem ipsum dolor sit amet
.block-horizontal-items__card.max-w-64.py-8.px-6.ba-color-primary--300.border-radius-8.shadow-branding
p.branding-title-4.color-white.font-weight-medium.font-weight-bold.mb-3.
Consectetur
p.branding-text-lg.color-white.font-weight-medium.
Lorem ipsum dolor sit amet
.block-horizontal-items__card.max-w-64.py-8.px-6.ba-color-primary--300.border-radius-8.shadow-branding
p.branding-title-4.color-white.font-weight-medium.font-weight-bold.mb-3.
Consectetur
p.branding-text-lg.color-white.font-weight-medium.
Lorem ipsum dolor sit amet
.block-horizontal-items__card.max-w-64.py-8.px-6.ba-color-primary--300.border-radius-8.shadow-branding
p.branding-title-4.color-white.font-weight-medium.font-weight-bold.mb-3.
Consectetur
p.branding-text-lg.color-white.font-weight-medium.
Lorem ipsum dolor sit amet
.block-horizontal-items__card.max-w-64.py-8.px-6.ba-color-primary--300.border-radius-8.shadow-branding
p.branding-title-4.color-white.font-weight-medium.font-weight-bold.mb-3.
Consectetur
p.branding-text-lg.color-white.font-weight-medium.
Lorem ipsum dolor sit amet
.mt-8.only-desktop
.block-image
.prismea-content-container
img.overflow-h.border-radius-8(src='https://placeimg.com/1200/450/animals')
.prismea-content-container
.block-image-text.border-radius-8.bg-color-grey--50.block-image-text--illustration
.block-image-text__wrapper
.block-image-text__text
p.branding-text-lg.color-primary--500.text-transform-uppercase.font-weight-bold.mb-4.
Lorem
h3.branding-title-3.color-grey--800.font-weight-medium.mb-18.
Lorem ipsum dolor sit amet
.mb-18.wysiwyg
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos consectetur accusantium ullam voluptate hic nisi omnis porro voluptas ratione labore.
ul.checklist.my-10
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
li
svg.icon-16.icon-color-primary--300.mt-1.flex-no-shrink
use(href='/projects/landingpage/svg/16x16/bold/checklist.svg#checklist-bold-16')
span.branding-text.color-grey--800.font-weight-medium.mb-3.
Lorem ipsum dolor sit amet
.flex.flex-gap-5.flex-wrap.block-image-text__buttons
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
.block-image-text__visuals.max-w-105.w-full
lottie-player.block-image-text__visual.w-full.h-auto(src='https://assets8.lottiefiles.com/private_files/lf30_ljlt8fcv.json', background='transparent', loop, autoplay)
img.block-image-text__illustration(src='/projects/landingpage/images/illustration.svg')
.prismea-content-container
.block-press-releases
.press-release-card
img.press-release-card__image(src='https://placeimg.com/600/270/animals')
.press-release-card__body
h3.prismea-text.-size-20.-text-multiline.mb-6
span.color-primary--500 Lorem ipsum
|
dolor sit amet consectetur adipisicing elit
a.prismea-text.prismea-link Lorem ipusm >
.press-release-card
img.press-release-card__image(src='https://placeimg.com/600/270/animals')
.press-release-card__body
h3.prismea-text.-size-20.-text-multiline.mb-6
span.color-primary--500 Lorem ipsum
|
dolor sit amet consectetur adipisicing elit
a.prismea-text.prismea-link Lorem ipusm >
.block-pricing
.prismea-content-container
.prismea-fake-swiper
.pricing-card
.pricing-card-header.bg-color-primary--300
p.prismea-text.-font-secondary.-size-50.prismea-color.-color-gunmetal.-text-medium 29€
p.prismea-text.-size-14.prismea-color.-color-white.-text-medium Lorem ipsum dolor
.pricing-card-body
p.prismea-text.-size-18.prismea-color.-color-primary-500.-text-medium Consectetur
p.prismea-text.-size-30.prismea-color.-color-gunmetal.-text-medium.-text-multiline Lorem ipusm dolor sit amet
.prismea-vertical-spacing-25--slot
img(src='/projects/landingpage/images/shape-double-diagonal.svg')
.prismea-vertical-spacing-30--slot
p.prismea-text.-size-18.prismea-vertical-spacing-5--slot.-text-multiline Praesentium illum "accusamus"
p.prismea-text.-size-14.prismea-color.-color-grey-800 Lorem ipsum dolor sit amet consectetur adipisicing elit
ul.prismea-vertical-spacing-30--slot
li.prismea-vertical-spacing-25--slot
p.prismea-text Consequuntur neque
li.prismea-vertical-spacing-25--slot
p.prismea-text Expedita repellat unde
li.prismea-vertical-spacing-25--slot
p.prismea-text Minima totam atque! Eius illum nemo et
.pricing-card-footer
img(src='https://placeimg.com/180/180/animals')
.pricing-card
.pricing-card-header.bg-color-grey--800
p.prismea-text.-font-secondary.-size-50.prismea-color.-color-primary-500.-text-medium 29€
p.prismea-text.-size-14.prismea-color.-color-white.-text-medium Lorem ipsum dolor
.pricing-card-body
p.prismea-text.-size-18.prismea-color.-color-primary-500.-text-medium Consectetur
p.prismea-text.-size-30.prismea-color.-color-gunmetal.-text-medium.-text-multiline Lorem ipusm dolor sit amet
.prismea-vertical-spacing-25--slot
img(src='/projects/landingpage/images/shape-double-diagonal.svg')
.prismea-vertical-spacing-30--slot
p.prismea-text.-size-18.prismea-vertical-spacing-5--slot.-text-multiline Praesentium illum "accusamus"
p.prismea-text.-size-14.prismea-color.-color-grey-800 Lorem ipsum dolor sit amet consectetur adipisicing elit
ul.prismea-vertical-spacing-30--slot
li.prismea-vertical-spacing-25--slot
p.prismea-text Consequuntur neque
li.prismea-vertical-spacing-25--slot
p.prismea-text Expedita repellat unde
li.prismea-vertical-spacing-25--slot
p.prismea-text Minima totam atque! Eius illum nemo et
.pricing-card-footer
img(src='https://placeimg.com/180/180/animals')
.pricing-card
.pricing-card-header.bg-color-primary--300
p.prismea-text.-font-secondary.-size-50.prismea-color.-color-gunmetal.-text-medium 29€
p.prismea-text.-size-14.prismea-color.-color-white.-text-medium Lorem ipsum dolor
.pricing-card-body
p.prismea-text.-size-18.prismea-color.-color-primary-500.-text-medium Consectetur
p.prismea-text.-size-30.prismea-color.-color-gunmetal.-text-medium.-text-multiline Lorem ipusm dolor sit amet
.prismea-vertical-spacing-25--slot
img(src='/projects/landingpage/images/shape-double-diagonal.svg')
.prismea-vertical-spacing-30--slot
p.prismea-text.-size-18.prismea-vertical-spacing-5--slot.-text-multiline Praesentium illum "accusamus"
p.prismea-text.-size-14.prismea-color.-color-grey-800 Lorem ipsum dolor sit amet consectetur adipisicing elit
ul.prismea-vertical-spacing-30--slot
li.prismea-vertical-spacing-25--slot
p.prismea-text Consequuntur neque
li.prismea-vertical-spacing-25--slot
p.prismea-text Expedita repellat unde
li.prismea-vertical-spacing-25--slot
p.prismea-text Minima totam atque! Eius illum nemo et
.pricing-card-footer
img(src='https://placeimg.com/180/180/animals')
.block-rating
.prismea-content-container
.block-rating-body.mb-6
.block-rating-title
p.prismea-text.-font-uppercase.-size-14.prismea-color.-color-grey-700 In gravida diam
h4.branding-title-4.color-grey--800.font-weight-medium.
Lorem ipsum dolor sit amet
.block-rating-content
.block-rating-content-store
p.prismea-text.-size-22
span.prismea-text.-size-36.prismea-color.-color-primary-500 4.8
| /5
.block-rating-content-store-stars
.block-rating-content-store-stars--off ★★★★★
.block-rating-content-store-stars--on(style='width: 96%') ★★★★★
.block-rating-content-store-name.mt-4
span.prismea-text.-size-14 Sur App Store
.block-rating-content-store
p.prismea-text.-size-22
span.prismea-text.-size-36.prismea-color.-color-primary-500 4.4
| /5
.block-rating-content-store-stars
.block-rating-content-store-stars--off ★★★★★
.block-rating-content-store-stars--on(style='width: 88.00000000000001%') ★★★★★
.block-rating-content-store-name.mt-4
span.prismea-text.-size-14 Sur Google Play
.separator.w-full.bg-color-grey--800
.prismea-content-container
.block-simple.bg-color-primary--50
h3.branding-title-3.color-grey--800.font-weight-medium.mb-10.text-align-center.
Lorem ipsum dolor sit amet
.my-7.wysiwyg.color-grey--700.text-align-center
h5.branding-text-xl.color-grey--800.mt-5.mb-4.
Lorem ipsum dolor sit amet
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, recusandae laboriosam? Nulla deserunt dolores aliquam est omnis fuga quisquam ut qui ex commodi voluptates delectus qui
.flex.flex-justify-center.flex-gap-5.flex-wrap.mt-10
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
img.block-simple-illustration(src='/projects/landingpage/images/shape-double-trait.svg')
.prismea-content-container
.block-step.bg-color-grey--50
img.block-step__image.ma-auto(src='https://placeimg.com/250/400/animals')
.block-step__text
ul.block-step__steps
li.block-step__step
.block-step__step-number.font-weight-medium.color-primary--500 01
.branding-text-xl.font-weight-medium.color-grey--800 Lorem ipsum dolor sit amet consectetur
li.block-step__step
.block-step__step-number.font-weight-medium.color-primary--500 02
.branding-text-xl.font-weight-medium.color-grey--800 Lorem ipsum dolor sit amet
li.block-step__step
.block-step__step-number.font-weight-medium.color-primary--500 03
.branding-text-xl.font-weight-medium.color-grey--800 Lorem ipsum dolor sit
.flex
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
.block-testimonials
.prismea-content-container
.prismea-fake-swiper
.testimonial-card.border-radius-8.ba-color-primary--300.bg-color-white.max-w-92.h-full.shadow-branding
.testimonial-card__header
img.testimonial-card__header-image.w-22.h-22.border-radius-rounded(src='https://placeimg.com/300/180/animals')
.testimonial-card__header-text
p.branding-text-lg.color-primary--500.font-weight-bold.
Lorem ipsum
p.branding-text-md.color-grey--800.font-weight-bold.font-style-italic.
Dolor @ Sit amet consectetur
.flex.flex-align-center.flex-gap-2.mt-3
.rating
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 0%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
span.branding-text-md.color-grey--800.font-weight-bold.
quae magnam
p.branding-text.color-grey--700.mt-8.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo, corrupti quae magnam vero molestiae distinctio libero, praesentium culpa deserunt pariatur odio, obcaecati repellat sint aspernatur accusamus porro nam at nulla! Itaque praesentium rem aliquid fugiat facilis porro quo adipisci harum hic quisquam numquam quam distinctio quas ipsam.
.testimonial-card.border-radius-8.ba-color-primary--300.bg-color-white.max-w-92.h-full.shadow-branding
.testimonial-card__header
img.testimonial-card__header-image.w-22.h-22.border-radius-rounded(src='https://placeimg.com/300/180/animals')
.testimonial-card__header-text
p.branding-text-lg.color-primary--500.font-weight-bold.
Lorem ipsum
p.branding-text-md.color-grey--800.font-weight-bold.font-style-italic.
Dolor @ Sit amet consectetur
.flex.flex-align-center.flex-gap-2.mt-3
.rating
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 0%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
span.branding-text-md.color-grey--800.font-weight-bold.
quae magnam
p.branding-text.color-grey--700.mt-8.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo, corrupti quae magnam vero molestiae distinctio libero, praesentium culpa deserunt pariatur odio, obcaecati repellat sint aspernatur accusamus porro nam at nulla! Itaque praesentium rem aliquid fugiat facilis porro quo adipisci harum hic quisquam numquam quam distinctio quas ipsam.
.testimonial-card.border-radius-8.ba-color-primary--300.bg-color-white.max-w-92.h-full.shadow-branding
.testimonial-card__header
img.testimonial-card__header-image.w-22.h-22.border-radius-rounded(src='https://placeimg.com/300/180/animals')
.testimonial-card__header-text
p.branding-text-lg.color-primary--500.font-weight-bold.
Lorem ipsum
p.branding-text-md.color-grey--800.font-weight-bold.font-style-italic.
Dolor @ Sit amet consectetur
.flex.flex-align-center.flex-gap-2.mt-3
.rating
.rating__stars
.rating__stars-off
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-grey--800.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
.rating__stars-on(style='width: 0%;')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
svg.icon-16.icon-color-primary--500.rating__star
use(href='/projects/landingpage/svg/16x16/bold/star.svg#star-bold-16')
span.branding-text-md.color-grey--800.font-weight-bold.
quae magnam
p.branding-text.color-grey--700.mt-8.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illo, corrupti quae magnam vero molestiae distinctio libero, praesentium culpa deserunt pariatur odio, obcaecati repellat sint aspernatur accusamus porro nam at nulla! Itaque praesentium rem aliquid fugiat facilis porro quo adipisci harum hic quisquam numquam quam distinctio quas ipsam.
.block-title
.prismea-content-container
p.branding-text-lg.color-primary--500.text-transform-uppercase.font-weight-bold.mb-4.
Lorem ipsum
h2.branding-title-2.color-grey--800.font-weight-medium.mb-4
|
Lorem ipsum dolor
span.color-primary--500 sit amet consectetur
p.branding-text-lg.color-grey--700.font-weight-medium.mt-5.text-multiline.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Illum, dignissimos? Voluptates maiores dolorum impedit maxime?
footer.footer
.prismea-content-container
.footer__navigation
.footer__navigation-column
a
svg.w-32.h-12
use(href='/svg/logo.svg#logo')
.trustpilot-rating.mt-7
.trustpilot-rating__stars
.trustpilot-rating__stars-off
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
.trustpilot-rating__stars-on(style='width: 88.00000000000001%;')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
p.branding-text-md.color-grey--800.font-weight-medium.mt-2
span.color-primary--600 4,4
| sur Trustpilot | 40 avis
.footer__navigation-column.footer__navigation-dropdown.footer__navigation-dropdown--open
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__slip
.footer__copyright Lorem ipsum dolor sit
.flex.flex-gap-5
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32')
.flex.flex-gap-2
a.prismea-landingpage-store-link(href='https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1')
img(src='https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0', alt='Disponible sur Google Play')
a.prismea-landingpage-store-link(href='https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&itscg=30200')
img(src='https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5', alt='Disponible sur l\'App Store')
.footer__mentions Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!An error page may contain the following organizations:
prismea-landingpage-error-headerprismea-footer<nav class="menu menu--fixed"><a class="menu__logo h-9 mr-16">
<svg class="w-24 h-9">
<use href="/svg/logo-sm.svg#logo-sm"></use>
</svg></a>
<div class="menu__buttons">
<div class="menu__button-open">
<svg class="icon-24 icon-color-grey--800">
<use href="/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24"></use>
</svg>
</div>
<div class="menu__button-close">
<svg class="icon-24 icon-color-grey--800">
<use href="/svg/24x24/line/close.svg#close-line-24"></use>
</svg>
</div>
</div>
<ul class="menu__navigation">
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-center overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit amet</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<div class="menu__navigation-dropdown">
<div class="flex flex-gap-1 flex-align-centerr overflow-h">
<div class="menu__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-primary--500 menu__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="menu__navigation-dropdown-options">
<li><a class="menu__navigation-dropdown-option">Lorem ipsum</a></li>
<li><a class="menu__navigation-dropdown-option">Lorem ipsum dolor sit</a></li>
</ul>
</div>
</li>
<li class="menu__navigation-element"><a class="menu__navigation-link">Lorem ipsum</a></li>
<li class="menu__navigation-element">
<a class="btn btn--md btn--primary btn--responsive">Lorem ipsum</a>
</li>
</ul>
</nav>
<div class="prismea-landingpage-error-header">
<div class="prismea-content-container prismea-color -color-white">
<div class="prismea-vertical-spacing-10 -center">
<p class="prismea-vertical-spacing-5--slot prismea-text -size-80 -text-medium">404</p>
<p class="prismea-vertical-spacing-20--slot prismea-text -size-30">La page que vous<br/>recherchez n'existe pas</p>
<p class="prismea-vertical-spacing-20--slot prismea-text">Nous sommes désolé mais il semblerait que la page à laquelle vous souhaitez accéder n’existe pas.</p>
<div class="flex flex-justify-center prismea-vertical-spacing-30--slot">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="prismea-content-container">
<div class="footer__navigation">
<div class="footer__navigation-column"><a>
<svg class="w-32 h-12">
<use href="/svg/logo.svg#logo"></use>
</svg></a>
<div class="trustpilot-rating mt-7">
<div class="trustpilot-rating__stars">
<div class="trustpilot-rating__stars-off">
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
<div class="trustpilot-rating__stars-on" style="width: 88.00000000000001%;">
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
</div>
</div>
<p class="branding-text-md color-grey--800 font-weight-medium mt-2"><span class="color-primary--600">4,4</span> sur Trustpilot | 40 avis
</p>
</div>
<div class="footer__navigation-column footer__navigation-dropdown footer__navigation-dropdown--open">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
</div>
<div class="footer__slip">
<div class="footer__copyright">Lorem ipsum dolor sit</div>
<div class="flex flex-gap-5"><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32"></use>
</svg></a></div>
<div class="flex flex-gap-2"><a class="prismea-landingpage-store-link" href="https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img src="https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0" alt="Disponible sur Google Play"/></a><a class="prismea-landingpage-store-link" href="https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&amp;itscg=30200"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&amp;releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5" alt="Disponible sur l'App Store"/></a>
</div>
</div>
<div class="footer__mentions">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!</div>
</div>
</footer>nav.menu.menu--fixed
a.menu__logo.h-9.mr-16
svg.w-24.h-9
use(href='/svg/logo-sm.svg#logo-sm')
.menu__buttons
.menu__button-open
svg.icon-24.icon-color-grey--800
use(href='/projects/landingpage/svg/24x24/bold/burger.svg#burger-bold-24')
.menu__button-close
svg.icon-24.icon-color-grey--800
use(href='/svg/24x24/line/close.svg#close-line-24')
ul.menu__navigation
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-center.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li
a.menu__navigation-dropdown-option Lorem ipsum dolor
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit amet
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
.menu__navigation-dropdown
.flex.flex-gap-1.flex-align-centerr.overflow-h
.menu__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-primary--500.menu__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.menu__navigation-dropdown-options
li
a.menu__navigation-dropdown-option Lorem ipsum
li
a.menu__navigation-dropdown-option Lorem ipsum dolor sit
li.menu__navigation-element
a.menu__navigation-link Lorem ipsum
li.menu__navigation-element
a.btn.btn--md.btn--primary.btn--responsive Lorem ipsum
.prismea-landingpage-error-header
.prismea-content-container.prismea-color.-color-white
.prismea-vertical-spacing-10.-center
p.prismea-vertical-spacing-5--slot.prismea-text.-size-80.-text-medium 404
p.prismea-vertical-spacing-20--slot.prismea-text.-size-30
| La page que vous
br
| recherchez n'existe pas
p.prismea-vertical-spacing-20--slot.prismea-text Nous sommes désolé mais il semblerait que la page à laquelle vous souhaitez accéder n’existe pas.
.flex.flex-justify-center.prismea-vertical-spacing-30--slot
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
footer.footer
.prismea-content-container
.footer__navigation
.footer__navigation-column
a
svg.w-32.h-12
use(href='/svg/logo.svg#logo')
.trustpilot-rating.mt-7
.trustpilot-rating__stars
.trustpilot-rating__stars-off
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
.trustpilot-rating__stars-on(style='width: 88.00000000000001%;')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
p.branding-text-md.color-grey--800.font-weight-medium.mt-2
span.color-primary--600 4,4
| sur Trustpilot | 40 avis
.footer__navigation-column.footer__navigation-dropdown.footer__navigation-dropdown--open
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__slip
.footer__copyright Lorem ipsum dolor sit
.flex.flex-gap-5
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32')
.flex.flex-gap-2
a.prismea-landingpage-store-link(href='https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1')
img(src='https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0', alt='Disponible sur Google Play')
a.prismea-landingpage-store-link(href='https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&itscg=30200')
img(src='https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5', alt='Disponible sur l\'App Store')
.footer__mentions Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!An editorial page with cookie banner may contain the following organizations:
block-header-tertiaryblock-simplefooterprismea-landingpage-cookie-banner<header class="block-header-tertiary">
<div class="prismea-content-container">
<div class="flex flex-justify-center">
<svg class="icon-40 border-radius-4 bg-color-primary--500 icon-color-white">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
</div>
<h1 class="branding-title-4 color-grey--800 font-weight-medium mt-3 text-align-center">Lorem ipsum dolor sit amet
</h1>
</div>
</header>
<div class="prismea-landingpage-content">
<div class="prismea-content-container">
<div class="block-simple bg-color-grey--50">
<h3 class="branding-title-3 color-grey--800 font-weight-medium mb-10 text-align-right">Lorem ipsum dolor sit amet
</h3>
<div class="my-7 wysiwyg color-grey--700 text-align-right">
<h5 class="branding-text-xl color-grey--800 mt-5 mb-4">Lorem ipsum dolor sit amet
</h5>
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, recusandae laboriosam? Nulla deserunt dolores aliquam est omnis fuga quisquam ut qui ex commodi voluptates delectus qui
</p>
</div>
<div class="flex flex-justify-center flex-gap-5 flex-wrap mt-10">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div><img class="block-simple-illustration" src="/projects/landingpage/images/shape-double-trait.svg"/>
</div>
</div>
</div>
<footer class="footer">
<div class="prismea-content-container">
<div class="footer__navigation">
<div class="footer__navigation-column"><a>
<svg class="w-32 h-12">
<use href="/svg/logo.svg#logo"></use>
</svg></a>
<div class="trustpilot-rating mt-7">
<div class="trustpilot-rating__stars">
<div class="trustpilot-rating__stars-off">
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
<div class="trustpilot-rating__stars-on" style="width: 88.00000000000001%;">
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
</div>
</div>
<p class="branding-text-md color-grey--800 font-weight-medium mt-2"><span class="color-primary--600">4,4</span> sur Trustpilot | 40 avis
</p>
</div>
<div class="footer__navigation-column footer__navigation-dropdown footer__navigation-dropdown--open">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
</div>
<div class="footer__slip">
<div class="footer__copyright">Lorem ipsum dolor sit</div>
<div class="flex flex-gap-5"><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32"></use>
</svg></a></div>
<div class="flex flex-gap-2"><a class="prismea-landingpage-store-link" href="https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img src="https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0" alt="Disponible sur Google Play"/></a><a class="prismea-landingpage-store-link" href="https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&amp;itscg=30200"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&amp;releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5" alt="Disponible sur l'App Store"/></a>
</div>
</div>
<div class="footer__mentions">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!</div>
</div>
</footer>
<div class="prismea-landingpage-cookie prismea-landingpage-cookie-banner">
<div class="prismea-landingpage-cookie-header prismea-landingpage-cookie-banner-header">
<h3 class="prismea-landingpage-cookie-header-title prismea-text">Lorem ipsum dolor sit amet</h3>
</div>
<div class="prismea-landingpage-cookie-banner-body">
<div class="prismea-landingpage-cookie-banner-body-description wysiwyg color-grey--700">
<p class="branding-text-md color-grey--700 my-4">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam assumenda porro, a consequuntur, modi sunt quod voluptate unde accusantium beatae quasi ab. Quaerat ea repudiandae ab totam modi animi velit!
</p>
</div>
<div class="prismea-landingpage-cookie-banner-body-list">
<div class="prismea-vertical-spacing-35--slot">
<div class="prismea-vertical-spacing-10--slot">
<p class="prismea-text -size-16 prismea-color -color-primary-500 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="prismea-vertical-spacing-10--slot">
<p class="prismea-text -size-14 prismea-color -color-grey-700 ">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum.</p>
</div>
</div>
<ul class="prismea-vertical-spacing-15--slot">
<li class="flex flex-gap-5 mt-7">
<div class="w-15 h-15 bg-color-grey--100 flex flex-justify-center flex-align-center flex-no-shrink">
<svg class="icon-40 icon-color-primary--500">
<use href="/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40"></use>
</svg>
</div>
<p class="branding-text-md color-grey--700"><span class="color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit :</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
</p>
</li>
<li class="flex flex-gap-5 mt-7">
<div class="w-15 h-15 bg-color-grey--100 flex flex-justify-center flex-align-center flex-no-shrink">
<svg class="icon-40 icon-color-primary--500">
<use href="/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40"></use>
</svg>
</div>
<p class="branding-text-md color-grey--700"><span class="color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit :</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
</p>
</li>
<li class="flex flex-gap-5 mt-7">
<div class="w-15 h-15 bg-color-grey--100 flex flex-justify-center flex-align-center flex-no-shrink">
<svg class="icon-40 icon-color-primary--500">
<use href="/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40"></use>
</svg>
</div>
<p class="branding-text-md color-grey--700"><span class="color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit :</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
</p>
</li>
</ul>
<p class="prismea-landingpage-cookie-banner-body-list-footer prismea-vertical-spacing-15--slot prismea-text -size-14"><span class="prismea-color -color-grey-700">Lorem ipsum dolor sit amet, consectetur adipiscing elit</span><a class="prismea-text -underline">Ut nec felis</a></p>
</div>
</div>
<div class="prismea-landingpage-cookie-footer">
<div class="flex flex-justify-center prismea-vertical-spacing-10--slot">
<a class="btn btn--md btn--primary">Lorem ipsum</a>
</div>
<div class="prismea-landingpage-cookie-footer-links prismea-vertical-spacing-10--slot"><a class="prismea-text -size-14 prismea-color -color-primary-500 -underline">Lorem ipsum dolor sit amet</a><a class="prismea-text -size-14 prismea-color -color-grey-700 -underline">Lorem ipsum dolor</a></div>
</div>
</div>header.block-header-tertiary
.prismea-content-container
.flex.flex-justify-center
svg.icon-40.border-radius-4.bg-color-primary--500.icon-color-white
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
h1.branding-title-4.color-grey--800.font-weight-medium.mt-3.text-align-center.
Lorem ipsum dolor sit amet
.prismea-landingpage-content
.prismea-content-container
.block-simple.bg-color-grey--50
h3.branding-title-3.color-grey--800.font-weight-medium.mb-10.text-align-right.
Lorem ipsum dolor sit amet
.my-7.wysiwyg.color-grey--700.text-align-right
h5.branding-text-xl.color-grey--800.mt-5.mb-4.
Lorem ipsum dolor sit amet
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, recusandae laboriosam? Nulla deserunt dolores aliquam est omnis fuga quisquam ut qui ex commodi voluptates delectus qui
.flex.flex-justify-center.flex-gap-5.flex-wrap.mt-10
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
img.block-simple-illustration(src='/projects/landingpage/images/shape-double-trait.svg')
footer.footer
.prismea-content-container
.footer__navigation
.footer__navigation-column
a
svg.w-32.h-12
use(href='/svg/logo.svg#logo')
.trustpilot-rating.mt-7
.trustpilot-rating__stars
.trustpilot-rating__stars-off
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
.trustpilot-rating__stars-on(style='width: 88.00000000000001%;')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
p.branding-text-md.color-grey--800.font-weight-medium.mt-2
span.color-primary--600 4,4
| sur Trustpilot | 40 avis
.footer__navigation-column.footer__navigation-dropdown.footer__navigation-dropdown--open
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__slip
.footer__copyright Lorem ipsum dolor sit
.flex.flex-gap-5
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32')
.flex.flex-gap-2
a.prismea-landingpage-store-link(href='https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1')
img(src='https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0', alt='Disponible sur Google Play')
a.prismea-landingpage-store-link(href='https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&itscg=30200')
img(src='https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5', alt='Disponible sur l\'App Store')
.footer__mentions Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!
.prismea-landingpage-cookie.prismea-landingpage-cookie-banner
.prismea-landingpage-cookie-header.prismea-landingpage-cookie-banner-header
h3.prismea-landingpage-cookie-header-title.prismea-text Lorem ipsum dolor sit amet
.prismea-landingpage-cookie-banner-body
.prismea-landingpage-cookie-banner-body-description.wysiwyg.color-grey--700
p.branding-text-md.color-grey--700.my-4.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam assumenda porro, a consequuntur, modi sunt quod voluptate unde accusantium beatae quasi ab. Quaerat ea repudiandae ab totam modi animi velit!
.prismea-landingpage-cookie-banner-body-list
.prismea-vertical-spacing-35--slot
.prismea-vertical-spacing-10--slot
p.prismea-text.-size-16.prismea-color.-color-primary-500 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
.prismea-vertical-spacing-10--slot
p.prismea-text.-size-14.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum.
ul.prismea-vertical-spacing-15--slot
li.flex.flex-gap-5.mt-7
.w-15.h-15.bg-color-grey--100.flex.flex-justify-center.flex-align-center.flex-no-shrink
svg.icon-40.icon-color-primary--500
use(href='/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40')
p.branding-text-md.color-grey--700
span.color-grey--800.font-weight-medium Lorem ipsum dolor sit amet, consectetur adipiscing elit :
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
li.flex.flex-gap-5.mt-7
.w-15.h-15.bg-color-grey--100.flex.flex-justify-center.flex-align-center.flex-no-shrink
svg.icon-40.icon-color-primary--500
use(href='/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40')
p.branding-text-md.color-grey--700
span.color-grey--800.font-weight-medium Lorem ipsum dolor sit amet, consectetur adipiscing elit :
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
li.flex.flex-gap-5.mt-7
.w-15.h-15.bg-color-grey--100.flex.flex-justify-center.flex-align-center.flex-no-shrink
svg.icon-40.icon-color-primary--500
use(href='/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40')
p.branding-text-md.color-grey--700
span.color-grey--800.font-weight-medium Lorem ipsum dolor sit amet, consectetur adipiscing elit :
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
p.prismea-landingpage-cookie-banner-body-list-footer.prismea-vertical-spacing-15--slot.prismea-text.-size-14
span.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit
a.prismea-text.-underline Ut nec felis
.prismea-landingpage-cookie-footer
.flex.flex-justify-center.prismea-vertical-spacing-10--slot
a.btn.btn--md.btn--primary Lorem ipsum
.prismea-landingpage-cookie-footer-links.prismea-vertical-spacing-10--slot
a.prismea-text.-size-14.prismea-color.-color-primary-500.-underline Lorem ipsum dolor sit amet
a.prismea-text.-size-14.prismea-color.-color-grey-700.-underline Lorem ipsum dolorAn editorial page with cookie modal may contain the following organizations:
block-header-tertiaryblock-simplefooterprismea-landingpage-cookie-modal<div class="prismea-landingpage -blur">
<header class="block-header-tertiary">
<div class="prismea-content-container">
<div class="flex flex-justify-center">
<svg class="icon-40 border-radius-4 bg-color-primary--500 icon-color-white">
<use href="/svg/40x40/line/prismea.svg#prismea-line-40"></use>
</svg>
</div>
<h1 class="branding-title-4 color-grey--800 font-weight-medium mt-3 text-align-center">Lorem ipsum dolor sit amet
</h1>
</div>
</header>
<div class="prismea-landingpage-content">
<div class="prismea-content-container">
<div class="block-simple bg-color-grey--50">
<h3 class="branding-title-3 color-grey--800 font-weight-medium mb-10 text-align-right">Lorem ipsum dolor sit amet
</h3>
<div class="my-7 wysiwyg color-grey--700 text-align-right">
<h5 class="branding-text-xl color-grey--800 mt-5 mb-4">Lorem ipsum dolor sit amet
</h5>
<p class="branding-text color-grey--700 my-4">Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, recusandae laboriosam? Nulla deserunt dolores aliquam est omnis fuga quisquam ut qui ex commodi voluptates delectus qui
</p>
</div>
<div class="flex flex-justify-center flex-gap-5 flex-wrap mt-10">
<a class="btn btn--lg btn--primary btn--responsive">Lorem ipsum</a>
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div><img class="block-simple-illustration" src="/projects/landingpage/images/shape-double-trait.svg"/>
</div>
</div>
</div>
<footer class="footer">
<div class="prismea-content-container">
<div class="footer__navigation">
<div class="footer__navigation-column"><a>
<svg class="w-32 h-12">
<use href="/svg/logo.svg#logo"></use>
</svg></a>
<div class="trustpilot-rating mt-7">
<div class="trustpilot-rating__stars">
<div class="trustpilot-rating__stars-off">
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-grey--800 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
<div class="trustpilot-rating__stars-on" style="width: 88.00000000000001%;">
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
<svg class="icon-32 icon-color-primary--600 trustpilot-rating__star">
<use href="/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32"></use>
</svg>
</div>
</div>
</div>
<p class="branding-text-md color-grey--800 font-weight-medium mt-2"><span class="color-primary--600">4,4</span> sur Trustpilot | 40 avis
</p>
</div>
<div class="footer__navigation-column footer__navigation-dropdown footer__navigation-dropdown--open">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
<div class="footer__navigation-column footer__navigation-dropdown">
<div class="flex flex-justify-space-between flex-align-center overflow-h">
<div class="footer__navigation-dropdown-input">Lorem ipusm</div>
<svg class="icon-16 icon-rotate-180 icon-color-grey--800 footer__navigation-dropdown-chevron">
<use href="/svg/16x16/line/chevron-up.svg#chevron-up-line-16"></use>
</svg>
</div>
<ul class="footer__navigation-dropdown-options">
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor sit</a></li>
<li><a class="footer__navigation-dropdown-option color-grey--800 hover-color-grey--900">Lorem ipsum dolor</a></li>
</ul>
</div>
</div>
<div class="footer__slip">
<div class="footer__copyright">Lorem ipsum dolor sit</div>
<div class="flex flex-gap-5"><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32"></use>
</svg></a><a>
<svg class="icon-32 icon-color-primary--600 hover-icon-color-primary--700">
<use href="/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32"></use>
</svg></a></div>
<div class="flex flex-gap-2"><a class="prismea-landingpage-store-link" href="https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img src="https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0" alt="Disponible sur Google Play"/></a><a class="prismea-landingpage-store-link" href="https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&amp;itscg=30200"><img src="https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&amp;releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5" alt="Disponible sur l'App Store"/></a>
</div>
</div>
<div class="footer__mentions">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!</div>
</div>
</footer>
<div class="prismea-landingpage-cookie prismea-landingpage-cookie-modal">
<div class="prismea-landingpage-cookie-header prismea-landingpage-cookie-modal-header">
<h3 class="prismea-landingpage-cookie-header-title prismea-text">Lorem ipsum dolor sit amet</h3>
<button class="btn-icon btn-icon--sm">
<svg class="icon-24">
<use href="/svg/24x24/line/close.svg#close-line-24"></use>
</svg>
</button>
</div>
<div class="prismea-landingpage-cookie-modal-body">
<div class="wysiwyg color-grey--700 mx-8">
<p class="branding-text-md color-grey--700 my-4">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam assumenda porro, a consequuntur, modi sunt quod voluptate unde accusantium beatae quasi ab. Quaerat ea repudiandae ab totam modi animi velit!
</p>
</div>
<ul class="prismea-vertical-spacing-35--slot">
<li class="flex flex-gap-5 mt-7">
<div class="w-15 h-15 bg-color-grey--100 flex flex-justify-center flex-align-center flex-no-shrink">
<svg class="icon-40 icon-color-primary--500">
<use href="/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40"></use>
</svg>
</div>
<div>
<p class="branding-text-md color-grey--700 mb-5"><span class="color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit :</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
</p>
<button class="prismea-switch -off -with-label" role="switch" aria-checked="false" aria-label="Switch"><span class="prismea-switch--label -color-light">Off</span><i class="prismea-switch--button"></i>
</button>
</div>
</li>
<li class="flex flex-gap-5 mt-7">
<div class="w-15 h-15 bg-color-grey--100 flex flex-justify-center flex-align-center flex-no-shrink">
<svg class="icon-40 icon-color-primary--500">
<use href="/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40"></use>
</svg>
</div>
<div>
<p class="branding-text-md color-grey--700 mb-5"><span class="color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit :</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
</p>
<button class="prismea-switch -on -with-label" role="switch" aria-checked="true" aria-label="Switch"><span class="prismea-switch--label -color-light">On</span><i class="prismea-switch--button"></i>
</button>
</div>
</li>
<li class="flex flex-gap-5 mt-7">
<div class="w-15 h-15 bg-color-grey--100 flex flex-justify-center flex-align-center flex-no-shrink">
<svg class="icon-40 icon-color-primary--500">
<use href="/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40"></use>
</svg>
</div>
<div>
<p class="branding-text-md color-grey--700 mb-5"><span class="color-grey--800 font-weight-medium">Lorem ipsum dolor sit amet, consectetur adipiscing elit :</span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
</p>
<button class="prismea-switch -off -with-label" role="switch" aria-checked="false" aria-label="Switch"><span class="prismea-switch--label -color-light">Off</span><i class="prismea-switch--button"></i>
</button>
</div>
</li>
</ul>
</div>
<div class="prismea-landingpage-cookie-footer">
<div class="flex flex-justify-center prismea-vertical-spacing-10--slot">
<a class="btn btn--md btn--primary">Lorem ipsum</a>
</div>
<div class="prismea-landingpage-cookie-footer-links prismea-vertical-spacing-10--slot"><a class="prismea-text -size-14 prismea-color -color-primary-500 -underline">Lorem ipsum dolor sit amet</a><a class="prismea-text -size-14 prismea-color -color-grey-700 -underline">Lorem ipsum dolor</a></div>
</div>
</div>
</div>.prismea-landingpage.-blur
header.block-header-tertiary
.prismea-content-container
.flex.flex-justify-center
svg.icon-40.border-radius-4.bg-color-primary--500.icon-color-white
use(href='/svg/40x40/line/prismea.svg#prismea-line-40')
h1.branding-title-4.color-grey--800.font-weight-medium.mt-3.text-align-center.
Lorem ipsum dolor sit amet
.prismea-landingpage-content
.prismea-content-container
.block-simple.bg-color-grey--50
h3.branding-title-3.color-grey--800.font-weight-medium.mb-10.text-align-right.
Lorem ipsum dolor sit amet
.my-7.wysiwyg.color-grey--700.text-align-right
h5.branding-text-xl.color-grey--800.mt-5.mb-4.
Lorem ipsum dolor sit amet
p.branding-text.color-grey--700.my-4.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, recusandae laboriosam? Nulla deserunt dolores aliquam est omnis fuga quisquam ut qui ex commodi voluptates delectus qui
.flex.flex-justify-center.flex-gap-5.flex-wrap.mt-10
a.btn.btn--lg.btn--primary.btn--responsive Lorem ipsum
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
img.block-simple-illustration(src='/projects/landingpage/images/shape-double-trait.svg')
footer.footer
.prismea-content-container
.footer__navigation
.footer__navigation-column
a
svg.w-32.h-12
use(href='/svg/logo.svg#logo')
.trustpilot-rating.mt-7
.trustpilot-rating__stars
.trustpilot-rating__stars-off
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-grey--800.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
.trustpilot-rating__stars-on(style='width: 88.00000000000001%;')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
svg.icon-32.icon-color-primary--600.trustpilot-rating__star
use(href='/projects/landingpage/svg/32x32/bold/trustpilot-star.svg#trustpilot-star-bold-32')
p.branding-text-md.color-grey--800.font-weight-medium.mt-2
span.color-primary--600 4,4
| sur Trustpilot | 40 avis
.footer__navigation-column.footer__navigation-dropdown.footer__navigation-dropdown--open
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__navigation-column.footer__navigation-dropdown
.flex.flex-justify-space-between.flex-align-center.overflow-h
.footer__navigation-dropdown-input Lorem ipusm
svg.icon-16.icon-rotate-180.icon-color-grey--800.footer__navigation-dropdown-chevron
use(href='/svg/16x16/line/chevron-up.svg#chevron-up-line-16')
ul.footer__navigation-dropdown-options
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor sit
li
a.footer__navigation-dropdown-option.color-grey--800.hover-color-grey--900 Lorem ipsum dolor
.footer__slip
.footer__copyright Lorem ipsum dolor sit
.flex.flex-gap-5
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/twitter.svg#twitter-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/linkedin.svg#linkedin-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/facebook.svg#facebook-bold-32')
a
svg.icon-32.icon-color-primary--600.hover-icon-color-primary--700
use(href='/projects/landingpage/svg/32x32/bold/instagram.svg#instagram-bold-32')
.flex.flex-gap-2
a.prismea-landingpage-store-link(href='https://play.google.com/store/apps/details?id=com.prismea.android&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1')
img(src='https://lh3.googleusercontent.com/qF9r3ZjtgG-qyHdmjecArtKiulz1gmwL_xl9R3_fzk6igSeoN0wYbJSKEX5d_fxJRwYZJpHbqcLB3i9atl-9dOfUl9an7U43TfZ9PtQ=s0', alt='Disponible sur Google Play')
a.prismea-landingpage-store-link(href='https://apps.apple.com/fr/app/prismea/id1471623555?itsct=apps_box&itscg=30200')
img(src='https://tools.applemediaservices.com/api/badges/download-on-the-app-store/black/fr-fr?size=250x83&releaseDate=1587168000&h=12208210dfd04a56e78e84f453aaabd5', alt='Disponible sur l\'App Store')
.footer__mentions Lorem ipsum dolor, sit amet consectetur adipisicing elit. Molestias eum nam voluptatum quod saepe, qui, blanditiis error sequi voluptatem libero quam facere adipisci sit? Perspiciatis autem eligendi quisquam ex asperiores!
.prismea-landingpage-cookie.prismea-landingpage-cookie-modal
.prismea-landingpage-cookie-header.prismea-landingpage-cookie-modal-header
h3.prismea-landingpage-cookie-header-title.prismea-text Lorem ipsum dolor sit amet
button.btn-icon.btn-icon--sm
svg.icon-24
use(href='/svg/24x24/line/close.svg#close-line-24')
.prismea-landingpage-cookie-modal-body
.wysiwyg.color-grey--700.mx-8
p.branding-text-md.color-grey--700.my-4.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam assumenda porro, a consequuntur, modi sunt quod voluptate unde accusantium beatae quasi ab. Quaerat ea repudiandae ab totam modi animi velit!
ul.prismea-vertical-spacing-35--slot
li.flex.flex-gap-5.mt-7
.w-15.h-15.bg-color-grey--100.flex.flex-justify-center.flex-align-center.flex-no-shrink
svg.icon-40.icon-color-primary--500
use(href='/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40')
div
p.branding-text-md.color-grey--700.mb-5
span.color-grey--800.font-weight-medium Lorem ipsum dolor sit amet, consectetur adipiscing elit :
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
button.prismea-switch.-off.-with-label(role='switch', aria-checked='false', aria-label='Switch')
span.prismea-switch--label.-color-light Off
i.prismea-switch--button
li.flex.flex-gap-5.mt-7
.w-15.h-15.bg-color-grey--100.flex.flex-justify-center.flex-align-center.flex-no-shrink
svg.icon-40.icon-color-primary--500
use(href='/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40')
div
p.branding-text-md.color-grey--700.mb-5
span.color-grey--800.font-weight-medium Lorem ipsum dolor sit amet, consectetur adipiscing elit :
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
button.prismea-switch.-on.-with-label(role='switch', aria-checked='true', aria-label='Switch')
span.prismea-switch--label.-color-light On
i.prismea-switch--button
li.flex.flex-gap-5.mt-7
.w-15.h-15.bg-color-grey--100.flex.flex-justify-center.flex-align-center.flex-no-shrink
svg.icon-40.icon-color-primary--500
use(href='/svg/40x40/line/chart-bar-line.svg#chart-bar-line-line-40')
div
p.branding-text-md.color-grey--700.mb-5
span.color-grey--800.font-weight-medium Lorem ipsum dolor sit amet, consectetur adipiscing elit :
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
button.prismea-switch.-off.-with-label(role='switch', aria-checked='false', aria-label='Switch')
span.prismea-switch--label.-color-light Off
i.prismea-switch--button
.prismea-landingpage-cookie-footer
.flex.flex-justify-center.prismea-vertical-spacing-10--slot
a.btn.btn--md.btn--primary Lorem ipsum
.prismea-landingpage-cookie-footer-links.prismea-vertical-spacing-10--slot
a.prismea-text.-size-14.prismea-color.-color-primary-500.-underline Lorem ipsum dolor sit amet
a.prismea-text.-size-14.prismea-color.-color-grey-700.-underline Lorem ipsum dolor<div class="modal-fullscreen">
<section class="modal-fullscreen-section">
<header class="ma-6">
<svg class="w-32 h-14">
<use href="/svg/logo.svg#logo"></use>
</svg>
</header>
<div class="content-wrapper">
<div class="content max-w-140">
<h1 class="title-1 mb-10">Bienvenue chez Prismea !</h1>
<h2 class="title-2 mb-4">Votre inscription est terminée</h2>
<p class="text mb-4">Profitez des fonctionnalités de Prismea directement depuis l’application.</p>
<p class="text mb-4">PTéléchargez l’application à partir des liens ci-dessous ou du QR-code ci-contre. Nous vous avons également envoyé un lien par SMS et par mail.</p>
</div>
</div>
</section>
<aside class="aside-wrapper bg-color-grey--100"><img class="modal-fullscreen-qr-code__shape-top" src="/projects/landingpage/images/modal-fullscreen-qr-code-shape-top.png"/><img class="modal-fullscreen-qr-code__shape-bottom" src="/projects/landingpage/images/modal-fullscreen-qr-code-shape-bottom.png"/>
<div class="qr-code ma-auto"><img src="https://image-charts.com/chart?chs=160x160&cht=qr&chl=https://prismea.fr&choe=UTF-8&icqrb=282e38&icqrf=ffffff"/></div>
</aside>
</div>.modal-fullscreen
section.modal-fullscreen-section
header.ma-6
svg.w-32.h-14
use(href='/svg/logo.svg#logo')
.content-wrapper
.content.max-w-140
h1.title-1.mb-10 Bienvenue chez Prismea !
h2.title-2.mb-4 Votre inscription est terminée
p.text.mb-4 Profitez des fonctionnalités de Prismea directement depuis l’application.
p.text.mb-4 PTéléchargez l’application à partir des liens ci-dessous ou du QR-code ci-contre. Nous vous avons également envoyé un lien par SMS et par mail.
aside.aside-wrapper.bg-color-grey--100
img.modal-fullscreen-qr-code__shape-top(src='/projects/landingpage/images/modal-fullscreen-qr-code-shape-top.png')
img.modal-fullscreen-qr-code__shape-bottom(src='/projects/landingpage/images/modal-fullscreen-qr-code-shape-bottom.png')
.qr-code.ma-auto
img(src='https://image-charts.com/chart?chs=160x160&cht=qr&chl=https://prismea.fr&choe=UTF-8&icqrb=282e38&icqrf=ffffff')