Search
× Search
mercredi 24 mai 2017
AccueilDraftFeaturesTypographyBoxes

Boxes

BOXES

Box Style 1

Box with background.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_1"> <h3>Box Style 1</h3> <p><strong>Box with background.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div>

Box Style 2

Box with border.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.

View Code
<div class="eds_box eds_box_2"> <h3>Box Style 2</h3> <p><strong>Box with border.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.</p> </div>

Box Style 3

Box with background and border.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.

View Code
<div class="eds_box eds_box_3"> <h3>Box Style 3</h3> <p><strong>Box with background and border.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.</p> </div>

Box Style 4

Box with dark transparent background.Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in lacus quis.

View Code
<div class="eds_box eds_box_4"> <h3>Box Style 4</h3> <p><strong>Box with dark transparent background.</strong> Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in lacus quis.</p> </div>

Box Style 1

Box with background and fontIcon.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_1 eds_withFontIcon"> <div class="fontIcon"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 1</h3> <p><strong>Box with background and fontIcon.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div>

Box Style 2

Box with border and fontIcon.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.

View Code
<div class="eds_box eds_box_2 eds_withFontIcon"> <div class="fontIcon"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 2</h3> <p><strong>Box with border and fontIcon.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.</p> </div>

Box Style 3

Box with background and border and fontIcon.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc.

View Code
<div class="eds_box eds_box_3 eds_withFontIcon"> <div class="fontIcon"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 3</h3> <p><strong>Box with background and border and fontIcon.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc.</p> </div>

Box Style 4

Box with dark transparent background and fontIcon.Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in.

View Code
<div class="eds_box eds_box_4 eds_withFontIcon"> <div class="fontIcon"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 4</h3> <p><strong>Box with dark transparent background and fontIcon.</strong> Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in.</p> </div>

Box Style 1

Box with background and small fontIcon.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_1 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 1</h3> <p><strong>Box with background and small fontIcon.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div>

Box Style 2

Box with border and small fontIcon.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.

View Code
<div class="eds_box eds_box_2 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 2</h3> <p><strong>Box with border and small fontIcon.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.</p> </div>

Box Style 3

Box with background and border and small fontIcon.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc.

View Code
<div class="eds_box eds_box_3 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 3</h3> <p><strong>Box with background and border and small fontIcon.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc.</p> </div>

Box Style 4

Box with dark transparent background and small fontIcon.Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in.

View Code
<div class="eds_box eds_box_4 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 4</h3> <p><strong>Box with dark transparent background and small fontIcon.</strong> Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in.</p> </div>

Box Style 1

Box with background and button bottom.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_1 eds_withBottomButton"> <h3>Box Style 1</h3> <p><strong>Box with background and button bottom.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> <div class="eds_bottomButton"> <a href="#" class="eds_btn">READ MORE</a> </div> </div>

Box Style 2

Box with border and button bottom.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.

View Code
<div class="eds_box eds_box_2 eds_withBottomButton"> <h3>Box Style 2</h3> <p><strong>Box with border and button bottom.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc. Fusce luctus ante non libero.</p> <div class="eds_bottomButton"> <a href="#" class="eds_btn">READ MORE</a> </div> </div>

Box Style 3

Box with transparent background and bottom button.Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc.

View Code
<div class="eds_box eds_box_3 eds_withBottomButton"> <h3>Box Style 3</h3> <p><strong>Box with transparent background and bottom button.</strong> Duis quis ullamcorper tellus. Integer non luctus ipsum, sit amet cursus augue. Mauris a nisi laoreet velit suscipit viverra a a nunc.</p> <div class="eds_bottomButton"> <a href="#" class="eds_btn">READ MORE</a> </div> </div>

Box Style 4

Box with dark transparent background and bottom button.Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in.

View Code
<div class="eds_box eds_box_4 eds_withBottomButton"> <h3>Box Style 4</h3> <p><strong>Box with dark transparent background and bottom button.</strong> Aenean pretium sem eget venenatis pharetra. Aliquam a pellentesque augue. In mi nisl, euismod in.</p> <div class="eds_bottomButton"> <a href="#" class="eds_btn">READ MORE</a> </div> </div>

Some name

Some Description

Ut aut reiciendis voluptatibus maiores alias nam libero tempore, et harum quidem rerum facilis est. Sed quia consequuntur magni dolores eos totam rem aperiam, quia voluptas sit aspernatur. Nemo enim ipsam

View Code
<div class="eds_infoBox"> <div class="eds_info_1"> <img alt="" src="/portals/0/Images/Team.jpg" /> <h3>Some name</h3> <p>Some Description</p> </div> <div class="eds_info_2"> <p>Ut aut reiciendis voluptatibus maiores alias nam libero tempore, et harum quidem rerum facilis est. Sed quia consequuntur magni dolores eos totam rem aperiam, quia voluptas sit aspernatur. Nemo enim ipsam</p> <div class="text-center"> <div class="eds_socialIcons"> <a href="facebook.com"><span class="fa fa-facebook-square"></span></a> <a href="twitter.com"><span class="fa fa-twitter-square"></span></a> <a href="plus.google.com"><span class="fa fa-google-plus-square"></span></a> <a href="linkedin.com"><span class="fa fa-linkedin-square"></span></a> <a href="pinterest.com"><span class="fa fa-pinterest-square"></span></a> </div> </div> </div> </div>

Maecenas rutrum tempor odio, sit amet eleifend nisl feugiat pulvinar. Sed hendrerit, nulla in ullamcorper condimentum, erat augue feugiat nulla, sit amet feugiat purus justo ut libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae metus justo. Cras ullamcorper ut dolor vitae commodo. Morbi in enim cursus, feugiat sapien a, molestie diam. Aliquam quis mi diam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in augue ut purus ornare ullamcorper vel vitae risus. Maecenas commodo ultrices fermentum. Aenean rutrum ligula nec purus venenatis, sit amet luctus ligula dignissim.

Integer in augue
View Code
<div class="eds_infoBox2"> <div class="eds_info_1"> <p>Maecenas rutrum tempor odio, sit amet eleifend nisl feugiat pulvinar. Sed hendrerit, nulla in ullamcorper condimentum, erat augue feugiat nulla, sit amet feugiat purus justo ut libero. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer vitae metus justo. Cras ullamcorper ut dolor vitae commodo. Morbi in enim cursus, feugiat sapien a, molestie diam. Aliquam quis mi diam.</p> <div class="eds_info_2"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in augue ut purus ornare ullamcorper vel vitae risus. Maecenas commodo ultrices fermentum. Aenean rutrum ligula nec purus venenatis, sit amet luctus ligula dignissim.</p> </div> </div> <a class="boxTitle" href="#">Integer in augue</a> </div>

Box Style 5

Box with background.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_5"> <h3>Box Style 5</h3> <p><strong>Box with background.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div>

Box Style 5

Box with background and fontIcon. Sed ullamcorper dolor ut ultrices venenatis.

View Code
<div class="eds_box eds_box_5"> <div class="fontIcon darkStyle"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 5</h3> <p><strong>Box with background and fontIcon.</strong> Sed ullamcorper dolor ut ultrices venenatis.</p> </div>

Box Style 5

Box with background and small fontIcon.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_5"> <div class="fontIcon eds_small darkStyle"> <span class="fa fa-mobile"></span> </div> <h3>Box Style 1</h3> <p><strong>Box with background and small fontIcon.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> </div>

Box Style 5

Box with background and button bottom.Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

View Code
<div class="eds_box eds_box_5 eds_withBottomButton"> <h3>Box Style 5</h3> <p><strong>Box with background and button bottom.</strong> Sed ullamcorper dolor ut ultrices venenatis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> <div class="eds_bottomButton"> <a href="#" class="eds_btn">READ MORE</a> </div> </div>

Ils nous soutiennent

get social

>Qui sommes-nous ?
>La formation
>Être stagiaire
>Espace entreprises partenaires
>Nous rejoindre


Retour au début