<div class="card-board">
<div class="card-expanded">
<div class="card-expanded__heading">
<div class="card-expanded__theme-and-date">
<span class="card-expanded__theme-badge">
<i class="card-expanded__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card-expanded__date">
18/02/2019
</span>
</div>
<div class="card-expanded__title-block">
<span class="card-expanded__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card-expanded__expand-button-block">
<div class="card-expanded__expand-button-img">
<span class='glyphicon glyphicon-chevron-up'></span>
</div>
</button>
<div class="card-expanded__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
</div><div class="card-board">
<div class="card-expanded">
<div class="card-expanded__heading">
<div class="card-expanded__theme-and-date">
<span class="card-expanded__theme-badge">
<i class="card-expanded__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card-expanded__date">
18/02/2019
</span>
</div>
<div class="card-expanded__title-block">
<span class="card-expanded__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card-expanded__expand-button-block">
<div class="card-expanded__expand-button-img">
<span class='glyphicon glyphicon-chevron-up'></span>
</div>
</button>
<div class="card-expanded__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
<div class="card">
<div class="card__heading">
<div class="card__theme-and-date">
<span class="card__theme-badge">
<i class="card__theme-icon-image glyphicon glyphicon-user"></i>
Theme
</span>
<span class="card__date">
18/02/2019
</span>
</div>
<div class="card__title-block">
<span class="card__title-text">
Analytics card title text
</span>
</div>
</div>
<button class="card__expand-button-block">
<div class="card__expand-button-img">
<span class='glyphicon glyphicon-chevron-down'></span>
</div>
</button>
<div class="card__view">
component analytics
</div>
</div>
</div><div class="page-container">
<div class="page-header"><nav class="menu">
<div class="menu-left">
<div class="menu-items">
<div class="item logo">
<img class="logo" alt="Bloomin" src="../styleguide/images/bloomin-white.png" width="33" height="33">
</div>
<div class="item no-hover">
<img src="https://placeimg.com/33/33/any"/>
</div>
<a class="item" href="">Participants</a>
<a class="item" href="">écouter</a>
<a class="item" href="">Analyser</a>
<a class="item" href="">AGIR</a>
<a class="item" href="">Diag</a>
</div>
</div>
<div class="menu-right">
<div class="menu-items">
<a class="item" href="#">Université</a>
<a class="item" href="#">Aide</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--fr" title="English"></span>
</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--us" title="English"></span>
</a>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<i class="icon fa-solid fa-circle-user fa-2x" aria-hidden="true"></i>
<div class="text">
<p>
Decathlon - IT
</p>
<small>
alexis.finn@bloomin.digital
</small>
</div>
<div class="dropdown">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>
</div>
</div>
</div>
</nav>
<br>
<nav class="menu menu--threesixty">
<div class="menu-left">
<div class="menu-items">
<div class="item logo">
<img class="logo" alt="Bloomin" src="../styleguide/images/bloomin-white.png" width="33" height="33">
</div>
<div class="item no-hover">
<img src="https://placeimg.com/33/33/any"/>
</div>
<a class="item item--longword" href="">Enquete 360</a>
<a class="item item--longword" href="">Dashboard KPIs Grand Angle</a>
</div>
</div>
<div class="menu-right">
<div class="menu-items">
<a class="item" href="#">Université</a>
<a class="item" href="#">Aide</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--fr" title="English"></span>
</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--us" title="English"></span>
</a>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<i class="icon fa-solid fa-circle-user fa-2x" aria-hidden="true"></i>
<div class="text">
<p>
Decathlon - IT
</p>
<small>
alexis.finn@bloomin.digital
</small>
</div>
<div class="dropdown">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>
</div>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<div class="text">
<p>
Pulse
</p>
</div>
<div class="dropdown">
<a href="">360°</a>
</div>
</div>
</div>
</div>
</nav></div>
<div class="page-content">
<div class="sidenav">
<section class="sidenav-top-section">
<img src="images/undraw_file_searching_duff.svg" alt="Illustration" width="85" height="85">
<h1>
Que souhaitez-vous <strong>analyser ?</strong>
</h1>
<p>
Export des Résultats
<i aria-hidden="true" data-placement="bottom" class="fa-solid fa-download"></i>
<i id="download" aria-hidden="true" data-placement="bottom" class="fa-solid fa-lines"></i>
</p>
</section>
<section class="sidenav-mid-section">
adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip
<nav>
<div class="nav-item active">Active</div>
<div class="nav-item"> not Active</div>
</nav>
<section>
</div>
<div class="main-content">
<section class="content-top-section">
<header class="page-title">
<h2 class="main-title">
Analyse de 4 enquêtes
</h2>
<small class="sub-title">
dans les campagnes:
Campagne - Decathlon Exchange , Campagne - Search
( Du 01/10/2018 au 31/12/2019 )
</small>
</header>
<nav class="sub-navbar sub-navbar-topbottom-borders">
<section class="sub-navbar-section sub-navbar-left">
Left
</section>
<section class="sub-navbar-section sub-navbar-middle">
Center
</section>
<section class="sub-navbar-section sub-navbar-right">
Right
</section>
</nav>
</section>
<section class="content-mid-section">
<div class="cta-box bg__bg">
<div class="cta-box__img-box">
<img src="https://placeimg.com/100/100/any" alt="illustration">
</div>
<div class="cta-box__text">
<div class="cta-box__description">
<p>
<strong class="text__primary">Bloomin KPI Builder</strong> Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.
</p>
<a href="#" class="btn btn__primary cta-box__button">adipisicing adipisicing aliqua</a>
</div>
</div>
</div>
<div class="card-board">
<h1>! OBSOLETE !</h1>
</div>
</section>
</div>
</div>
<div class="page-footer"></div>
</div>
Export des Résultats
Bloomin KPI Builder Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.
adipisicing adipisicing aliqua<div class="page-container">
<div class="page-header"><nav class="menu">
<div class="menu-left">
<div class="menu-items">
<div class="item logo">
<img class="logo" alt="Bloomin" src="../styleguide/images/bloomin-white.png" width="33" height="33">
</div>
<div class="item no-hover">
<img src="https://placeimg.com/33/33/any"/>
</div>
<a class="item" href="">Participants</a>
<a class="item" href="">écouter</a>
<a class="item" href="">Analyser</a>
<a class="item" href="">AGIR</a>
<a class="item" href="">Diag</a>
</div>
</div>
<div class="menu-right">
<div class="menu-items">
<a class="item" href="#">Université</a>
<a class="item" href="#">Aide</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--fr" title="English"></span>
</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--us" title="English"></span>
</a>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<i class="icon fa-solid fa-circle-user fa-2x" aria-hidden="true"></i>
<div class="text">
<p>
Decathlon - IT
</p>
<small>
alexis.finn@bloomin.digital
</small>
</div>
<div class="dropdown">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>
</div>
</div>
</div>
</nav>
<br>
<nav class="menu menu--threesixty">
<div class="menu-left">
<div class="menu-items">
<div class="item logo">
<img class="logo" alt="Bloomin" src="../styleguide/images/bloomin-white.png" width="33" height="33">
</div>
<div class="item no-hover">
<img src="https://placeimg.com/33/33/any"/>
</div>
<a class="item item--longword" href="">Enquete 360</a>
<a class="item item--longword" href="">Dashboard KPIs Grand Angle</a>
</div>
</div>
<div class="menu-right">
<div class="menu-items">
<a class="item" href="#">Université</a>
<a class="item" href="#">Aide</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--fr" title="English"></span>
</a>
<a href="" class="item flag">
<span class="flag-icon flag-icon--us" title="English"></span>
</a>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<i class="icon fa-solid fa-circle-user fa-2x" aria-hidden="true"></i>
<div class="text">
<p>
Decathlon - IT
</p>
<small>
alexis.finn@bloomin.digital
</small>
</div>
<div class="dropdown">
<a href="">Link 1</a>
<a href="">Link 2</a>
<a href="">Link 3</a>
</div>
</div>
</div>
<div class="separator"></div>
<div class="menu-items">
<div class="item dropdown-container">
<div class="text">
<p>
Pulse
</p>
</div>
<div class="dropdown">
<a href="">360°</a>
</div>
</div>
</div>
</div>
</nav></div>
<div class="page-content">
<div class="sidenav">
<section class="sidenav-top-section">
<img src="images/undraw_file_searching_duff.svg" alt="Illustration" width="85" height="85">
<h1>
Que souhaitez-vous <strong>analyser ?</strong>
</h1>
<p>
Export des Résultats
<i aria-hidden="true" data-placement="bottom" class="fa-solid fa-download"></i>
<i id="download" aria-hidden="true" data-placement="bottom" class="fa-solid fa-lines"></i>
</p>
</section>
<section class="sidenav-mid-section">
adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur consequat culpa culpa cupidatat deserunt deserunt do do dolor dolore dolore duis duis ea eiusmod eiusmod elit enim enim esse esse est et et eu ex ex excepteur excepteur exercitation fugiat fugiat id in in incididunt incididunt ipsum irure irure labore labore laboris laborum laborum Lorem magna magna minim minim mollit nisi nisi non nostrud nostrud nulla nulla occaecat officia officia pariatur pariatur proident qui qui quis reprehenderit reprehenderit sint sint sit sunt sunt tempor ullamco ullamco ut ut velit veniam veniam voluptate undefined adipisicing adipisicing aliqua aliquip aliquip
<nav>
<div class="nav-item active">Active</div>
<div class="nav-item"> not Active</div>
</nav>
<section>
</div>
<div class="main-content">
<section class="content-top-section">
<header class="page-title">
<h2 class="main-title">
Analyse de 4 enquêtes
</h2>
<small class="sub-title">
dans les campagnes:
Campagne - Decathlon Exchange , Campagne - Search
( Du 01/10/2018 au 31/12/2019 )
</small>
</header>
<nav class="sub-navbar sub-navbar-topbottom-borders">
<section class="sub-navbar-section sub-navbar-left">
Left
</section>
<section class="sub-navbar-section sub-navbar-middle">
Center
</section>
<section class="sub-navbar-section sub-navbar-right">
Right
</section>
</nav>
</section>
<section class="content-mid-section">
<div class="cta-box bg__bg">
<div class="cta-box__img-box">
<img src="https://placeimg.com/100/100/any" alt="illustration">
</div>
<div class="cta-box__text">
<div class="cta-box__description">
<p>
<strong class="text__primary">Bloomin KPI Builder</strong> Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.
</p>
<a href="#" class="btn btn__primary cta-box__button">adipisicing adipisicing aliqua</a>
</div>
</div>
</div>
<div class="card-board">
<h1>! OBSOLETE !</h1>
</div>
</section>
</div>
</div>
<div class="page-footer"></div>
</div><div class="flex-container">
<div class="left-side-bar bg__white">
<div class="left-side-bar__header flex-container align-items__center">
<div class="p-left-40">
<h1 class="font-size--even_bigger text__primary--text m-top-0 m-bottom-5"><b>Settings</b></h1>
<p class="font-size--bigger text__primary--text m-bottom-0">Prénom nom</p>
</div>
</div>
<div class="left-side-bar__list">
<ul class="p-left-40 p-right-40">
<li class="p-bottom-10 p-top-20 flex-container align-items__center">
<img src="images/analytics-card/action.png" height="28" class="p-right-10">
<a class="font-size--big text__primary--text">Profil</a>
</li>
<li class="p-bottom-10 p-top-20 flex-container align-items__center">
<img src="images/analytics-card/action.png" height="28" class="p-right-10">
<a class="font-size--big text__primary--text">Profil</a>
</li>
</ul>
</div>
</div>
<div class="right-content">
<div class="p-left-50 p-right-50 right-content__header bg__white flex-container align-items__center justify-content__space-between">
<div>
<h2 class="font-size--bigger text__primary--text m-top-0 m-bottom-5"><b>Title</b></h2>
<p class="font-size--big text__primary--text m-bottom-0">Subtitle</p>
</div>
<a class="btn btn__primary">Call To Action</a>
</div>
<div class="right-content__content">Content</div>
</div>Subtitle
<div class="flex-container">
<div class="left-side-bar bg__white">
<div class="left-side-bar__header flex-container align-items__center">
<div class="p-left-40">
<h1 class="font-size--even_bigger text__primary--text m-top-0 m-bottom-5"><b>Settings</b></h1>
<p class="font-size--bigger text__primary--text m-bottom-0">Prénom nom</p>
</div>
</div>
<div class="left-side-bar__list">
<ul class="p-left-40 p-right-40">
<li class="p-bottom-10 p-top-20 flex-container align-items__center">
<img src="images/analytics-card/action.png" height="28" class="p-right-10">
<a class="font-size--big text__primary--text">Profil</a>
</li>
<li class="p-bottom-10 p-top-20 flex-container align-items__center">
<img src="images/analytics-card/action.png" height="28" class="p-right-10">
<a class="font-size--big text__primary--text">Profil</a>
</li>
</ul>
</div>
</div>
<div class="right-content">
<div class="p-left-50 p-right-50 right-content__header bg__white flex-container align-items__center justify-content__space-between">
<div>
<h2 class="font-size--bigger text__primary--text m-top-0 m-bottom-5"><b>Title</b></h2>
<p class="font-size--big text__primary--text m-bottom-0">Subtitle</p>
</div>
<a class="btn btn__primary">Call To Action</a>
</div>
<div class="right-content__content">Content</div>
</div><div class="hero-3">
<div class="hero-3__contents">
<div class="hero-3__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
</div>
<div class="hero-3__contents__illustration">
<img src="images/undraw/undraw_on_the_way_ldaq.svg">
</div>
</div>
</div>
<div class="hero-3">
<div class="hero-3__contents">
<div class="hero-3__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
</div>
<div class="hero-3__contents__illustration">
<img src="images/undraw/undraw_on_the_way_ldaq.svg">
</div>
</div>
</div><div class="hero-2">
<div class="hero-2__contents">
<div class="hero-2__contents__illustration">
<img src="images/undraw/undraw_envelope_n8lc.svg">
</div>
<div class="hero-2__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
</div>
</div>
</div>
<div class="hero-2">
<div class="hero-2__contents">
<div class="hero-2__contents__illustration">
<img src="images/undraw/undraw_envelope_n8lc.svg">
</div>
<div class="hero-2__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
</div>
</div>
</div><div class="hero-4">
<div class="hero-4__contents">
<div class="hero-4__contents__illustration">
<img src="images/main-qimg-edbe6a9d4257dbb935cb556e7f5b73b5.png">
</div>
<div class="hero-4__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
<p>adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur</p>
<p><a>adipisicing adipisicing aliqua</a></p>
</div>
</div>
</div>
adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur
<div class="hero-4">
<div class="hero-4__contents">
<div class="hero-4__contents__illustration">
<img src="images/main-qimg-edbe6a9d4257dbb935cb556e7f5b73b5.png">
</div>
<div class="hero-4__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
<p>adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute cillum commodo commodo consectetur consectetur</p>
<p><a>adipisicing adipisicing aliqua</a></p>
</div>
</div>
</div><div class="hero-1">
<div class="hero-1__contents">
<div class="hero-1__contents__illustration">
<img src="images/undraw/undraw_connected_world_wuay.svg">
</div>
<div class="hero-1__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
<p>adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute</p>
</div>
</div>
</div>
adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute
<div class="hero-1">
<div class="hero-1__contents">
<div class="hero-1__contents__illustration">
<img src="images/undraw/undraw_connected_world_wuay.svg">
</div>
<div class="hero-1__contents__texts">
<h2 class="hero-title">adipisicing adipisicing aliqua <strong>adipisicing adipisicing</strong></h2>
<p>adipisicing adipisicing aliqua aliquip aliquip amet amet anim aute aute</p>
</div>
</div>
</div><div class="survey-editor-card-board">
<div class="survey-editor-card">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--disabled">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--add-disable">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--remove-disable">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-text">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-comment"></i>
<span class="survey-editor-card__component__body__header__theme__label">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-input placeholder="Please input"></el-input>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-image">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-picture"></i>
<span class="survey-editor-card__component__body__header__theme__label">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="function(){}"
:on-remove="function(){}"
:before-remove="function(){}"
:limit="1"
:on-exceed="function(){}"
:file-list="[]">
<el-button size="small" type="primary">Upload file</el-button>
</el-upload>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-mood">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<el-select placeholder="Select" value="">
<el-option
:key="value"
:label="label"
:value="value">
</el-option>
</el-select>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-input placeholder="Please input"></el-input>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-other">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-asterisk"></i>
<el-select placeholder="Select" value="">
<el-option
:key="value"
:label="label"
:value="value">
</el-option>
</el-select>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-input placeholder="Please input"></el-input>
<div class="survey-editor-card__component__body__label__input">
<el-input class="survey-editor-card__component__body__label__input__choice" placeholder="Please input"></el-input>
<i class="survey-editor-card__component__body__label__input__choice__plus glyphicon glyphicon-plus-sign text-success"></i>
<i class="survey-editor-card__component__body__label__input__choice__minus glyphicon glyphicon-minus-sign text-danger"></i>
</div>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
</div><div class="survey-editor-card-board">
<div class="survey-editor-card">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--disabled">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--add-disable">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--remove-disable">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<span class="survey-editor-card__component__badge">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<hr class="survey-editor-card__component__body__header__action--hr">
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<span>Adipisicing aliqua aliquip aliquip amet. Anim aute aute cillum commodo. Consectetur consectetur consequat culpa culpa cupidatat.</span>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-text">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-comment"></i>
<span class="survey-editor-card__component__body__header__theme__label">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-input placeholder="Please input"></el-input>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-image">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-picture"></i>
<span class="survey-editor-card__component__body__header__theme__label">
Adipisicing aliqua aliquip aliquip amet.
</span>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-upload
action="https://jsonplaceholder.typicode.com/posts/"
:on-preview="function(){}"
:on-remove="function(){}"
:before-remove="function(){}"
:limit="1"
:on-exceed="function(){}"
:file-list="[]">
<el-button size="small" type="primary">Upload file</el-button>
</el-upload>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-mood">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-heart"></i>
<el-select placeholder="Select" value="">
<el-option
:key="value"
:label="label"
:value="value">
</el-option>
</el-select>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-input placeholder="Please input"></el-input>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
<div class="survey-editor-card survey-editor-card--select-other">
<div class="survey-editor-card__component">
<div class="survey-editor-card__component__body">
<div class="survey-editor-card__component__body__header">
<div class="survey-editor-card__component__body__header__theme">
<i class="survey-editor-card__component__body__header__theme--icon glyphicon glyphicon-asterisk"></i>
<el-select placeholder="Select" value="">
<el-option
:key="value"
:label="label"
:value="value">
</el-option>
</el-select>
</div>
<div class="survey-editor-card__component__body__header__action">
<a class="survey-editor-card__component__body__header__action--link">Adipisicing aliqua aliquip aliquip amet.</a>
<i class="survey-editor-card__component__body__header__action--icon glyphicon glyphicon-lock"></i>
</div>
</div>
<div class="survey-editor-card__component__body__label">
<el-input placeholder="Please input"></el-input>
<div class="survey-editor-card__component__body__label__input">
<el-input class="survey-editor-card__component__body__label__input__choice" placeholder="Please input"></el-input>
<i class="survey-editor-card__component__body__label__input__choice__plus glyphicon glyphicon-plus-sign text-success"></i>
<i class="survey-editor-card__component__body__label__input__choice__minus glyphicon glyphicon-minus-sign text-danger"></i>
</div>
</div>
</div>
</div>
<div class="survey-editor-card__move">
<div class="survey-editor-card__move--up">
<i class="glyphicon glyphicon-menu-up"></i>
</div>
<div class="survey-editor-card__move--down">
<i class="glyphicon glyphicon-menu-down"></i>
</div>
</div>
<button class="survey-editor-card__btn--add"></button>
</div>
</div>