Site

<nav class="scrollspy">
<ul class="nav list-unstyled font-heading">
<li><a href="#section1" class="no-underline" rel="jumpdown"><strong>1</strong></a></li>
<li><a href="#section2" class="no-underline s2" rel="jumpdown"><strong>2</strong></a></li>
<li><a href="#section3" class="no-underline s3" rel="jumpdown"><strong>3</strong></a></li>
<li><a href="#section4" class="no-underline s4" rel="jumpdown"><strong>4</strong></a></li>
<li><a href="#section5" class="no-underline s5" rel="jumpdown"><strong>5</strong></a></li>
<li><a href="#section6" class="no-underline s6" rel="jumpdown"><strong>6</strong></a></li>
<li><a href="#section7" class="no-underline s7" rel="jumpdown"><strong>7</strong></a></li>
<a href="#footer" rel="jumpdown"><strong>Footer</strong></a></li>
</ul>
</nav>

[segment tag="section" style="3" bgimg="/wp-content/uploads/sites/2597/2018/02/Banner.jpg" bgrepeat="no-repeat" bgposition="bottom center" bgattachment="scroll" bgsize="cover" spacing="mini" class="hp-banner text-center" id="section1"]
[row]
[column span="12"]
<h1><strong>Cloud-it est une firme de service informatique<br class="visible-lg visible-md" /> reconnue, spécialisée dans la transformation<br class="visible-lg visible-md" /> numérique des organisations exploitant la<br class="visible-lg visible-md" /> plateforme Office 365</strong></h1>
[/column]
[/row]
<div class="cloud-hover"></div>
<div><a href="#section2" class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Nos Distinctions</a></div>
[/segment]

[segment tag="section" style="2" spacing="mini" id="section2" class="hp-s2 text-center"]
<div class="row-flex">
<div class="col">
<div class="top-content">
<h2 class="font-50"><strong>Nos Distinctions</strong></h2>
[row]
[column span="6"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s02-Microsoft-silver.jpg" class="aligncenter"]
[/column]
[column span="6"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s02-Microsoft-gold.jpg" class="aligncenter"]
[/column]
[column span="12"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s02-impact-awards.jpg" class="aligncenter"]
[/column]
[/row]
</div>

<div class="bottom-content">
<div class="text-block">
<h3 class="font-45 margin-0"><strong>800,000+</strong></h3>
<p class="margin-bottom-0 font-24 font-heading accent"><strong>Visites sur youtube</strong></p>
</div>
<div class="text-block">
<h3 class="font-45 margin-0"><strong>1,000+</strong></h3>
<p class="margin-bottom-0 font-24 font-heading accent"><strong>Concerts autour <br class="visible-lg visible-md" />du monde</strong></p>
</div>
<div class="text-block">
<h3 class="font-45 margin-0"><strong>10</strong></h3>
<p class="margin-bottom-0 font-24 font-heading accent"><strong>Pays où ma guitare a <br class="visible-lg visible-md" />résonné sur scéne</strong></p>
</div>
</div>

</div>

<div class="col">
<iframe width="100%" height="470" src="https://www.youtube.com/embed/9jIa8isD5rI" frameborder="0"></iframe>
<div class="videoPlaceholder"></div>
</div>
</div>

<div><a href="#section3" class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Services et Produits</a></div>
[/segment]

[segment tag="section" style="1" bgimg="/wp-content/uploads/sites/2597/2018/02/bg-s03-services.jpg" bgrepeat="no-repeat" bgposition="center center" bgattachment="scroll" bgsize="cover" spacing="large" id="section3" class="text-center hp-s3"]
[row]
[column span="6" class="col-sm-6"]
<h2 class="font-60"><strong>Services</strong></h2>
[nested_row]
[nested_column span="6"]
<a class="no-underline" rel="popover-bottom" data-trigger="focus" data-placement="bottom" data-html="true" data-content="<p>La phase de Déploiement permet la mise en place des nouvelles technologies dans votre organisation. Dans un environnement Infonuagique, les mises à jour et les nouvelles fonctionnalités sont appliquées à un rythme plus élevé ; il ne serait donc pas rare d'être dans une phase de «déploiement» plus souvent que d’habitude.</p>" role="button" tabindex="1">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s03-Déploiement.png" class="aligncenter"]
<h3 class="font-24"><strong>Déploiement</strong></h3>
</a>
[/nested_column]
[nested_column span="6"]
<a class="no-underline" rel="popover-bottom" data-trigger="focus" data-placement="bottom" data-html="true" data-content="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam convallis eget justo sed consequat. Nulla eu ipsum arcu.</p>" role="button" tabindex="2">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s03-Formations-Conseils.png" class="aligncenter"]
<h3 class="font-24"><strong>Formations &amp; Conseils</strong></h3>
</a>
[/nested_column]
[nested_column span="6" class="col-md-offset-3"]
<a class="no-underline" rel="popover-bottom" data-trigger="focus" data-placement="bottom" data-html="true" data-content="<p><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam convallis eget justo sed consequat. Nulla eu ipsum arcu.</p>" role="button" tabindex="3">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s03-Plan-vector-365.png" class="aligncenter"]
<h3 class="font-24"><strong>Plan vector 365</strong></h3>
</a>
[/nested_column]
[/nested_row]
[/column]
[column span="6" class="col-sm-6"]
<h2 class="font-60"><strong>Nos Produits</strong></h2>
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s03-microsoft-365.png" class="aligncenter"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s03-office-365.png" class="aligncenter"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s03-microsoft-teams.png" class="aligncenter"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s03-share-point.png" class="aligncenter"]
[img src="/wp-content/uploads/sites/2597/2018/02/logo-s03-yammer.png" class="aligncenter"]
[/column]
[/row]
<div><a href="#section4" class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Nos solutions intégrées à Office 365</a></div>
[/segment]

[segment tag="section" style="3" bgimg="/wp-content/uploads/sites/2597/2018/02/bg-Nos-solutions.jpg" bgrepeat="no-repeat" bgposition="top center" bgattachment="scroll" bgsize="cover" spacing="mini" id="section4" class="text-center hp-s4 flex-section"]
[row]
[column span="12"]
<h2 class="font-60"><strong>Nos solutions intégrées à Office 365</strong></h2>
[/column]
[/row]

[row]
[column span="3" class="col-sm-6"]
<a href="#" class="no-underline">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s04-Intranet-clé-en-main.png" class="aligncenter"]
<h3 class="font-24"><strong>Intranet clé en<br class="visible-lg visible-md" /> main</strong></h3>
</a>
[/column]
[column span="3" class="col-sm-6"]
<a href="#" class="no-underline">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s04-CRM-et-Gestion-de-Projet.png" class="aligncenter"]
<h3 class="font-24"><strong>CRM et Gestion<br class="visible-lg visible-md" /> de Projet</strong></h3>
</a>
[/column]
[column span="3" class="col-sm-6"]
<a href="#" class="no-underline">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s04-Archivage.png" class="aligncenter"]
<h3 class="font-24"><strong>Archivage</strong></h3>
</a>
[/column]
[column span="3" class="col-sm-6"]
<a href="#" class="no-underline">
[img src="/wp-content/uploads/sites/2597/2018/02/icon-s04-Solution-Téléphonie.png" class="aligncenter"]
<h3 class="font-24"><strong>Solution<br class="visible-lg visible-md" /> Téléphonie</strong></h3>
</a>
[/column]
[/row]
<div><a href="#section5" class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Industries</a></div>
[/segment]

[segment tag="section" style="3" bgimg="/wp-content/uploads/sites/2597/2018/02/bg-Industries.jpg" bgrepeat="no-repeat" bgposition="top center" bgattachment="scroll" bgsize="cover" spacing="mini" id="section5" class="hp-s5 flex-section text-center"]
[row]
[column span="12"]
<h2 class="font-60"><strong>Industries</strong></h2>
[/column]
[/row]

[row]
[column span="3" class="col-sm-6"]
<a class="no-underline" rel="popover-bottom" data-trigger="click" data-placement="bottom" data-html="true" data-content="<p>Donnez à vos Étudiants et Enseignants les outils dont ils ont besoin pour réussir</p><div class='btn btn-custom'>En savoir plus</a>">
<div class="industries-icon ico-01"></div>
<h3 class="font-24"><strong>Education</strong></h3>
</a>
[/column]
[column span="3" class="col-sm-6"]
<a class="no-underline" rel="popover-bottom" data-trigger="click" data-placement="bottom" data-html="true" data-content="<p>Donnez à vos Étudiants et Enseignants les outils dont ils ont besoin pour réussir</p><div class='btn btn-custom'>En savoir plus</a>">
<div class="industries-icon ico-02"></div>
<h3 class="font-24"><strong>Industrie de la<br class="visible-lg visible-md" /> construction</strong></h3>
</a>
[/column]
[column span="3" class="col-sm-6"]
<a class="no-underline" rel="popover-bottom" data-trigger="click" data-placement="bottom" data-html="true" data-content="<p>Donnez à vos Étudiants et Enseignants les outils dont ils ont besoin pour réussir</p><div class='btn btn-custom'>En savoir plus</a>">
<div class="industries-icon ico-03"></div>
<h3 class="font-24"><strong>Services<br class="visible-lg visible-md" /> Professionnels</strong></h3>
</a>
[/column]
[column span="3" class="col-sm-6"]
<a class="no-underline" rel="popover-bottom" data-trigger="click" data-placement="bottom" data-html="true" data-content="<p>Donnez à vos Étudiants et Enseignants les outils dont ils ont besoin pour réussir</p><div class='btn btn-custom'>En savoir plus</a>">
<div class="industries-icon ico-04"></div>
<h3 class="font-24"><strong>Transport &amp;<br class="visible-lg visible-md" /> Logistique</strong></h3>
</a>
[/column]
[/row]
<div><a href="#section6" class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Nos Clients</a></div>
[/segment]

[segment tag="section" style="1" bgimg="/wp-content/uploads/sites/2597/2018/02/bg-s03-services.jpg" bgrepeat="no-repeat" bgposition="top center" bgattachment="scroll" bgsize="cover" spacing="mini" class="flex-section text-center" id="section6"]
[row]
[column span="12"]
<h2 class="font-60"><strong>Nos clients</strong></h2>
<div><a href="#" class="btn btn-primary btn-lg">Plus d’informations</a></div>
[/column]
[/row]
<div><a href="#section6" class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Blog</a></div>
[/segment]

[segment tag="section" style="2" spacing="mini" id="section7" class="flex-section text-center hp-blog"]
[row]
[column span="12"]
<h2 class="font-50"><strong>Articles récents</strong></h2>
[blogfeed layout="horizontal-a" posts_per_page="4" columns="4" content_type="excerpt" image_style="thumbnail" image_width="350" image_height="212" show_image="true" show_date="false" show_author="false" show_cats="false" show_tags="false" show_btn="false" btn_text="Read more"]
[/column]
[/row]
<div><a class="no-underline trapezoid font-heading" rel="jumpdown">[icon type="arrow-circle-down"] Formulaire de contact</a></div>
[/segment]