Ahmad Dawami
LOGO
INFORMATION:
Replace LOGO URL marked with your Blog LOGO URL, recommendation of 469x119 logo size
TOP NAV
<!-- menu slide -->INFORMATION:
<div class='js-side-nav-container side-nav-container'>
<div class='js-side-nav side-nav'>
<a class='js-menu-close menu-close' href='javascript:void(0)'><i class='fal fa-times'/></a>
<nav id='menu'>
<ul>
<li><a href='#'>About Us</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
<li><a href='#'>Sitemaps</a></li>
</ul>
</nav>
</div>
</div>
<!-- End menu slide -->
Replace with Url / Link
PRIMARY MENU
<nav id='cssmenu'>INFORMATION:
<div id='head-mobile'/>
<div class='btn-css' id='menu-button'>
<span class='mline1'/>
<span class='mline2'/>
<span class='mline3'/>
</div>
<!-- menu navigasi header start -->
<ul>
<li><a href='/'>Home</a></li>
<li><a href='/p/sourcode.html'>Sourcode</a></li>
<li><a href='#'>Digital</a></li>
<li><a href='#'>Mobile</a>
<ul>
<li><a href='#'>Sub menu1</a></li>
<li><a href='#'>Sub menu2</a></li>
<li><a href='#'>Sub menu3</a></li>
</ul>
</li>
<li><a href='#'>Tips Anda Tricks</a>
<ul>
<li><a href='#'>Sub menu1</a></li>
<li><a href='#'>Sub menu2</a></li>
<li><a href='#'>Sub menu3</a></li>
</ul>
</li>
</ul>
<!-- menu navigasi header end -->
</nav>
Replace with Url / Link
RECENT HOME
<div id="rec-home" data-label="Beauty"></div>INFORMATION:Replace with the label name
SOCIAL FOOTER
<ul class='sosmed-top'>INFORMATION:
<li><a href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-facebook-f'/></a></li>
<li><a href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-instagram'/></a></li>
<li><a href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-twitter'/></a></li>
<li><a href='#' rel='nofollow' target='_blank' title=''><i class='fab fa-whatsapp'/></a></li>
</ul>
Replace with Link / Url social media
SHORTCODE
Drop Caps
Beautify your content with smart dropcapsDropcap style 1
<span class="text-dropcap dcap1">M</span>
<span class="text-dropcap dcap2">S</span>
<span class="text-dropcap dcap3">S</span>
LIST STYLE
Style 1
<ol>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ol>
Style 2
<ol>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ol>
Style 3
<ol>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ol>
Style 4
<ul>
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ul>
Style 5
<ul class="box-custom box-arrow-li">
<li>PowerFull Admin Panel</li>
<li>Custom Image Lightbox</li>
<li>Masonry Layout Design</li>
<li>Multiple layout styles</li>
<li>Posts navigation with next and previous post above the fold</li>
<li>Attractive related post design</li>
</ul>
Style 6
<ul class="box-custom box-multi">
<li><i class="fa fa-coffee"></i> PowerFull Admin Panel</li>
<li><i class="fa fa-diamond"></i> Custom Image Lightbox</li>
<li><i class="fa fa-cloud-upload"></i> Masonry Layout Design</li>
<li><i class="fa fa-code"></i> Multiple layout styles</li>
<li><i class="fa fa-camera-retro"></i> Posts navigation with next and previous post above the fold</li>
<li><i class="fa fa-cart-plus"></i> Attractive related post design</li>
</ul>
COLUMB
Style 1
<div class="box-colum">
<div class="colum1">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
Style 2
<div class="box-colum">
<div class="colum2 pull-left">
<div class="box-f-colum">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
<div class="colum2 pull-right">
<div class="box-s-colum">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
</div>
Style 3
<div class="box-colum">
<div class="colum3 pull-left">
<div class="box-f-colum3-one">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
<div class="colum3 pull-left">
<div class="box-f-colum3-two">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa metus dapibu dui.</div>
</div>
<div class="colum3 pull-left">
<div class="box-colum3-tree">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
</div>
Style 4
<div class="box-colum">
<div class="colum4 pull-left">
<div class="box-f-colum4-one">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
<div class="colum4 pull-left">
<div class="box-colum4-two">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac.</div>
</div>
<div class="colum4 pull-left">
<div class="box-colum4-tree">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac.</div>
</div>
<div class="colum4 pull-left">
<div class="box-colum4-four">
Suspendisse enim orci, fermentum eget vestibulum vitae, tristique nec tortor. Duis posuere risus quis nunc congue, eget faucibus arcu gravida. Proin pellentesque justo a sapien accumsan, in viverra metus dapibus. Duis in metus a risus dapibus laoreet. Vestibulum et dui arcu. Nam quis ipsum elementum, consequat magna vel, commodo urna. Phasellus scelerisque tincidunt velit nec hendrerit. Quisque convallis molestie est vitae varius. Donec sollicitudin, nulla sit amet volutpat adipiscing, massa dui laoreet mi, at interdum turpis odio nec nisl. In hac habitasse platea dictumst. Mauris a vestibulum dolor.</div>
</div>
</div>
GALLERY
<section id="box-gallery">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlOSTb0odGLplFe2YOTo_l3VcJWLcrsH1Tg1HHxoiYAe-2fu42dB-fNF-m5zJpkv9vww-ijD1-GvGX8cJQWwsZfoN381CI3mlENLzZRgX7qlQo0FK2VjYaUZLDVR208E_uqRj8VnfFa7f/s1600/1.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGlOSTb0odGLplFe2YOTo_l3VcJWLcrsH1Tg1HHxoiYAe-2fu42dB-fNF-m5zJpkv9vww-ijD1-GvGX8cJQWwsZfoN381CI3mlENLzZRgX7qlQo0FK2VjYaUZLDVR208E_uqRj8VnfFa7f/s1600/1.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJh1YKHFKan6vuH4vhxmFyGCXrMRcd3CumW9CDmfp3GStCG6SpbncAYF0Ev9hyphenhyphenWKl2w0tybcqWGBbx_wqqfqv4QibXV01icdmPWPrEuvEvjXYcwsAQVCyB01TSj_8RPLaykM9-EoUK-6w/s1600/2.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijJh1YKHFKan6vuH4vhxmFyGCXrMRcd3CumW9CDmfp3GStCG6SpbncAYF0Ev9hyphenhyphenWKl2w0tybcqWGBbx_wqqfqv4QibXV01icdmPWPrEuvEvjXYcwsAQVCyB01TSj_8RPLaykM9-EoUK-6w/s1600/2.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIeUaY16FMqr3GJAcl6XnVUN1kGInHMkKPOf00bNBGU8zviNDrRWmFbR4ANaytXbRrAQ7GLofdNkNjzEGzBJp3PWUq12Gn3CsIwnLGUu_iDen5fXfmfKWT22jS1kmW9fAtGQIqGUvEEqlr/s1600/3.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIeUaY16FMqr3GJAcl6XnVUN1kGInHMkKPOf00bNBGU8zviNDrRWmFbR4ANaytXbRrAQ7GLofdNkNjzEGzBJp3PWUq12Gn3CsIwnLGUu_iDen5fXfmfKWT22jS1kmW9fAtGQIqGUvEEqlr/s1600/3.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX29dKuQhVaeIr9jzX7uz3UuaKpHbDJf38WFcYCA2T4moPAnSkaB4LNt9YK_lWcdUmorIhcG0lQlPuIQiIlW9kIiYSo6gjBySfnvPQmGjcOiP5t-nv0BOgx3Exe-TxyyiN2J8pqvZADvu/s1600/4.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiX29dKuQhVaeIr9jzX7uz3UuaKpHbDJf38WFcYCA2T4moPAnSkaB4LNt9YK_lWcdUmorIhcG0lQlPuIQiIlW9kIiYSo6gjBySfnvPQmGjcOiP5t-nv0BOgx3Exe-TxyyiN2J8pqvZADvu/s1600/4.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjspFYkn7DngsjdOjlJNOKqJTMhIKoTrrD7dSAIMSTWBCDhyphenhyphenP24eufhFAOGcJHB204EaC4_UkWz-eI-kAFasOshQ5H7O6QEs-pTxPZZN38ptpAfvza1J_WgO1xxVTR8AxxifiDU5xGQsU/s1600/5.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyjspFYkn7DngsjdOjlJNOKqJTMhIKoTrrD7dSAIMSTWBCDhyphenhyphenP24eufhFAOGcJHB204EaC4_UkWz-eI-kAFasOshQ5H7O6QEs-pTxPZZN38ptpAfvza1J_WgO1xxVTR8AxxifiDU5xGQsU/s1600/5.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rMo-a2ukCKPmVrKS6_6lfGevRj7EEQUQqQ9_BjHaYTi_1Mc7yglteZyGLMiGaYddxbakFZcyVpL5Zh5UMBrzPkne7Yt9YGcIhsWUL0X-1vNaJwUdly6gRZu6g6BMfTk8kNcVo1YCtowg/s1600/6.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1rMo-a2ukCKPmVrKS6_6lfGevRj7EEQUQqQ9_BjHaYTi_1Mc7yglteZyGLMiGaYddxbakFZcyVpL5Zh5UMBrzPkne7Yt9YGcIhsWUL0X-1vNaJwUdly6gRZu6g6BMfTk8kNcVo1YCtowg/s1600/6.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MutLmjYb2_JObvvjUSnuaJDH4nO42KKMEgR_cb5mQzUOYGDliwzxQRzeerlY_gqFxdOkdXtyA7E_B2xJqLzlBojD32Dynu_COiJXYgNhOPSa4odQKbesX7mv3UQlyHLZEjKCNnr09S9e/s1600/7.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4MutLmjYb2_JObvvjUSnuaJDH4nO42KKMEgR_cb5mQzUOYGDliwzxQRzeerlY_gqFxdOkdXtyA7E_B2xJqLzlBojD32Dynu_COiJXYgNhOPSa4odQKbesX7mv3UQlyHLZEjKCNnr09S9e/s1600/7.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J-jETtFEuYSw6LXuaqWyMEEgjqr3dRjSFbCJlWhO1xYd1lsW4V1YCj1rccP1UaqJaz_vrgp-Ww5yMsQKECSnc_bC5qGQzgMyY3zvvXVUO9vR4XEcCn2qRwz9aN5ieVnX2jFWoNFijTPF/s1600/8.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2J-jETtFEuYSw6LXuaqWyMEEgjqr3dRjSFbCJlWhO1xYd1lsW4V1YCj1rccP1UaqJaz_vrgp-Ww5yMsQKECSnc_bC5qGQzgMyY3zvvXVUO9vR4XEcCn2qRwz9aN5ieVnX2jFWoNFijTPF/s1600/8.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90kxBQ7pXcj32FS6-qooqB8UnweapHoc0hFPNiOHy6-yCr6RpHSz8y1ROpl9ZjTYq7yOaxiIMl6bxrXUgb4a0DF7_0B495Y4r_h85IJkW14Av5y_nV13ItBYIg_Iin6oVYcgrqCv7NCge/s1600/9.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh90kxBQ7pXcj32FS6-qooqB8UnweapHoc0hFPNiOHy6-yCr6RpHSz8y1ROpl9ZjTYq7yOaxiIMl6bxrXUgb4a0DF7_0B495Y4r_h85IJkW14Av5y_nV13ItBYIg_Iin6oVYcgrqCv7NCge/s1600/9.jpg" /></a>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Mp5G00PP-wBBRXvT2bUxpe4CC0tohCHbpjg-t7Wezl9z71ZGr5AY-CExXAXDQb_WiKN_4aqeA9PZ7JXB33kYko2u8GBmNhBvmVdq-SNEH5wnyJKAEGxWfTV07cXENgPLTfPYJvEQzXn/s1600/10.jpg" imageanchor="1">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU-Mp5G00PP-wBBRXvT2bUxpe4CC0tohCHbpjg-t7Wezl9z71ZGr5AY-CExXAXDQb_WiKN_4aqeA9PZ7JXB33kYko2u8GBmNhBvmVdq-SNEH5wnyJKAEGxWfTV07cXENgPLTfPYJvEQzXn/s1600/10.jpg" /></a>
</section>
BUTTON
<a class="button" href="#">Button</a>
<a class="button red" href="#">red Button</a>
<a class="button orange" href="#">orange Button</a>
<a class="button green" href="#">green Button</a>
<a class="button blue" href="#">blue Button</a>
<a class="button purple" href="#">purple Button</a>
<a class="button yellow" href="#">yellow Button</a>
<a class="button mint" href="#">mint Button</a>
<a class="button aqua" href="#">aqua Button</a>
<a class="button pink" href="#">pink Button</a>
<a class="button white" href="#">white Button</a>
<a class="button grey" href="#">grey Button</a>
<a class="button dark-grey" href="#">dark-grey Button</a>
<a class="button transparent" href="#">Button</a>
<a class="button transparent red" href="#">red Button</a>
<a class="button transparent orange" href="#">orange Button</a>
<a class="button transparent green" href="#">green Button</a>
<a class="button transparent blue" href="#">blue Button</a>
<a class="button transparent purple" href="#">purple Button</a>
<a class="button transparent yellow" href="#">yellow Button</a>
<a class="button transparent mint" href="#">mint Button</a>
<a class="button transparent aqua" href="#">aqua Button</a>
<a class="button transparent pink" href="#">pink Button</a>
<a class="button transparent grey" href="#">grey Button</a>
<a class="button transparent dark-grey" href="#">dark-grey Button</a>
<a class="button" href="#"><i class="fa fa-bolt"></i>Button</a>
<a class="button red" href="#"><i class="fa fa-bookmark"></i>red Button</a>
<a class="button orange" href="#"><i class="fa fa-cart-arrow-down"></i>orange Button</a>
<a class="button green" href="#"><i class="fa fa-bars"></i>green Button</a>
<a class="button blue" href="#"><i class="fa fa-cloud-download"></i>blue Button</a>
<a class="button purple" href="#"><i class="fa fa-fighter-jet"></i>purple Button</a>
<a class="button yellow" href="#"><i class="fa fa-external-link"></i>yellow Button</a>
<a class="button mint" href="#"><i class="fa fa-gavel"></i>mint Button</a>
<a class="button aqua" href="#"><i class="fa fa-life-ring"></i>aqua Button</a>
<a class="button pink" href="#"><i class="fa fa-magic"></i>pink Button</a>
<a class="button white" href="#"><i class="fa fa-location-arrow"></i>white Button</a>
<a class="button grey" href="#"><i class="fa fa-leaf"></i>grey Button</a>
<a class="button dark-grey" href="#"><i class="fa fa-meh-o"></i>dark-grey Button</a>
ALERT CLOSE
<h2>
Success Message</h2>
<div class="alert-message success">
<i class="fa fa-check-circle"></i> success message : You successfully read this important message. <br />
<div class="alert-del-btn">
</div>
</div>
<h2>
Alert Message</h2>
<div class="alert-message alert">
<i class="fa fa-info-circle"></i> Alert message : This alert needs your attention. <br />
<div class="alert-del-btn">
</div>
</div>
<h2>
Warning Message</h2>
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i> Warning message : Warning! Best check yo self. <br />
<div class="alert-del-btn">
</div>
</div>
<h2>
Error Message</h2>
<div class="alert-message error">
<i class="fa fa-exclamation-circle"></i> Error message : Oh snap! Change a few things up. <br />
<div class="alert-del-btn">
</div>
</div>
TAB
<div class="box-tabs">
<div class="box-btn">
<span class="babutton">Button 1</span><span class="babutton">Button 2</span><span class="babutton">Button 3</span></div>
<div class="box-tab-content">
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>
</div>
