en-USde-DE
Language
Search
× Search
Menu
  1. Home
  2. Blog
  3. Gallery
  4. Groups
  5. Features
  6. Pages
  7. Contact us
    Address: Some address goes here
    Phone: +12 345 678 9
    Fax: +12 345 678 9
    Email: email@email.com
    Web: www.webpage.com

    Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam littera gothica.

Sunday, August 19, 2018
FeaturesTypographyBoxes

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>

EasyDNNstyleWizard