Ahmad Dawami
HOMEPAGE SECTION SETTINGS
META
<meta content='width=device-width, initial-scale=1' name='viewport'/>INFORMATION:
<b:include data='blog' name='all-head-content'/>
<meta content='#5c1d94' name='theme-color'/>
<meta content='#5c1d94' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#5c1d94' name='apple-mobile-web-app-status-bar-style'/>
<!-- Title -->
<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {"index"} and data:blog.pageName == ""'>
<title>All Posts - <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {"error_page"}'>
<title>Page Not Found - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
<!-- Meta keywords otomatis homepage, static page, dan post -->
<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<!-- Noindex search page, label, dan arsip -->
<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<!-- Facebook Open Graph Tag -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='website' property='og:type'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
Please adjust
LOGO
INFORMATION:Recommendation of 280x47 logo size
MENU
<nav id='cssmenu'>INFORMATION:
<div id='head-mobile'/>
<div class='button' id='menu-button'>
<span class='mline1'/>
<span class='mline2'/>
<span class='mline3'/>
</div>
<ul>
<li><a href='#about'>About</a></li>
<li><a href='#features'>Features</a></li>
<li><a href='#pricing'>Pricing</a></li>
<li><a href='#testimonial'>Testimonial</a></li>
<li><a href='#video'>video</a></li>
<li><a href='#contact'>Contact</a></li>
<li><a href='#blog'>Blog</a></li>
<li><a href='#'>More</a>
<ul>
<li><a href='#'>Product 1</a></li>
<li><a href='#'>Product 2</a></li>
<li><a href='#'>Product 3</a></li>
<li><a href='#'>Product 4</a></li>
<li><a href='#'>Product 5</a></li>
<li><a href='#'>Product 6</a></li>
<li><a href='#'>Product 7</a></li>
</ul>
</li>
</ul>
</nav>
Replace # with destination URL
Recommendation of 280x47 logo size
FORM WHATSAPP
<div class='pelajar' id='pelajar'/>INFORMATION:
<div id='whatsapp'>
<span class='wa-x' onclick='closeModal()'/>
<p class='wa-title'>Form WhatsApp</p>
<div class='wa-body'>
<input class='tujuan' type='hidden' value='081241105658'/>
<div class='left'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Name</label>
<input class='nama wa-input bagi' name='nama' placeholder='Name' type='text'/>
</div>
</div>
<div class='right'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Mobile Phone Number</label>
<input aria-labelledby='number-00000014-acc number-00000014-error-acc number-00000014-instr-acc' class='hp wa-input bagi' data-role='i123-input' data-size='full' name='hp' placeholder='Your cellphone number' step='any' type='tel'/>
</div>
</div>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Item Choices</label>
<select class='asal wa-option bagi' placeholder='Barang' required=''>
<option data-index='0' name='asal' value='Samsung'>Samsung</option>
<option data-index='1' name='asal' value='Xiomi'>Xiomi</option>
<option data-index='2' name='asal' value='Oppo'>Oppo</option>
<option data-index='3' name='asal' value='Vivo'>Vivo</option>
<option data-index='4' name='asal' value='Nokia'>Nokia</option>
<option data-index='5' name='asal' value='LG'>LG</option>
<option data-index='6' name='asal' value='Soni Ericson'>Soni Ericson</option>
<option data-index='7' name='asal' value='Mito'>Mito</option>
</select>
</div>
<div class='left'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Total</label>
<input class='jumlah wa-input bagi' max='10' min='1' name='jumlah' placeholder='The amount of goods' type='number'/>
</div>
</div>
<div class='right'>
<div class='form-whatsapp'>
<label class='wa-label bagi'>Date</label>
<input class='tanggal wa-input bagi' name='tanggal' placeholder='Message Date' required='' type='date'/>
</div>
</div>
<div class='form-whatsapp'>
<label class='wa-label full'>Comment</label>
<textarea class='jemput wa-input full' name='jemput' placeholder='Comment'/>
</div>
<div class='form-whatsapp'>
<p class='p-info'>This order requires the WhatsApp application.</p>
<a class='submit' target='_blank'>Order now</a>
</div>
</div>
</div>
Please change with your cellphone number
APP
<div class='hero-center'>
<div class='colum-left wow fadeInLeft' data-wow-delay='0.4s' style='visibility: visible;'>
<h1>App Landing</h1>
<p>
Lorem Ipsum is simply dummy text of the printing and
indus orem Ipsum has been the industry's standard dummy
ever since the when an own printer took a galley
</p>
<a class='slide-button' href='#'><svg viewBox='0 0 505.145 505.145'>
<path d='M68.541,164.715h-1.294c-16.588,0-30.113,13.568-30.113,30.113v131.107 c0,16.61,13.525,30.134,30.113,30.134h1.316c16.588,0,30.113-13.568,30.113-30.134V194.827 C98.654,178.283,85.108,164.715,68.541,164.715z'/>
<path d='M113.085,376.54c0,15.229,12.446,27.632,27.675,27.632h29.574v70.817 c0,16.631,13.568,30.156,30.113,30.156h1.294c16.61,0,30.156-13.546,30.156-30.156v-70.817h41.33v70.817 c0,16.631,13.611,30.156,30.156,30.156h1.273c16.609,0,30.134-13.546,30.134-30.156v-70.817h29.595 c15.207,0,27.654-12.403,27.654-27.632V169.525H113.085V376.54z'/>
<path d='M322.041,43.983l23.491-36.26c1.51-2.287,0.841-5.414-1.467-6.903 c-2.286-1.51-5.414-0.884-6.903,1.467l-24.353,37.512c-18.27-7.485-38.676-11.691-60.226-11.691 c-21.571,0-41.934,4.206-60.247,11.691l-24.31-37.512c-1.488-2.351-4.638-2.977-6.946-1.467 c-2.308,1.488-2.977,4.616-1.467,6.903l23.512,36.26c-42.387,20.773-70.968,59.924-70.968,104.834 c0,2.761,0.173,5.479,0.41,8.175h280.053c0.237-2.696,0.388-5.414,0.388-8.175C393.009,103.907,364.406,64.756,322.041,43.983z M187.655,108.911c-7.442,0-13.482-5.997-13.482-13.46c0-7.463,6.04-13.439,13.482-13.439c7.485,0,13.482,5.975,13.482,13.439 S195.097,108.911,187.655,108.911z M317.49,108.911c-7.442,0-13.482-5.997-13.482-13.46c0-7.463,6.04-13.439,13.482-13.439 c7.463,0,13.46,5.975,13.46,13.439C330.95,102.914,324.953,108.911,317.49,108.911z'/>
<path d='M437.876,164.715h-1.251c-16.588,0-30.156,13.568-30.156,30.113v131.107 c0,16.61,13.59,30.134,30.156,30.134h1.273c16.609,0,30.113-13.568,30.113-30.134V194.827 C468.011,178.283,454.464,164.715,437.876,164.715z'/>
</svg> Play Store</a>
<a href='#'>
<svg viewBox='0 0 512 512'>
<path d='M395.748,272.046c-0.646-64.841,52.88-95.938,55.271-97.483c-30.075-44.01-76.925-50.039-93.62-50.736 c-39.871-4.037-77.798,23.474-98.033,23.474c-20.184,0-51.409-22.877-84.476-22.276c-43.458,0.646-83.529,25.269-105.906,64.19 c-45.152,78.35-11.563,194.42,32.445,257.963c21.504,31.104,47.146,66.038,80.813,64.79c32.421-1.294,44.681-20.979,83.878-20.979 c39.196,0,50.215,20.979,84.524,20.335c34.888-0.648,56.991-31.699,78.347-62.898c24.694-36.084,34.862-71.019,35.462-72.812 C463.678,375.26,396.422,349.495,395.748,272.046z M331.28,81.761C349.149,60.082,361.21,30.005,357.92,0 c-25.739,1.048-56.938,17.145-75.405,38.775c-16.57,19.188-31.075,49.813-27.188,79.218 C284.061,120.235,313.392,103.391,331.28,81.761z'/>
</svg> Play Store</a>
</div>
<div class='colum-right wow fadeInRight' data-wow-delay='0.7s' style='visibility: visible;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqj6Zpg7dj5-iwW777LVlB99dw2g7v_IBGRSXsW_pRCfrwDgai8YRaKrckPRo9_XTrI3JeUIb7WEpO56ZKLJrPzJUjVmi-mHUD1VDSxCgaQGxn-gABDxpphD3bC42182w91TkojnZJp4M/s1600/mobile.png'/>
</div>
</div>
Description
Picture of the right handphone
BOX 1
<div class='box1 wow' id='about'>INFORMATION:
<div class='container'>
<div class='left wow fadeInLeft' data-wow-delay='0.2s' style='visibility: visible;'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQ2icNSnLjhArSsJhXwmceOA1k5Bsj6p4ZRjoIidq1Y_3CuDkI1UyUFhymRANDzRPgf1GVKxEGQqAA7YhJXQX46mlFCXYKC73f75u318WWmtMNj99plAbsRJzATEbheOYSwnVypH6L-Yk/s1600/mobile2.png'/>
</div>
<div class='right wow fadeInRight' data-wow-delay='0.2s' style='visibility: visible;'>
<div class='about-content'>
<h6>About Our App</h6>
<h2>Omexer will make your life easier and comfortable</h2>
<p>Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor.</p>
<ul>
<li><i aria-hidden='true' class='fa fa-battery-three-quarters'/> Attractive Features</li>
<li><i aria-hidden='true' class='fa fa-camera'/> User Friendly Interface</li>
<li><i aria-hidden='true' class='fa fa-bell-o'/> Free Dedicated Support</li>
</ul>
<a href='#'>Download Now</a>
</div>
</div>
</div>
</div>
Replace # with destination URL
Left side picture
BOX 2
<div class='box-list'>INFORMATION:
<li>
<i aria-hidden='true' class='fa fa-code'/>
<h3>Clean Code</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-pie-chart'/>
<h3>Color Changer</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-wpexplorer'/>
<h3>Creative Design</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-television'/>
<h3>Responsive Design</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-grav'/>
<h3>Fast Update</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
<li>
<i aria-hidden='true' class='fa fa-hourglass-start'/>
<h3>Quick Start</h3>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias assumenda hic inventore itaque</li>
</div>
Adjust
BOX 3
<div class='video-content d-table text-center wow slideInUp'>INFORMATION:
<div class='bg-opacity'>
<div class='d-table-cell align-middle'>
<a class='popup-youtube' href='https://www.youtube.com/watch?v=9dkne6Jr_18'><i aria-hidden='true' class='fa fa-play'/></a>
</div>
</div>
</div>
Url / Youtube Video Link
BOX 4
<div class='line-left wow fadeInLeft' data-wow-delay='0.2s' style='visibility:visible'>INFORMATION:
<img alt='Timeline' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLeBoQFFPVJHGrxP292Mg0ExWiNE3HjmFlZQqtsL-Nr-o7T30SLmyYL3KVThl58h-hSR8D7u7aFE2OOg0GZhEeftaZ88LN_Ab9N58msxXUPIC0FJDiTXcPiY5pCgL9UtWj8RR6nWy99Js/s1600/mobile4.png'/>
</div>
<div class='line-right wow fadeInRight' data-wow-delay='0.2s' style='visibility:visible'>
<div class='timeline-vertical-x timeline-step'>
<div class='timeline-item' data-step='1'>
<h5>Create and update your Profile</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class='timeline-item' data-step='2'>
<h5>Sort & Filter through categories and services</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class='timeline-item' data-step='3'>
<h5>Search to access relevant services</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
</div>
</div>
Url / Image Link and other urls adjust
BOX 5
<div class='timelist-left wow fadeInLeft' data-wow-delay='0.3s' style='visibility: visible;'>INFORMATION:
<div class='future-box'><div class='future-timeline'><ul><li class='timeline'><h4 class='sub-title'>Easy Installation</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline'><h4 class='sub-title'>Multi Platform Chat App</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline'><h4 class='sub-title'>Secure Backup & Recovery</h4><p class=''>Many desktop publishing packages</p></li><li class='timeline'><h4 class='sub-title'>Easy File Sharing</h4><p class=''>Lorem Ipsum has been the industry's</p></li></ul></div></div></div>
<div class='future-mobile wow slideInUp'>
<img alt='feature-mob' class='img-fluid' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh73QpKsnNkGJ6T19bvKQ_7XRNRAQsFEb0UChJEirTpxPmewXzb-R4agc5YDiCWFTFMsNxprRqeODezHvd0mm6xFWmHPvQuT8NuMqbktDLvzYV6wi2Mm8lq_CKYvizx-LfRa7Tq8VZOec8/s1600/mobile3.png'/>
</div>
<div class='timelist-right wow fadeInRight' data-wow-delay='0.3s' style='visibility: visible;'><div class='future-box'><div class='future-timeline-right'><ul class='text-left'><li class='timeline-right'><h4>Easy Installation</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline-right'><h4>Multi Platform Chat App</h4><p class=''>Lorem Ipsum has been the industry's</p></li><li class='timeline-right'><h4>Secure Backup & Recovery</h4><p class=''>Many desktop publishing packages</p></li><li class='timeline-right'><h4>Easy File Sharing</h4><p class=''>Lorem Ipsum has been the industry's</p></li></ul></div></div></div>
Adjust
BOX 6
<div class='box6 wow' id='about'>INFORMATION:
<div class='container'>
<div class='section-heading text-center'>
<h6>Have Any Question?</h6>
<h2>Fequently Asked Question</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='ac-left wow fadeInLeft' data-wow-delay='0.2s' style='visibility:visible'>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I download the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I install the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item active'>
<div class='accordion-header js-accordion-header'>How can I upgrade my current plan ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I active the app's features ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I active all the features ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>How can I download the app ?</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
<div class='accordion js-accordion'>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 1</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
<div class='accordion__item js-accordion-item'>
<div class='accordion-header js-accordion-header'>Sub Panel 2</div>
<div class='accordion-body js-accordion-body'>
<div class='accordion-body__contents'>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos sequi placeat distinctio dolor, amet magnam voluptatibus eos ex vero, sunt veritatis esse. Nostrum voluptatum et repudiandae vel sed, explicabo in?
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='ac-right wow fadeInRight' data-wow-delay='0.2s' style='visibility:visible'>
<img alt='Timeline' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxHe-z1U9WXseieUULPWuttqAq3zFiAA-eKyzWmHSO40a6P1R6fRbwgYU-aBw2vmaj05wIxTa9NhMmS90P9f5v18xMOhPD91FY_2v-Oc5ovx-kSlqKpcub6Gy245pOoLz9H8WTM6EGb5M/s1600/m12.png'/>
</div>
</div>
</div>
Adjust
BOX 7
<div class='box7 wow' id='about'>INFORMATION:
<div class='section-heading text-center'>
<h6>Total Statics</h6>
<h2>Statics</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div class='counter col_fourth wow fadeInUp animated' data-wow-delay='.2s' style='visibility:visible;animation-delay:.2s;animation-name:fadeInUp'>
<i class='fa fa-code fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='300'>300</h2>
<p class='count-text'>SomeText GoesHere</p>
</div>
<div class='counter col_fourth wow fadeInUp animated' data-wow-delay='.4s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<i class='fa fa-coffee fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='1700'/>
<p class='count-text'>SomeText GoesHere</p>
</div>
<div class='counter col_fourth wow fadeInUp animated' data-wow-delay='.6s' style='visibility:visible;animation-delay:.6s;animation-name:fadeInUp'>
<i class='fa fa-code fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='11900'/>
<p class='count-text'>SomeText GoesHere</p>
</div>
<div class='counter col_fourth end wow fadeInUp animated' data-wow-delay='.8s' style='visibility:visible;animation-delay:.8s;animation-name:fadeInUp'>
<i class='fa fa-bug fa-2x'/>
<h2 class='timer count-title count-number' data-speed='3000' data-to='1570'/>
<p class='count-text'>SomeText GoesHere</p>
</div>
</div>
</div>
Adjust
BOX 8
<div class='box8 wow' id='about'>INFORMATION:
<div class='section-heading text-center'>
<h6>Screen Interface</h6>
<h2>App Screenshot</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div class='phone'>
<div class='glass'/>
<div class='home-btn'>
<div class='home-btn-inner'/>
</div>
</div>
<div class='slider wow slideInUp'>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheSW57ty62GxRuuMDllsz6m9oRbEloOwDrs2_UiNVohLjTPGhfAWLlVG_QLcR08R_CDgc5I6P4_NBaMLkB7wmL5oxNrDZME5A7Q54ZeH98bLWeE6Wf1KhAd8FOoX4ROkyNj2RAfuplQOI/s1600/m1.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZgAibW91YA1FRdVd1KPF77lI19Pe9kNW_qLz5X5fKXgKwd3hIa0l1uOg53VKe5yR2w6Woy39TEkKK27XSlDj46VbfbXA1Kk4pOoGaDBA3QCjITCif_Pgx3f5fcjrbi4BC6Ns_nrQ31lU/s1600/m2.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqywf-bPIgKMFeCJXZtqTh36vinvKKTOX8Utu8PvMmNtreYsrX-Fl-_kPap10aGFZX-fakVK2DBM5mJyrlVfdfMOWUTPwWFG4Eh8XLA5ianIu3RHKCviFL59eQWeCgT8AhXSfSH0rrSXI/s1600/m3.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSKySzxikSo1hfK0kqCUtTdMyegPWbqtEN1boyzEqJswlfdkhD0C0QGWFMUa0gIv8ysT3AlXTOPEwbXhZYJRnu-qDQ1jp1fM76EL3nP9Wi0fM37SUIjQgbgLIttuzm1XFVeeyuu3AeaXI/s1600/m4.png'/>
</div>
<div class='item'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6IWAISn4RfEw9fvWiQl_j6BWbchZ3oQdjk_9UKLVLo-cbpbqpbOOX6BbDNCRDVV4Nktxu1lSQDEsr4brx7aOXjSx8FJDQUSKx-srPxgma6qfwNMWSWMHIIDEvWtlcjy_S4Kbv8vmMRQ/s1600/m5.png'/>
</div>
</div>
</div>
</div>
Replace with picture
BOX 9/PRICING
<div class='box9 wow' id='pricing'>INFORMATION:
<div class='section-heading text-center'>
<h6>Our Pricing</h6>
<h2>Choose Our Best Plan</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis</p>
</div>
<div class='container'>
<div class='pricing_table'>
<div class='plan wow fadeInUp animated' data-wow-delay='.2s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Starter</h3>
<div class='plan-cost'><span class='plan-price'>$19</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>5GB Linux Web Space</li>
<li>5 MySQL Databases</li>
<li>Unlimited Email</li>
<li>250Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
<div class='plan wow fadeInUp animated' data-wow-delay='.4s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Basic</h3>
<div class='plan-cost'><span class='plan-price'>$29</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>10GB Linux Web Space</li>
<li>10 MySQL Databases</li>
<li>Unlimited Email</li>
<li>500Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
<div class='plan featured wow fadeInUp animated' data-wow-delay='.8s' style='visibility:visible;animation-delay:.8s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Professional</h3>
<div class='plan-cost'><span class='plan-price'>$49</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>25GB Linux Web Space</li>
<li>25 MySQL Databases</li>
<li>Unlimited Email</li>
<li>2000Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
<div class='plan wow fadeInUp animated' data-wow-delay='.6s' style='visibility:visible;animation-delay:.6s;animation-name:fadeInUp'>
<header>
<h3 class='plan-title'>Ultra</h3>
<div class='plan-cost'><span class='plan-price'>$99</span><span class='plan-type'>/mo</span></div>
</header>
<ul class='plan-features'>
<li>100GB Linux Web Space</li>
<li>Unlimited MySQL Databases</li>
<li>Unlimited Email</li>
<li>10000Gb mo Transfer</li>
<li>24/7 Tech Support</li>
<li>Daily Backups</li>
</ul>
<div class='plan-select'><a href='#'>Select Plan</a></div>
</div>
</div>
</div>
</div>
Adjust
BOX 10 / TESTIMONIAL
<div class='box10 wow' id='testimonial'>INFORMATION:
<div class='section-heading text-center'>
<h6>Testimonial</h6>
<h2>Our Testimonials</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div id='testimonial-slider'>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzdDCnJoVjrO_2lh5fnB_DiioiBsNI-9H9a_lb5ybHbhGGfEeqXC9WS4WDZFgVlngt513N4wLtvjpjfgD2dJ616-LpRvZm5hFwdyrfdXHcSz_Vo3pWA9LcFo74wdPCtQZH4ERe09gZdKc/s1600/1.jpg'/>
</div>
<h3 class='name'>Michele Miller</h3>
<span class='title'>Project Manager</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNA6jjJVPDHGhgujKxrIorDfT13e_-il4hf5k871ybjBc__GtWn7WDEvEgUWmKuX2lm7ZOeaYT0akGz4Rc_GA8XohyphenhyphenaSLgv92H9JWBUA19Bkl80N7hFrZM9ZXXzDZeD096EJceocRp3zA/s1600/130.jpg'/>
</div>
<h3 class='name'>Patricia Knott</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVdSkVfREu6vKJd6ufFMX3VbcdRedhbKD9RfjPgLk2JDguHax7gZg_luVngGih_owAOwHNcNBRha9L_-iveeRDmguxybghpCmmX_uMc0ujVbP29-lKtFeO3Qg4lK1iBTjc5SNH-z2fwU/s1600/2.jpg'/>
</div>
<h3 class='name'>Justin Ramos</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZTHLoImJPtb9s9Vn-m0biGmmsIedCMuk9uduUGvAA3nvWDB6Tew83faU5ctquAYVS6F9GHXDix7xHIKingrOnle1saaUyGYZmxPZdPWqH4s9wn5iXba8SCRSs6ciCMam0X93jrUvQxFg/s1600/4.jpg'/>
</div>
<h3 class='name'>Mary Huntley</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7KezTYjksizz_mGvggfde1ix_ac083h_kmbeUUOoUd6v7mwkhs4I_yU7v91b3JOAub3GLKTwozZPfH0MF2altXERjRkflaPFOlyFonTzfwokqTbvLPaosg06O3DsROmDXWIvChUJnyU/s1600/3.jpg'/>
</div>
<h3 class='name'>Aaron Newell</h3>
<span class='title'>Web Developer</span>
</div>
</div>
<div class='testimonial'>
<span class='icon fa fa-quote-left'/>
<p class='description'>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class='testimonial-content'>
<div class='pic'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicxb_qY0nUhl0fL4OgJxJ974hpQt_EBxn9VcYHtNF-07tIX4A7zNiSKu98xaAjf5ErsZy8vdAL0s8IJXde2a06isxSMwRA-00ZJ2tPjpfkj3B9hkdBcm3SZ20zjXLn-MDOiI7HQBIffX8/s1600/5.jpg'/>
</div>
<h3 class='name'>Lizzie Geren</h3>
<span class='title'>Web Developer</span>
</div>
</div>
</div>
</div>
</div>
Adjust
BOX 11 / TEAM
<div class='box11 wow' id='about'>INFORMATION:
<div class='section-heading text-center'>
<h6>Team</h6>
<h2>Our Team Professional</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div class='team-box wow fadeInUp animated' data-wow-delay='.2s' style='visibility:visible;animation-delay:.2s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqA1Fd6CECzVHlQ-CKPdN-ntz775AqCDoyJvowVDT0SMOiGm-Bi7nBeJDid1gadHTCW8mzzsmWAPr4_5pGxmVFlOUCxIyrUa_rfeMHunpJa1eqhtBQfkZxpcl35pdi20XCImMYaD1ZL3yJ/s1600/16.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>John Smith</a>
<p>DEVELOPER</p>
</div>
</div>
</div>
<div class='team-box wow fadeInUp animated' data-wow-delay='.4s' style='visibility:visible;animation-delay:.4s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuXEClQLob2_CNDlVSoZgYosmB1giMdlbzoUwDtcb5xmgfF0Mh9DDubZ9rnAQaqp8vzZ2lU7Tl5zy8Lbl9V5AYDrrcfAZ084ip25vKu64pOjQTXGVeVYT7vzE8lKbOjaqt_oVf80i0aY4s/s1600/cc.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>David Walter</a>
<p>ART DIRECTOR</p>
</div>
</div>
</div>
<div class='team-box wow fadeInUp animated' data-wow-delay='.6s' style='visibility:visible;animation-delay:.6s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifS7iQ23-r5ztIh2E32-75uaa9ocq7WWPWR_oEd5LNs8vKze_snvATrQoMgGrPEmHh6mXp5mB48xW0bFPj4uAWhlYwVYPn9VlIdMag_5X8xL2cT_BKxgDI7c1DclwZzNassO9zn1YGMZvN/s1600/bbb.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>Paul Dark</a>
<p>CEO AT THIMPRESS</p>
</div>
</div>
</div>
<div class='team-box wow fadeInUp animated' data-wow-delay='.8s' style='visibility:visible;animation-delay:.7s;animation-name:fadeInUp'>
<div class='team-member'>
<div class='team-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv8vnejWv46qBgHQiqcUijqjLZLmlxumLKgEF73MxFoF2I6rnxupDCSUtVFFwcydnC_3gUSDvXxqMrJf392UOxhW36vMiYiCts6jUy1X0qFvWrVtwij_tFlgzaVDX62OdZkOKwyFMxI1Rd/s1600/dd.jpg'/>
</div>
<div class='socials'>
<a href='#'><i class='fa fa-facebook'/></a>
<a href='#'><i class='fa fa-twitter'/></a>
<a href='#'><i aria-hidden='true' class='fa fa-instagram'/></a>
<a href='#'><i class='fa fa-linkedin'/></a>
<a href='#'><i class='fa fa-envelope'/></a>
</div>
<div class='inner'>
<a href='#'>George Hammer</a>
<p>COPYRIGHTER</p>
</div>
</div>
</div>
</div>
</div>
Change the # sign with url / Social Media Link while the image please replace it with a profile picture
BOX 12 / SUBSCRIBE
<div class='box12 wow' id='about'>INFORMATION:
<div class='section-heading text-center'>
<h2>Subscribe Newsletter</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.</p>
</div>
<div class='container'>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='//feedburner.google.com/fb/a/mailverify' class='i-amphtml-form' novalidate='' target='_blank'>
<input name='uri' type='hidden' value='goomsite'/>
<input name='loc' type='hidden' value='en_US'/>
<input autocomplete='off' class='subscribe-css-email-field user-valid valid' name='email' placeholder='yourmail@goomsite.net'/>
<input class='subscribe-css-email-button' title='' type='submit' value='Subscribe'/></form>
</div>
</div>
</div>
</div>
</div>
Change with your feedburner shortname
POST
FORM
No need to be set because this form is automatic
SIDEBAR / FORM SEARCH
<div id='search-wrapper'>INFORMATION:
<h4 class='tetle'>Search This Site</h4>
<div id='search-box'>
<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
<form action='https://landingthebusiness.blogspot.com/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<input class='search-form' id='feed-q-input' itemprop='query-input' name='q' placeholder='Search' required='required' type='text'/>
<button class='search-button' title='Search' type='submit'><i class="fa fa-search" aria-hidden="true"></i></button>
</form></div>
</div></div>
Change with your Blog Url
