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:
menu
prismea-landingpage-blog-homepage-header
prismea-landingpage-search-bar
prismea-landingpage-select-category
prismea-landingpage-blog-articles
block-simple
footer
<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">
<header class="prismea-landingpage-blog-homepage-header -search-bar-open prismea-content-container">
<p class="prismea-text -size-18 -uppercase -text-bold prismea-color -color-primary-500">Lorem Ipsum</p>
<h1 class="branding-title-1 color-grey--800 prismea-vertical-spacing-10--slot">Lorem Ipsum dolor
</h1>
<p class="prismea-text">Lorem ipsum dolor sit amet consectetur</p>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">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
header.prismea-landingpage-blog-homepage-header.-search-bar-open.prismea-content-container
p.prismea-text.-size-18.-uppercase.-text-bold.prismea-color.-color-primary-500 Lorem Ipsum
h1.branding-title-1.color-grey--800.prismea-vertical-spacing-10--slot.
Lorem Ipsum dolor
p.prismea-text Lorem ipsum dolor sit amet consectetur
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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.
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:
menu
prismea-landingpage-blog-post-header
prismea-landingpage-blog-article
prismea-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="prismea-landingpage-blog-post-header"><a class="prismea-text -size-14">
<svg class="icon-16 icon-rotate-270 icon-color-black">
<use href="/svg/16x16/line/arrow-up.svg#arrow-up-line-16"></use>
</svg><span class="prismea-text -underline prismea-color -color-primary-500">Lorem ipsum dolor sit</span></a></div>
<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="prismea-landingpage-share-link">
<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="prismea-landingpage-share-link">
<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="prismea-landingpage-share-link">
<svg class="icon-24 icon-color-grey--600">
<use href="/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-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">Lorem ipsum dolor sit amet consectetur adipisicing elit
</h1>
</div>
<div class="prismea-vertical-spacing-15--slot -center"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
<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 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="prismea-landingpage-blog-post-sharing prismea-content-container--blog">
<p class="prismea-text">Lorem ipsum dolor sit ? Amet consectetur adipisicing elit</p>
<div class="prismea-vertical-spacing-25--slot prismea-landingpage-blog-post-sharing-links"><a class="prismea-landingpage-share-link -border">
<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="prismea-landingpage-share-link -border">
<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="prismea-landingpage-share-link -border">
<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-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">Lorem ipsum dolor sit amet
</h1>
<h1 class="branding-title-4 color-grey--800">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 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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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
.prismea-landingpage-blog-post-header
a.prismea-text.-size-14
svg.icon-16.icon-rotate-270.icon-color-black
use(href='/svg/16x16/line/arrow-up.svg#arrow-up-line-16')
span.prismea-text.-underline.prismea-color.-color-primary-500 Lorem ipsum dolor sit
.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.prismea-landingpage-share-link
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24')
a.prismea-landingpage-share-link
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24')
a.prismea-landingpage-share-link
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-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.
Lorem ipsum dolor sit amet consectetur adipisicing elit
.prismea-vertical-spacing-15--slot.-center
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
.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.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')
.prismea-landingpage-blog-post-sharing.prismea-content-container--blog
p.prismea-text Lorem ipsum dolor sit ? Amet consectetur adipisicing elit
.prismea-vertical-spacing-25--slot.prismea-landingpage-blog-post-sharing-links
a.prismea-landingpage-share-link.-border
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/twitter.svg#twitter-bold-24')
a.prismea-landingpage-share-link.-border
svg.icon-24.icon-color-grey--600
use(href='/projects/landingpage/svg/24x24/bold/facebook.svg#facebook-bold-24')
a.prismea-landingpage-share-link.-border
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.
Lorem ipsum dolor sit amet
h1.branding-title-4.color-grey--800.
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.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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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-tertiary
block-simple
block-image-text
prismea-block-button
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-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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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">
<div class="mr-4"><img class="prismea-landingpage-author-picture" src="https://placeimg.com/100/100/animals"/>
</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 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-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">
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 class="branding-text color-grey--800 font-weight-medium mb-4">Lorem ipsum dolor sit amet
</li>
<li class="branding-text color-grey--800 font-weight-medium mb-4">Lorem ipsum dolor sit amet
</li>
<li class="branding-text color-grey--800 font-weight-medium mb-4">Lorem ipsum dolor sit amet
</li>
</ul>
<ul class="checklist block-checklist-column">
<li class="branding-text color-grey--800 font-weight-medium mb-4">Lorem ipsum dolor sit amet
</li>
<li class="branding-text color-grey--800 font-weight-medium mb-4">Lorem ipsum dolor sit amet
</li>
<li class="branding-text color-grey--800 font-weight-medium mb-4">Lorem ipsum dolor sit amet
</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"><span class="color-primary--500">Lorem</span>ipsum
</h4>
</div>
<div class="block-contact-body">
<div class="block-contact-body--item">
<div><img class="prismea-landingpage-author-picture" src="https://placeimg.com/70/70/animals"/></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><img class="prismea-landingpage-author-picture" src="https://placeimg.com/70/70/animals"/></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"><i class="prismea-icon -x2 prismea-landingpage-glyph-42_prismea -color-primary-500 -circle -gunmetal"></i>
</div>
<div class="prismea-horizontal-spacing-20--slot">
<h3 class="branding-title-3 color-grey--800">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 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">
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">
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 mt-3 text-align-center">Lorem ipsum dolor sit amet
</h1>
</div>
</header>
<div class="block-horizontal-items -grey-100">
<div class="prismea-content-container">
<p class="prismea-text -size-18 mb-5">Lorem ipsum dolor sit amet</p>
<div class="separator w-full max-w-10 mx-auto mb-4 bg-color-primary--500"></div>
<div class="block-horizontal-items-body mb-7">
<div class="block-horizontal-items-item -border-primary-500"><i class="prismea-icon prismea-landingpage-glyph-42_chronometer -color-primary-500"></i>
<p class="prismea-text prismea-color -color-grey-700 ">Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="block-horizontal-items-item -border-primary-500"><i class="prismea-icon prismea-landingpage-glyph-42_chronometer -color-primary-500"></i>
<p class="prismea-text prismea-color -color-grey-700 ">Lorem ipsum dolor sit amet consectetur</p>
</div>
<div class="block-horizontal-items-item -border-primary-500"><i class="prismea-icon prismea-landingpage-glyph-42_chronometer -color-primary-500"></i>
<p class="prismea-text prismea-color -color-grey-700 ">Lorem ipsum dolor sit amet consectetur</p>
</div>
</div>
</div>
</div>
<div class="block-image">
<div class="block-image-background"></div>
<div class="prismea-content-container">
<div class="block-image-illustration mb-4"><img src="/projects/landingpage/images/shape-double-diagonal.svg"/></div><img class="block-image-image" src="https://placeimg.com/700/230/animals"/>
</div>
</div>
<div class="prismea-content-container">
<div class="block-image-text bg-color-grey-100">
<div class="prismea-horizontal-spacing-90 -middle -responsive">
<div class="prismea-horizontal-spacing-90--slot -expand block-image-text-text">
<div class="prismea-vertical-spacing-40--slot">
<h3 class="branding-title-3 color-grey--800">Lorem ipsum dolor sit amet
</h3>
</div>
<div class="prismea-vertical-spacing-30--slot">
<div class="prismea-vertical-spacing-35--slot prismea-horizontal-spacing-20 -middle -responsive">
<div class="prismea-horizontal-spacing-20--slot"><i class="prismea-icon -x3 prismea-landingpage-glyph-42_prismea -color-white -rounded -primary-300"></i>
</div>
<div class="prismea-horizontal-spacing-20--slot">
<p class="prismea-text -size-18 -text-medium prismea-color -color-grey-800">Lorem ipsum dolor</p>
<p class="prismea-text prismea-color -color-grey-800">Molestiae commodi dicta fugiat dolores fuga laboriosam</p>
</div>
</div>
<div class="prismea-vertical-spacing-35--slot prismea-horizontal-spacing-20 -middle -responsive">
<div class="prismea-horizontal-spacing-20--slot"><i class="prismea-icon -x3 prismea-landingpage-glyph-42_prismea -color-white -rounded -primary-300"></i>
</div>
<div class="prismea-horizontal-spacing-20--slot">
<p class="prismea-text -size-18 -text-medium prismea-color -color-grey-800">Lorem ipsum dolor</p>
<p class="prismea-text prismea-color -color-grey-800">Molestiae commodi dicta fugiat dolores fuga laboriosam</p>
</div>
</div>
<div class="prismea-vertical-spacing-35--slot prismea-horizontal-spacing-20 -middle -responsive">
<div class="prismea-horizontal-spacing-20--slot"><i class="prismea-icon -x3 prismea-landingpage-glyph-42_prismea -color-white -rounded -primary-300"></i>
</div>
<div class="prismea-horizontal-spacing-20--slot">
<p class="prismea-text -size-18 -text-medium prismea-color -color-grey-800">Lorem ipsum dolor</p>
<p class="prismea-text prismea-color -color-grey-800">Molestiae commodi dicta fugiat dolores fuga laboriosam</p>
</div>
</div>
</div>
<div class="flex mt-10">
<a class="btn btn--lg btn--outlined btn--responsive">Lorem ipsum</a>
</div>
</div>
<div class="prismea-horizontal-spacing-90--slot -expand -flex -justify-middle"><img class="block-image-text-visual" src="https://placeimg.com/410/470/animals"/></div>
</div><img class="block-image-text-illustration" src="/projects/landingpage/images/shape-double-trait.svg"/>
</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">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">
<div class="mb-10 flex flex-align-center flex-gap-5 flex-justify-center"><i class="prismea-icon -x2 prismea-landingpage-glyph-42_prismea -color-primary-500 -circle -gunmetal"></i>
<h3 class="branding-title-3 color-grey--800">Lorem ipsum dolor sit amet
</h3>
</div>
<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">
<h2 class="branding-title-2 color-grey--800 mb-4">
Lorem ipsum dolor
<span class="color-primary--500">sit amet consectetur</span>
</h2>
<p class="prismea-text prismea-color -color-grey-800 -text-multiline mt-7">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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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
.mr-4
img.prismea-landingpage-author-picture(src='https://placeimg.com/100/100/animals')
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.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-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.
Lorem ipsum
.separator.w-full.bg-color-primary--500.max-w-10.mx-auto
.block-checklist-body
ul.checklist.block-checklist-column
li.branding-text.color-grey--800.font-weight-medium.mb-4.
Lorem ipsum dolor sit amet
li.branding-text.color-grey--800.font-weight-medium.mb-4.
Lorem ipsum dolor sit amet
li.branding-text.color-grey--800.font-weight-medium.mb-4.
Lorem ipsum dolor sit amet
ul.checklist.block-checklist-column
li.branding-text.color-grey--800.font-weight-medium.mb-4.
Lorem ipsum dolor sit amet
li.branding-text.color-grey--800.font-weight-medium.mb-4.
Lorem ipsum dolor sit amet
li.branding-text.color-grey--800.font-weight-medium.mb-4.
Lorem ipsum dolor sit amet
.prismea-content-container
.block-contact
.block-contact-head
h4.branding-title-4.color-grey--800
span.color-primary--500 Lorem
| ipsum
.block-contact-body
.block-contact-body--item
div
img.prismea-landingpage-author-picture(src='https://placeimg.com/70/70/animals')
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
div
img.prismea-landingpage-author-picture(src='https://placeimg.com/70/70/animals')
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
i.prismea-icon.-x2.prismea-landingpage-glyph-42_prismea.-color-primary-500.-circle.-gunmetal
.prismea-horizontal-spacing-20--slot
h3.branding-title-3.color-grey--800.
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.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
|
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
|
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.mt-3.text-align-center.
Lorem ipsum dolor sit amet
.block-horizontal-items.-grey-100
.prismea-content-container
p.prismea-text.-size-18.mb-5 Lorem ipsum dolor sit amet
.separator.w-full.max-w-10.mx-auto.mb-4.bg-color-primary--500
.block-horizontal-items-body.mb-7
.block-horizontal-items-item.-border-primary-500
i.prismea-icon.prismea-landingpage-glyph-42_chronometer.-color-primary-500
p.prismea-text.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet consectetur
.block-horizontal-items-item.-border-primary-500
i.prismea-icon.prismea-landingpage-glyph-42_chronometer.-color-primary-500
p.prismea-text.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet consectetur
.block-horizontal-items-item.-border-primary-500
i.prismea-icon.prismea-landingpage-glyph-42_chronometer.-color-primary-500
p.prismea-text.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet consectetur
.block-image
.block-image-background
.prismea-content-container
.block-image-illustration.mb-4
img(src='/projects/landingpage/images/shape-double-diagonal.svg')
img.block-image-image(src='https://placeimg.com/700/230/animals')
.prismea-content-container
.block-image-text.bg-color-grey-100
.prismea-horizontal-spacing-90.-middle.-responsive
.prismea-horizontal-spacing-90--slot.-expand.block-image-text-text
.prismea-vertical-spacing-40--slot
h3.branding-title-3.color-grey--800.
Lorem ipsum dolor sit amet
.prismea-vertical-spacing-30--slot
.prismea-vertical-spacing-35--slot.prismea-horizontal-spacing-20.-middle.-responsive
.prismea-horizontal-spacing-20--slot
i.prismea-icon.-x3.prismea-landingpage-glyph-42_prismea.-color-white.-rounded.-primary-300
.prismea-horizontal-spacing-20--slot
p.prismea-text.-size-18.-text-medium.prismea-color.-color-grey-800 Lorem ipsum dolor
p.prismea-text.prismea-color.-color-grey-800 Molestiae commodi dicta fugiat dolores fuga laboriosam
.prismea-vertical-spacing-35--slot.prismea-horizontal-spacing-20.-middle.-responsive
.prismea-horizontal-spacing-20--slot
i.prismea-icon.-x3.prismea-landingpage-glyph-42_prismea.-color-white.-rounded.-primary-300
.prismea-horizontal-spacing-20--slot
p.prismea-text.-size-18.-text-medium.prismea-color.-color-grey-800 Lorem ipsum dolor
p.prismea-text.prismea-color.-color-grey-800 Molestiae commodi dicta fugiat dolores fuga laboriosam
.prismea-vertical-spacing-35--slot.prismea-horizontal-spacing-20.-middle.-responsive
.prismea-horizontal-spacing-20--slot
i.prismea-icon.-x3.prismea-landingpage-glyph-42_prismea.-color-white.-rounded.-primary-300
.prismea-horizontal-spacing-20--slot
p.prismea-text.-size-18.-text-medium.prismea-color.-color-grey-800 Lorem ipsum dolor
p.prismea-text.prismea-color.-color-grey-800 Molestiae commodi dicta fugiat dolores fuga laboriosam
.flex.mt-10
a.btn.btn--lg.btn--outlined.btn--responsive Lorem ipsum
.prismea-horizontal-spacing-90--slot.-expand.-flex.-justify-middle
img.block-image-text-visual(src='https://placeimg.com/410/470/animals')
img.block-image-text-illustration(src='/projects/landingpage/images/shape-double-trait.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.
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
.mb-10.flex.flex-align-center.flex-gap-5.flex-justify-center
i.prismea-icon.-x2.prismea-landingpage-glyph-42_prismea.-color-primary-500.-circle.-gunmetal
h3.branding-title-3.color-grey--800.
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
h2.branding-title-2.color-grey--800.mb-4
|
Lorem ipsum dolor
span.color-primary--500 sit amet consectetur
p.prismea-text.prismea-color.-color-grey-800.-text-multiline.mt-7 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-header
prismea-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-tertiary
block-simple
footer
prismea-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 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">
<div class="mb-10 flex flex-align-center flex-gap-5 flex-justify-right"><i class="prismea-icon -x2 prismea-landingpage-glyph-42_prismea -color-primary-500 -circle -gunmetal"></i>
<h3 class="branding-title-3 color-grey--800">Lorem ipsum dolor sit amet
</h3>
</div>
<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="prismea-landingpage-cookie-list-item prismea-vertical-spacing-25--slot">
<div class="prismea-landingpage-cookie-list-item-icon"><i class="prismea-icon prismea-landingpage-glyph-42_statistical -color-primary-500"></i>
</div>
<p class="prismea-text -size-14">
Lorem ipsum dolor sit amet, consectetur adipiscing elit :<span class="prismea-color -color-grey-700"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.</span></p>
</li>
<li class="prismea-landingpage-cookie-list-item prismea-vertical-spacing-25--slot">
<div class="prismea-landingpage-cookie-list-item-icon"><i class="prismea-icon prismea-landingpage-glyph-42_statistical -color-primary-500"></i>
</div>
<p class="prismea-text -size-14">
Lorem ipsum dolor sit amet, consectetur adipiscing elit :<span class="prismea-color -color-grey-700"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.</span></p>
</li>
<li class="prismea-landingpage-cookie-list-item prismea-vertical-spacing-25--slot">
<div class="prismea-landingpage-cookie-list-item-icon"><i class="prismea-icon prismea-landingpage-glyph-42_statistical -color-primary-500"></i>
</div>
<p class="prismea-text -size-14">
Lorem ipsum dolor sit amet, consectetur adipiscing elit :<span class="prismea-color -color-grey-700"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.</span></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.mt-3.text-align-center.
Lorem ipsum dolor sit amet
.prismea-landingpage-content
.prismea-content-container
.block-simple.bg-color-grey--50
.mb-10.flex.flex-align-center.flex-gap-5.flex-justify-right
i.prismea-icon.-x2.prismea-landingpage-glyph-42_prismea.-color-primary-500.-circle.-gunmetal
h3.branding-title-3.color-grey--800.
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.prismea-landingpage-cookie-list-item.prismea-vertical-spacing-25--slot
.prismea-landingpage-cookie-list-item-icon
i.prismea-icon.prismea-landingpage-glyph-42_statistical.-color-primary-500
p.prismea-text.-size-14
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit :
span.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
li.prismea-landingpage-cookie-list-item.prismea-vertical-spacing-25--slot
.prismea-landingpage-cookie-list-item-icon
i.prismea-icon.prismea-landingpage-glyph-42_statistical.-color-primary-500
p.prismea-text.-size-14
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit :
span.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
li.prismea-landingpage-cookie-list-item.prismea-vertical-spacing-25--slot
.prismea-landingpage-cookie-list-item-icon
i.prismea-icon.prismea-landingpage-glyph-42_statistical.-color-primary-500
p.prismea-text.-size-14
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit :
span.prismea-color.-color-grey-700 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 dolor
An editorial page with cookie modal may contain the following organizations:
block-header-tertiary
block-simple
footer
prismea-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 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">
<div class="mb-10 flex flex-align-center flex-gap-5 flex-justify-right"><i class="prismea-icon -x2 prismea-landingpage-glyph-42_prismea -color-primary-500 -circle -gunmetal"></i>
<h3 class="branding-title-3 color-grey--800">Lorem ipsum dolor sit amet
</h3>
</div>
<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="prismea-vertical-spacing-40--slot">
<div class="prismea-landingpage-cookie-list-item">
<div class="prismea-landingpage-cookie-list-item-icon"><i class="prismea-icon prismea-landingpage-glyph-42_statistical -color-primary-500"></i>
</div>
<p class="prismea-text -size-14">
Lorem ipsum dolor sit amet, consectetur adipiscing elit :<span class="prismea-color -color-grey-700"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.</span></p>
</div>
<div class="prismea-landingpage-cookie-list-switch">
<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="prismea-vertical-spacing-40--slot">
<div class="prismea-landingpage-cookie-list-item">
<div class="prismea-landingpage-cookie-list-item-icon"><i class="prismea-icon prismea-landingpage-glyph-42_statistical -color-primary-500"></i>
</div>
<p class="prismea-text -size-14">
Lorem ipsum dolor sit amet, consectetur adipiscing elit :<span class="prismea-color -color-grey-700"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.</span></p>
</div>
<div class="prismea-landingpage-cookie-list-switch">
<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="prismea-vertical-spacing-40--slot">
<div class="prismea-landingpage-cookie-list-item">
<div class="prismea-landingpage-cookie-list-item-icon"><i class="prismea-icon prismea-landingpage-glyph-42_statistical -color-primary-500"></i>
</div>
<p class="prismea-text -size-14">
Lorem ipsum dolor sit amet, consectetur adipiscing elit :<span class="prismea-color -color-grey-700"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.</span></p>
</div>
<div class="prismea-landingpage-cookie-list-switch">
<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.mt-3.text-align-center.
Lorem ipsum dolor sit amet
.prismea-landingpage-content
.prismea-content-container
.block-simple.bg-color-grey--50
.mb-10.flex.flex-align-center.flex-gap-5.flex-justify-right
i.prismea-icon.-x2.prismea-landingpage-glyph-42_prismea.-color-primary-500.-circle.-gunmetal
h3.branding-title-3.color-grey--800.
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.prismea-vertical-spacing-40--slot
.prismea-landingpage-cookie-list-item
.prismea-landingpage-cookie-list-item-icon
i.prismea-icon.prismea-landingpage-glyph-42_statistical.-color-primary-500
p.prismea-text.-size-14
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit :
span.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
.prismea-landingpage-cookie-list-switch
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.prismea-vertical-spacing-40--slot
.prismea-landingpage-cookie-list-item
.prismea-landingpage-cookie-list-item-icon
i.prismea-icon.prismea-landingpage-glyph-42_statistical.-color-primary-500
p.prismea-text.-size-14
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit :
span.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
.prismea-landingpage-cookie-list-switch
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.prismea-vertical-spacing-40--slot
.prismea-landingpage-cookie-list-item
.prismea-landingpage-cookie-list-item-icon
i.prismea-icon.prismea-landingpage-glyph-42_statistical.-color-primary-500
p.prismea-text.-size-14
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit :
span.prismea-color.-color-grey-700 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque bibendum cursus ipsum, dictum consequat ipsum tempus quis. Nulla suscipit gravida ultricies.
.prismea-landingpage-cookie-list-switch
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')