travel > Contact Us > Features > Short Codes

× Search

Boxes

BoxStyle1

Nunc dolor neque, euismod vel iaculis at, luctus vel quam. Nulla velit ante, luctus at tempus at, aliquam non velit. Nullam eu dolor sollicitudin, congue diam a, elementum est. Fusce lobortis massa feugiat ante pulvinar accumsan. Vivamus dapibus, ligula sed dapibus hendrerit, massa velit pharetra ante, et dapibus nisl justo tincidunt libero. Vivamus sagittis augue ligula, vel dignissim dui ultricies et. Sed eu lorem feugiat sapien suscipit imperdiet quis ullamcorper sapien.

<div class="eds_box1">
	<img alt="image" class="eds__boxImage img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image1.jpg" />
	<div class="container text-center">
		<h4 class="eds_whiteColor">BoxStyle1</h4>
		<p class="eds_whiteColor">Nunc dolor neque, euismod vel iaculis at, luctus vel quam. Nulla velit ante, luctus at tempus at, aliquam non velit. Nullam eu dolor sollicitudin, congue diam a, elementum est. Fusce lobortis massa feugiat ante pulvinar accumsan. Vivamus dapibus, ligula sed dapibus hendrerit, massa velit pharetra ante, et dapibus nisl justo tincidunt libero. Vivamus sagittis augue ligula, vel dignissim dui ultricies et. Sed eu lorem feugiat sapien suscipit imperdiet quis ullamcorper sapien. </p>
	</div>
</div>

BoxStyle2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!

<div class="eds_box2">
	<div class="container pt-3 pb-2">
		<h3 class="eds_boxTitle">BoxStyle2</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!</p>
	</div>
</div>

BoxStyle3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!

<div class="eds_box3">
	<h3 class="eds_boxTitle pb-3 mb-5">BoxStyle3</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!</p>
</div>

BoxStyle3Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!

<div class="eds_box3 eds_left">
	<h3 class="eds_boxTitle pb-3 mb-5">BoxStyle3Left</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!</p>
</div>

BoxStyle3Style2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!

<div class="eds_box3 eds_style2">
	<h3 class="eds_boxTitle pb-3 mb-5">BoxStyle3Style2</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!</p>
</div>

BoxStyle3Style2Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!

<div class="eds_box3 eds_style2 eds_left">
	<h3 class="eds_boxTitle pb-3 mb-5">BoxStyle3Style2Left</h3>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna aliqua!</p>
</div>

BoxStyle3Style3

Nulla iaculis feugiat elementum. Donec libero arcu, facilisis et blandit sed, placerat sit amet nulla. Nam sed ultricies urna. Quisque pulvinar mollis tortor et interdum. Donec ullamcorper efficitur ex, sit amet ornare orci feugiat ac. Vestibulum accumsan nulla id est volutpat, eget venenatis turpis venenatis. Proin convallis vulputate ipsum vel interdum. Sed venenatis quam ut erat vulputate sollicitudin. Mauris velit nunc, accumsan ut elit in, faucibus viverra justo. Donec facilisis ullamcorper est, quis luctus leo sagittis quis. Donec ultrices cursus risus, eget dapibus neque ultricies at.

<div class="eds_box3 eds_style3">
	<h3 class="eds_boxTitle pb-3 mb-5">BoxStyle3Style3</h3>
	<div class="eds_boxContent">
		<p class="eds_whiteColor">Nulla iaculis feugiat elementum. Donec libero arcu, facilisis et blandit sed, placerat sit amet nulla. Nam sed ultricies urna. Quisque pulvinar mollis tortor et interdum. Donec ullamcorper efficitur ex, sit amet ornare orci feugiat ac. Vestibulum accumsan nulla id est volutpat, eget venenatis turpis venenatis. Proin convallis vulputate ipsum vel interdum. Sed venenatis quam ut erat vulputate sollicitudin. Mauris velit nunc, accumsan ut elit in, faucibus viverra justo. Donec facilisis ullamcorper est, quis luctus leo sagittis quis. Donec ultrices cursus risus, eget dapibus neque ultricies at.</p>
	</div>
	<div class="eds_boxStrip"></div>
</div>

BoxStyle3Style3Left

<div class="eds_box3 eds_style3 eds_left">
	<h3 class="eds_boxTitle pb-3 mb-5">BoxStyle3Style3Left</h3>
	<div class="eds_boxContent">
		<p class="eds_whiteColor">Nulla iaculis feugiat elementum. Donec libero arcu, facilisis et blandit sed, placerat sit amet nulla. Nam sed ultricies urna. Quisque pulvinar mollis tortor et interdum. Donec ullamcorper efficitur ex, sit amet ornare orci feugiat ac. Vestibulum accumsan nulla id est volutpat, eget venenatis turpis venenatis. Proin convallis vulputate ipsum vel interdum. Sed venenatis quam ut erat vulputate sollicitudin. Mauris velit nunc, accumsan ut elit in, faucibus viverra justo. Donec facilisis ullamcorper est, quis luctus leo sagittis quis. Donec ultrices cursus risus, eget dapibus neque ultricies at.</p>
	</div>
	<div class="eds_boxStrip"></div>
</div>

BoxStyle4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

<div class="eds_box4">
	<p>BoxStyle4</p>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
</div>

BoxStyle5

<div class="eds_box5">
	<img alt="image" class="img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image12.jpg" />
	<span class="edsBB_fontIcon eds_boxIcon"><i class="fas fa-images fa-3x"></i></span>
</div>

BoxStyle6

Sed hendrerit, leo sed molestie auctor, nisi sem blandit urna, quis placerat ligula massa et enim. Quisque eleifend turpis felis, quis sagittis diam accumsan eu. Curabitur consequat ipsum odio, sit amet pellentesque turpis ornare sit amet.

<div class="eds_box6">
	<div>
		<p><strong>BoxStyle6</strong></p>
		<p>Sed hendrerit, leo sed molestie auctor, nisi sem blandit urna, quis placerat ligula massa et enim. Quisque eleifend turpis felis, quis sagittis diam accumsan eu. Curabitur consequat ipsum odio, sit amet pellentesque turpis ornare sit amet.</p>
	</div>
</div>

BoxStyle7

<div class="eds_box7">
	<img alt="image" class="eds__boxImage img-fluid"
		src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image13.jpg" />
	<div class="container">
		<header>BoxStyle7</header>
		<div class="eds_boxContent">Sed hendrerit, leo sed molestie auctor, nisi sem blandit urna, quis placerat ligula massa et enim. Quisque eleifend turpis felis, quis sagittis diam accumsan eu. Curabitur consequat ipsum odio, sit amet pellentesque turpis ornare sit amet.</div>
		<footer>Footer</footer>
	</div>
</div>

BoxStyle7Secondary

<div class="eds_box7 eds_secondary">
	<img alt="image" class="eds__boxImage img-fluid"
		src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image13.jpg" />
	<div class="container">
		<header>BoxStyle7Secondary</header>
		<div class="eds_boxContent">Sed hendrerit, leo sed molestie auctor, nisi sem blandit urna, quis placerat ligula massa et enim. Quisque eleifend turpis felis, quis sagittis diam accumsan eu. Curabitur consequat ipsum odio, sit amet pellentesque turpis ornare sit amet.
		</div>
		<footer>Footer</footer>
	</div>
</div>

BoxStyle7 without image

<div class="eds_box7 eds_noImage">
	<div class="container">
		<header>BoxStyle7 without image</header>
		<div class="eds_boxContent">Sed hendrerit, leo sed molestie auctor, nisi sem blandit urna, quis placerat ligula massa et enim. Quisque eleifend turpis felis, quis sagittis diam accumsan eu. Curabitur consequat ipsum odio, sit amet pellentesque turpis ornare sit amet.</div>
		<footer>Footer</footer>
	</div>
</div>

BoxStyle7Secondary without image

<div class="eds_box7 eds_secondary eds_noImage">
	<div class="container">
		<header>BoxStyle7Secondary without image</header>
		<div class="eds_boxContent">Sed hendrerit, leo sed molestie auctor, nisi sem blandit urna, quis placerat ligula massa et enim. Quisque eleifend turpis felis, quis sagittis diam accumsan eu. Curabitur consequat ipsum odio, sit amet pellentesque turpis ornare sit amet.</div>
		<footer>Footer</footer>
	</div>
</div>

BoxStyle8

Justo viverra, porta felis ut, ullamcorper nisl. Mauris pretium auctor mauris ac imperdiet. Donec sapien metus, molestie nec ultricies id, rutrum id elit. Vestibulum auctor arcu id orci tempor, in fringilla diam viverra.

<div class="eds_box8">
	<span class="edsBB_fontIcon float-left eds_primaryColor mr-4"><i class="fas fa-calendar fa-3x"></i></span>
	<div class="eds_boxContent">
		<h4>BoxStyle8</h4>
		<p>Justo viverra, porta felis ut, ullamcorper nisl. Mauris pretium auctor mauris ac imperdiet. Donec sapien metus, molestie nec ultricies id, rutrum id elit. Vestibulum auctor arcu id orci tempor, in fringilla diam viverra.</p>
		<p class="text-right">
			<a class="eds_readMore" href="#" title="Read More">READ MORE</a>
		</p>
	</div>
</div>

BoxStyle9

Duis eget ultrices ante. Aenean molestie interdum ante, eget pellentesque ipsum dignissim vel. Proin posuere eros ac massa pharetra convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc tempus augue ut mi sollicitudin porttitor. Nulla et pharetra sem.

<div class="eds_box9">
	<img alt="image" class="img-fluid"
		src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image14.jpg" />
	<div class="eds_boxContent p-4 text-center">
		<h4 class="eds_boxTitle">BoxStyle9</h4>
		Duis eget ultrices ante. Aenean molestie interdum ante, eget pellentesque ipsum dignissim vel. Proin posuere eros ac massa pharetra convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc tempus augue ut mi sollicitudin porttitor. Nulla et pharetra sem.
	</div>
</div>

BoxStyle10

Fusce ornare, enim auctor viverra fringilla, nunc lectus euismod ante, a facilisis ligula lacus sit amet enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec in rutrum arcu. Aenean ac turpis nec eros varius pretium. Pellentesque a nisl rhoncus, venenatis arcu a, luctus odio.

<div class="eds_box10">
	<p><strong>BoxStyle10</strong></p>Fusce ornare, enim auctor viverra fringilla, nunc lectus euismod ante, a facilisis ligula lacus sit amet enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec in rutrum arcu. Aenean ac turpis nec eros varius pretium. Pellentesque a nisl rhoncus, venenatis arcu a, luctus odio.
</div>

BoxStyle11

<div class="eds_box11">
	<div class="eds_boxImage">
		<img alt="image" class="eds__boxImage img-fluid"
			src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image21.jpg" />
	</div>
	<div class="container">
		<div class="eds_boxContent p-5">
			<p><strong>BoxStyle11</strong></p>
			Duis eget ultrices ante. Aenean molestie interdum ante, eget pellentesque ipsum dignissim vel. Proin posuere eros ac massa pharetra convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc tempus augue ut mi sollicitudin porttitor. Nulla et pharetra sem.
		</div>
	</div>
</div>

BoxStyle11Right

<div class="eds_box11 eds_right">
	<div class="eds_boxImage">
		<img alt="image" class="eds__boxImage img-fluid"
			src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image21.jpg" />
	</div>
	<div class="container">
		<div class="eds_boxContent p-5">
			<p><strong>BoxStyle11Right</strong></p>
			Duis eget ultrices ante. Aenean molestie interdum ante, eget pellentesque ipsum dignissim vel. Proin posuere eros ac massa pharetra convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nunc tempus augue ut mi sollicitudin porttitor. Nulla et pharetra sem.
		</div>
	</div>
</div>

BoxStyle12

Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.

JOHN DOE

MARKETING - OZONE

<div class="eds_box12 p-3">
	<p class="eds_lightText"><i>Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero.</i><p>
	<div class="d-flex align-items-center">
		<div>
			<a href="#" class="eds_thumbnail4 eds_edsCircleThumbnail"><img alt="" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image23.jpg"></a>
		</div>
		<div>
			<h5><a class="eds_darkColor" href="#">JOHN DOE</a></h5>
			<h5 class="eds_thinText">MARKETING - <span class="eds_primaryColor">OZONE</span></h5>
		</div>
	</div>
</div>

BoxStyle13 - Translated Y - 50%

<div class="eds_box13">
	<p><strong>BoxStyle13 - Translated Y - 50%</strong></p>Fusce ornare, enim auctor viverra fringilla, nunc lectus euismod ante, a facilisis ligula lacus sit amet enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec in rutrum arcu. Aenean ac turpis nec eros varius pretium. Pellentesque a nisl rhoncus, venenatis arcu a, luctus odio.
</div>

BoxStyle14

Aliquam maximus erat sit amet lorem ultricies

<div class="eds_box14 py-3">
	<div>
		<div class="eds_boxContent1 px-4 py-3">
			<div class="row">
				<div class="col-2"><span class="edsBB_fontIcon"><i class="fas fa-first-aid fa-2x"></i></span></div>
				<div class="col-10">
					<h5 class="eds_boxTitle">BoxStyle14</h5>
					<p class="mb-0">Aliquam maximus erat sit amet lorem ultricies</p>
				</div>
			</div>
		</div>
		<div class="eds_boxContent2 p-5">
			<ul class="eds_boxList">
				<li><span class="edsBB_fontIcon"><i class="fas fa-phone-square-alt fa-lg mr-2 eds_primaryColorDarker"></i></span> 00385991023456</li>
				<li><span class="edsBB_fontIcon"><i class="fas fa-envelope-square fa-lg mr-2 eds_primaryColorDarker"></i></span> <a href="#">someemail@gmail.com</a></li>
				<li><span class="edsBB_fontIcon"><i class="fas fa-map-marker-alt fa-lg mr-2 eds_primaryColorDarker"></i></span> <a href="#">google maps location</a></li>
				<li><span class="edsBB_fontIcon"><i class="fas fa-globe fa-lg mr-2 eds_primaryColorDarker"></i></span> <a href="#">www.easydnnsolutions.com</a></li>
			</ul>
		</div>
	</div>
</div>

VOLUPTAT

BoxStyle15

<div class="eds_box15 p-5">
	<header class="text-center mb-4 pb-2">
		<span class="eds_boxSubtitle">VOLUPTAT</span>
		<h3 class="eds_boxTitle">BoxStyle15</h3>
	</header>
	<div class="eds_boxContent text-center">
		<p class="eds_lightText">Amet cursus sit amet dictum sit amet justo donec enim. Sed blandit libero volutpat sed cras ornare arcu. Vitae suscipit tellus sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>
		<p><a class="eds_btn mt-3" href="#" title="Read More">Read more</a></p>
	</div>
</div>

BoxStyle16

<div class="eds_box16">
	<img alt="image" class="eds__boxImage img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image29.jpg" />
	<div class="eds_boxContent text-center p-5 m-5">
		<span class="edsBB_fontIcon eds_fontIcon eds_style2"><i class="fas fa-thumbs-up fa-3x"></i></span>
		<p class="eds_whiteColor eds_mediumLargeText text-left py-4">BoxStyle16</p>
	</div>
</div>

BoxStyle17

Health/Life

Phasellus id suscipit dolor, sed pellentesque sapien. Suspendisse sed finibus libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

<div class="eds_box17">
	<div class="eds_boxThumbnail">
		<a href="#" title="title">BoxStyle17</a>
		<img alt="image" class="img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image30.jpg" />
	</div>
	<div class="eds_boxContent">
		<h5 class="mt-3 mb-1">BoxStyle17</h5>
		<h6 class="eds_primaryColor mb-3">Health/Life</h6>
		<p class="eds_lightText">Phasellus id suscipit dolor, sed pellentesque sapien. Suspendisse sed finibus libero. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
		<div class="text-right">
			<a class="eds_readMore" href="#" title="Read More">read more</a>
		</div>
	</div>
</div>

BoxStyle18

Content left Maecenas consectetur convallis justo nec accumsan. Nullam posuere mi lacinia mi volutpat blandit. Nulla et ipsum nec tellus dictum venenatis sed vitae ipsum. Sed a felis leo. Suspendisse efficitur, tortor a vehicula lobortis, arcu purus pulvinar massa, ac tristique massa erat quis arcu. Suspendisse nec consequat lectus. Etiam consectetur laoreet magna venenatis vestibulum. Curabitur euismod pulvinar consequat. Donec accumsan, quam at pharetra laoreet, diam sapien euismod eros, id varius erat ex eget urna. Donec ultrices euismod iaculis. Donec a pretium lectus. Quisque non felis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur neque eu elit aliquet aliquam.

Content right Nullam sollicitudin, urna in tristique lacinia, velit felis luctus enim, at ultricies arcu est sit amet neque. Nam ullamcorper, ipsum ac maximus commodo, nisl mi dignissim neque, vitae porttitor risus lectus in sem. Aliquam nec posuere eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur, libero at euismod vestibulum, quam purus gravida sapien, eu convallis ex sapien quis elit. Vivamus massa eros, convallis et lorem sit amet, dignissim consequat arcu. Pellentesque condimentum eros in elit ornare, a tempor sem aliquet. Pellentesque scelerisque nec mi nec volutpat.

<div class="eds_box18 eds_whiteColor">
	<div class="eds_boxLeft p-3">
		<div class="eds_boxContent">
			<strong>Content left</strong> Maecenas consectetur convallis justo nec accumsan. Nullam posuere mi lacinia mi volutpat blandit. Nulla et ipsum nec tellus dictum venenatis sed vitae ipsum. Sed a felis leo. Suspendisse efficitur, tortor a vehicula lobortis, arcu purus pulvinar massa, ac tristique massa erat quis arcu. Suspendisse nec consequat lectus. Etiam consectetur laoreet magna venenatis vestibulum. Curabitur euismod pulvinar consequat. Donec accumsan, quam at pharetra laoreet, diam sapien euismod eros, id varius erat ex eget urna. Donec ultrices euismod iaculis. Donec a pretium lectus. Quisque non felis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur neque eu elit aliquet aliquam.
		</div>
	</div>
	<div class="eds_boxRight p-3">
		<div class="eds_boxContent">
			<strong>Content right</strong> Nullam sollicitudin, urna in tristique lacinia, velit felis luctus enim, at ultricies arcu est sit amet neque. Nam ullamcorper, ipsum ac maximus commodo, nisl mi dignissim neque, vitae porttitor risus lectus in sem. Aliquam nec posuere eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur, libero at euismod vestibulum, quam purus gravida sapien, eu convallis ex sapien quis elit. Vivamus massa eros, convallis et lorem sit amet, dignissim consequat arcu. Pellentesque condimentum eros in elit ornare, a tempor sem aliquet. Pellentesque scelerisque nec mi nec volutpat.
		</div>
	</div>
</div>

BoxStyle18 (left background image)

<div class="eds_box18 eds_whiteColor">
	<div class="eds_boxLeft p-3">
		<div class="eds_background">
			<img alt="image" class="img-fluid eds__boxImage" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image52.png" />
		</div>
		<div class="eds_boxContent">
			<strong>Content left</strong> Maecenas consectetur convallis justo nec accumsan. Nullam posuere mi lacinia mi volutpat blandit. Nulla et ipsum nec tellus dictum venenatis sed vitae ipsum. Sed a felis leo. Suspendisse efficitur, tortor a vehicula lobortis, arcu purus pulvinar massa, ac tristique massa erat quis arcu. Suspendisse nec consequat lectus. Etiam consectetur laoreet magna venenatis vestibulum. Curabitur euismod pulvinar consequat. Donec accumsan, quam at pharetra laoreet, diam sapien euismod eros, id varius erat ex eget urna. Donec ultrices euismod iaculis. Donec a pretium lectus. Quisque non felis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur neque eu elit aliquet aliquam.
		</div>
	</div>
	<div class="eds_boxRight p-3">
		<div class="eds_boxContent">
			<strong>Content right</strong> Nullam sollicitudin, urna in tristique lacinia, velit felis luctus enim, at ultricies arcu est sit amet neque. Nam ullamcorper, ipsum ac maximus commodo, nisl mi dignissim neque, vitae porttitor risus lectus in sem. Aliquam nec posuere eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur, libero at euismod vestibulum, quam purus gravida sapien, eu convallis ex sapien quis elit. Vivamus massa eros, convallis et lorem sit amet, dignissim consequat arcu. Pellentesque condimentum eros in elit ornare, a tempor sem aliquet. Pellentesque scelerisque nec mi nec volutpat.
		</div>
	</div>
</div>

BoxStyle18 (right background image)

<div class="eds_box18 eds_whiteColor">
	<div class="eds_boxLeft p-3">
		<div class="eds_boxContent">
			<strong>Content left</strong> Maecenas consectetur convallis justo nec accumsan. Nullam posuere mi lacinia mi volutpat blandit. Nulla et ipsum nec tellus dictum venenatis sed vitae ipsum. Sed a felis leo. Suspendisse efficitur, tortor a vehicula lobortis, arcu purus pulvinar massa, ac tristique massa erat quis arcu. Suspendisse nec consequat lectus. Etiam consectetur laoreet magna venenatis vestibulum. Curabitur euismod pulvinar consequat. Donec accumsan, quam at pharetra laoreet, diam sapien euismod eros, id varius erat ex eget urna. Donec ultrices euismod iaculis. Donec a pretium lectus. Quisque non felis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur neque eu elit aliquet aliquam.
		</div>
	</div>
	<div class="eds_boxRight p-3">
		<div class="eds_background">
			<img alt="image" class="img-fluid eds__boxImage" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image52.png" />
		</div>
		<div class="eds_boxContent">
			<strong>Content right</strong> Nullam sollicitudin, urna in tristique lacinia, velit felis luctus enim, at ultricies arcu est sit amet neque. Nam ullamcorper, ipsum ac maximus commodo, nisl mi dignissim neque, vitae porttitor risus lectus in sem. Aliquam nec posuere eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur, libero at euismod vestibulum, quam purus gravida sapien, eu convallis ex sapien quis elit. Vivamus massa eros, convallis et lorem sit amet, dignissim consequat arcu. Pellentesque condimentum eros in elit ornare, a tempor sem aliquet. Pellentesque scelerisque nec mi nec volutpat.
		</div>
	</div>
</div>

BoxStyle19

Aliquam pharetra nisi ut vehicula pretium. Donec blandit enim a finibus congue. Vestibulum efficitur ornare quam. Nunc posuere tellus ipsum, id ultrices ante posuere vitae. Donec bibendum dui et turpis egestas, non mollis dolor dictum. Suspendisse at sollicitudin quam, ut dictum turpis. Fusce vestibulum dolor dignissim ornare semper. Integer consectetur viverra arcu, eget vulputate purus finibus nec. Maecenas et libero eu tortor volutpat aliquet.

<div class="eds_box19">
		<h4>BoxStyle19</h4>
		Aliquam pharetra nisi ut vehicula pretium. Donec blandit enim a finibus congue. Vestibulum efficitur ornare quam. Nunc posuere tellus ipsum, id ultrices ante posuere vitae. Donec bibendum dui et turpis egestas, non mollis dolor dictum. Suspendisse at sollicitudin quam, ut dictum turpis. Fusce vestibulum dolor dignissim ornare semper. Integer consectetur viverra arcu, eget vulputate purus finibus nec. Maecenas et libero eu tortor volutpat aliquet.
	</div>

BoxStyle20

Nullam et elementum nisi

<div class="eds_box20">
	<img alt="image" class="img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image42.jpg" />
	<div class="eds_boxContent p-5">
		<h5 class="eds_darkColor">Nullam et elementum nisi</h5>
		<p>Duis eget ultrices ante. Aenean molestie interdum ante, eget pellentesque ipsum dignissim vel. Proin posuere eros ac massa pharetra convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus.</p>
		<p><a class="eds_btn eds_small eds_btnWhite mt-3" href="#" title="Read More">Read more</a></p>
	</div>
</div>

Lorem ipsum dolor sit

BoxStyle21

Aenean et arcu nec erat ornare pulvinar. Etiam sapien nibh, aliquam efficitur purus id, luctus fermentum orci. Donec pulvinar faucibus nunc, sed mattis elit. Aenean aliquam sollicitudin mollis. Phasellus quis egestas velit, sed dictum magna. Vestibulum metus risus, cursus vel ultricies non, tincidunt a nunc.

<div class="eds_box21">
	<header>
		<p class="eds_primaryColor eds_largerText mb-1"><i>Lorem ipsum dolor sit</i></p>
		<h2 class="eds_boxtitle h1"><strong>BoxStyle21</strong></h2>
	</header>
	<p class="text-center">Aenean et arcu nec erat ornare pulvinar. Etiam sapien nibh, aliquam efficitur purus id, luctus fermentum orci. Donec pulvinar faucibus nunc, sed mattis elit. Aenean aliquam sollicitudin mollis. Phasellus quis egestas velit, sed dictum magna. Vestibulum metus risus, cursus vel ultricies non, tincidunt a nunc. </p>
</div>

BoxStyle22

Lorem ipsum dolor sit

<div class="eds_box22">
	<div class="eds_boxContent py-5">
		<img alt="image" class="img-fluid eds__boxImage" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image52.png" />
		<div class="container text-center py-5">
			<img alt="image" class="img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image50.png" />
			<h2 class="eds_whiteColor display-3 mt-3"><strong>BoxStyle22</strong></h2>
			<p class="eds_darkColor eds_largerText"><i>Lorem ipsum dolor sit</i></p>
			<p><a class="eds_btn eds_btnDark mt-3" href="#" title="Read More">Read more</a></p>
		</div>
	</div>
</div>

BoxStyle23

08 MARCH / SUNDAY, 2019

<div class="eds_box23 text-center eds_whiteColor eds_customFont">
	<div class="py-5 px-2">
		<p><span class="edsBB_fontIcon eds_primaryColor"><i class="fas fa-calendar-alt fa-4x"></i></span></p>
		<p class="eds_largerText">BoxStyle23</p>
		<p class="d-flex align-items-center justify-content-center"><span class="eds_mediumLargeText">08 </span><strong>MARCH /</strong><small class="eds_primaryColor"> SUNDAY, 2019</small></p>
		<p><a class="eds_btn eds_small mt-3 eds_btnWhite" href="#" title="Read More">Read more</a></p>
	</div>
</div>

BoxStyle24

Nullam sollicitudin, urna in tristique lacinia, velit felis luctus enim, at ultricies arcu est sit amet neque. Nam ullamcorper, ipsum ac maximus commodo, nisl mi dignissim neque, vitae porttitor risus lectus in sem. Aliquam nec posuere eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur, libero at euismod vestibulum, quam purus gravida sapien, eu convallis ex sapien quis elit.

<div class="eds_box24">
	<div class="eds_boxBackground eds_boxRadiusBottomLeft">
		<img alt="image" class="eds__boxImage img-fluid" src="/Portals/_default/Skins/Ozone2/BlockBuilder/SampleImages/image54.jpg" />
	</div>
	<div class="eds_boxContent">
		<div class="container">
			<h4>BoxStyle24</h4>
			Nullam sollicitudin, urna in tristique lacinia, velit felis luctus enim, at ultricies arcu est sit amet neque. Nam ullamcorper, ipsum ac maximus commodo, nisl mi dignissim neque, vitae porttitor risus lectus in sem. Aliquam nec posuere eros. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum consectetur, libero at euismod vestibulum, quam purus gravida sapien, eu convallis ex sapien quis elit.
		</div>
	</div>
</div>

BoxStyle25

Etiam consectetur laoreet magna venenatis vestibulum. Curabitur euismod pulvinar consequat. Donec accumsan, quam at pharetra laoreet, diam sapien euismod eros, id varius erat ex eget urna. Donec ultrices euismod iaculis. Donec a pretium lectus. Quisque non felis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur neque eu elit aliquet aliquam.

<div class="eds_box25">
	<h4>BoxStyle25</h4>
	Etiam consectetur laoreet magna venenatis vestibulum. Curabitur euismod pulvinar consequat. Donec accumsan, quam at pharetra laoreet, diam sapien euismod eros, id varius erat ex eget urna. Donec ultrices euismod iaculis. Donec a pretium lectus. Quisque non felis sapien. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur neque eu elit aliquet aliquam.
</div>

BoxStyle26 - Translated Y - 1rem

<div class="eds_box26">
	<p><strong>BoxStyle26 - Translated Y - 1rem</strong></p>Fusce ornare, enim auctor viverra fringilla, nunc lectus euismod ante, a facilisis ligula lacus sit amet enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec in rutrum arcu. Aenean ac turpis nec eros varius pretium. Pellentesque a nisl rhoncus, venenatis arcu a, luctus odio.
</div>