Boxes

<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>

<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>

<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>

<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>

<div class="eds_box eds_box_1 eds_withFontIcon"> <div class="fontIcon"> <span class="fas 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>

<div class="eds_box eds_box_2 eds_withFontIcon"> <div class="fontIcon"> <span class="fas 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>

<div class="eds_box eds_box_3 eds_withFontIcon"> <div class="fontIcon"> <span class="fas 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>

<div class="eds_box eds_box_4 eds_withFontIcon"> <div class="fontIcon"> <span class="fas 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>

<div class="eds_box eds_box_1 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fas 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>

<div class="eds_box eds_box_2 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fas 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>

<div class="eds_box eds_box_3 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fas 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>

<div class="eds_box eds_box_4 eds_withSmallFontIcon"> <div class="fontIcon eds_small"> <span class="fas 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>

<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>

<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>

<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>

<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>

<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="fas fa-facebook-square"></span></a> <a href="twitter.com"><span class="fas fa-twitter-square"></span></a> <a href="plus.google.com"><span class="fas fa-google-plus-square"></span></a> <a href="linkedin.com"><span class="fas fa-linkedin-square"></span></a> <a href="pinterest.com"><span class="fas fa-pinterest-square"></span></a> </div> </div> </div> </div>

<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>

<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>

<div class="eds_box eds_box_5"> <div class="fontIcon darkStyle"> <span class="fas 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>

<div class="eds_box eds_box_5"> <div class="fontIcon eds_small darkStyle"> <span class="fas 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>

<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>