"flow 1"
Bootstrap 3.3.0 Snippet by exigentinc

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="section-14"> <div class="container-14 w-container"> <div class="div-block-19"> <div class="div-block-22 w-clearfix"> <img src="https://uploads-ssl.webflow.com/5aa7d15a30ed95ed7d985ee7/5aad43f72e1ff93ffd78ccb0_check_color-95a469a4.svg" class="image-10"> <div class="div-block-21"> <h3 class="heading-10">Mise en place sans effort</h3> <p class="paragraph-4">Oublis les long projets de dploiement : import des utilisateurs automatique ou synchronisation avec votre SIRH</p> </div> </div> <div class="div-block-22 w-clearfix"> <img src="https://uploads-ssl.webflow.com/5aa7d15a30ed95ed7d985ee7/5aad43f72e1ff93ffd78ccb0_check_color-95a469a4.svg" class="image-10"> <div class="div-block-21"> <h3 class="heading-10">Scurit des donnes garantie</h3> <p class="paragraph-4">Vos donnes sont chiffres en AES-256 (standard de cryptage de pointe), sur des data centers europens, certifis ISO27001</p> </div> </div> <div class="div-block-22 w-clearfix"> <img src="https://uploads-ssl.webflow.com/5aa7d15a30ed95ed7d985ee7/5aad43f72e1ff93ffd78ccb0_check_color-95a469a4.svg" class="image-10"> <div class="div-block-21"> <h3 class="heading-10">100% personnalisable</h3> <p class="paragraph-4">Utilisez vos trames d'entretien, fixez vos rgles : vous avez la main pour insuffler votre culture d'entrepriseContactez-nous</p> </div> </div> </div> </div> </div>
/*! CSS Used from: https://uploads-ssl.webflow.com/5aa7d15a30ed95ed7d985ee7/css/elevo.webflow.2cfe5a608.css */img { border: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } img { max-width: 100%; vertical-align: middle; display: inline-block; } .w-clearfix:after,.w-clearfix:before { content: " "; display: table; } .w-clearfix:after { clear: both; } h3 { font-weight: 700; margin-bottom: 10px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } p { margin-top: 0; margin-bottom: 10px; } .w-container { margin-left: auto; margin-right: auto; max-width: 940px; } .w-container:after,.w-container:before { content: " "; display: table; } .w-container:after { clear: both; } @media screen and (max-width:991px) { .w-container { max-width: 728px; } } @media screen and (max-width:479px) { .w-container { max-width: none; } } h3 { margin-top: 40px; margin-bottom: 10px; font-size: 21px; line-height: 30px; font-weight: 700; } .div-block-19 { display: block; max-width: 618px; margin-right: auto; margin-left: auto; padding: 30px; border-radius: 10px; background-color: #fff; } .section-14 { background-image: url(https://uploads-ssl.webflow.com/5aa7d15a30ed95ed7d985ee7/5aaec34530f3921fbdabd148_hr_benefits_bg.jpg); background-position: 100% 50%; background-size: cover; } .image-10 { display: block; margin-top: 9px; margin-left: 8px; float: left; } .div-block-21 { display: inline-block; margin-top: -31px; margin-left: 53px; } .heading-10 { margin-top: 0; margin-bottom: 2px; font-size: 18px; } .div-block-22 { padding-top: 8px; padding-bottom: 8px; } .container-14 { padding: 30px 15px; } @media (max-width:991px) { .section-14 { background-position: 100% 50%; } } @media (max-width:479px) { .div-block-19 { padding: 0 8px 0 5px; } }/*! CSS Used from: Embedded */.w-container { max-width: 1040px; }

Related: See More


Questions / Comments: