META TAG
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='CODE-VALIDATION-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='CODE-VALIDATION-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='ADMIN-NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Please visit " + data:blog.pageTitle + " To read interesting posts."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDNjx4dRNS0Y4d3h1SINNNp-nakYgIYF_URZk7iJfYBJWR1HbUa8i-3LSSu9_8Fa7MnJCldjKC4Op22SMPL-CLpN2-Eilzf30jPX5ipIkYN92YzzfvKGPbGmhE3vy8S2CqUc-tP9sv7Yzg/s1600/non.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='CODE-APPLICATION-FACEBOOK' property='fb:app_id'/>
<meta content='CODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='#021f2d' name='theme-color'/>
<meta content='#021f2d' name='msapplication-navbutton-color'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<meta content='#021f2d' name='apple-mobile-web-app-status-bar-style'/>
INFORMATION:Please Change
LOGO
Enter Blogger Settings, LAYOUT and Upload Your Logo. Logo Size 274px Width and 65px Height
TOP MENU
<nav id='menu'> <button class='close' type='button'>×</button> <ul> <li class='icon-box'> <i class='far fa-map-marker-alt'/> <div class='icon-box__text'> <span class='icon-box__title'>Address</span> <span class='icon-box__subtitle'>Manado 38511, ID</span> </div> </li> <li class='icon-box'> <i class='fal fa-envelope'/> <div class='icon-box__text'> <span class='icon-box__title'>Mail Us</span> <span class='icon-box__subtitle'>[email protected]</span> </div> </li> <li class='icon-box child'> <i class='fal fa-phone'/> <div class='icon-box__text'> <span class='icon-box__title'>Call Us</span> <span class='icon-box__subtitle'>+6281-2345-6789</span> </div> </li> <li class='social'><a href='#' title=''><i class='fab fa-facebook-f'/></a></li> <li class='social'><a href='#' title=''><i class='fab fa-twitter'/></a></li> <li class='social'><a href='#' title=''><i class='fab fa-instagram'/></a></li> </ul> </nav>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Please adjust
Replace with Url/Link Social Media
MENU
<nav id='cssmenu'> <ul> <li><a class='menuactive' href='/' title=''>Home</a></li> <li><a href='#' title=''>Project</a> <ul> <li><a href='#' title=''>Submenu 1</a></li> <li><a href='#' title=''>Submenu 2</a></li> <li><a href='#' title=''>Submenu 3</a></li> <li><a href='#' title=''>Submenu 4</a></li> <li><a href='#' title=''>Submenu 5</a></li> </ul> </li> <li><a href='#' title=''>Features</a></li> <li><a href='#' title=''>Services</a> <ul> <li><a href='#' title=''>Submenu 1</a></li> <li><a href='#' title=''>Submenu 2</a></li> <li><a href='#' title=''>Submenu 3</a></li> <li><a href='#' title=''>Submenu 4</a></li> <li><a href='#' title=''>Submenu 5</a></li> </ul> </li> <li><a href='#' title=''>Property</a></li> <li><a href='#' title=''>News</a> <ul> <li><a href='#' title=''>Submenu 1</a></li> <li><a href='#' title=''>Submenu 2</a></li> <li><a href='#' title=''>Submenu 3</a></li> <li><a href='#' title=''>Submenu 4</a></li> <li><a href='#' title=''>Submenu 5</a></li> </ul> </li> <li><a href='#' title=''>Blog</a></li> <li class='request'><a href='#' title=''>Request a quote</a></li> </ul> <!-- menu navigasi header end --> </nav>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Replace with Url / Link
SLIDER
<div class='box-slider'>
<div class='comslider'>
<div class='img-full'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHX7z7RR7QTvIF_151uSmivn4Cl7uR502-1k0yk_uc1W4QOFJ2Q3NbetGy2akK57jfV9XB1-F3tnNzOFWbReNKB1hKp4Ik_NNVmQ3Spuvxvd9WuOKHH_OwtgWcPJ0udE7m84LdM8NUgZ0/s1600/s1.jpg'/>
<div class='info'>
<h3>PRECONSTRUCTION</h3>
<h1>BUILDING STAFFS</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
<div class='box-btn'>
<a class='site-button btn-effect btn-wp' href='#' title='more'>Read more</a>
</div>
</div>
</div>
<div class='img-full'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilNKBryzV9X5IcUQAK-xBX1-gsVn2jfVAA7mog2Yoe3diNNOebic63j4HYb598HxZ2HYKUDVOqCzG_ZxwVXhkR-I09sg9en_I_En_MmQ3PHnBGnIPUtnWeL7kwT4HJYBpUOCKDPHYyO3I/s1600/s2.jpg'/>
<div class='info'>
<h3>SPECIAL PROJECTS</h3>
<h1>Architecture Design</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
<div class='box-btn'>
<a class='site-button btn-effect btn-wp' href='#' title='more'>Read more</a>
</div>
</div>
</div>
<div class='img-full'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmGI9or9clAV3tOrt_QulDsGHhuYrd3zV-YgecRfuo3ck8LbG_d73LyUk87aDpHY-1SxsJ_kqfaX5v-qG3HxRCX-pUjIRrZlAt9Ez1CDJVjoqMcvnlHZ6atZ5ZhOIZVEXC6NpVhyrTKTI/s1600/s3.jpg'/>
<div class='info'>
<h3>MANAGEMENT</h3>
<h1>PROJECT ON TIME</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna</p>
<div class='box-btn'>
<a class='site-button btn-effect btn-wp' href='#' title='more'>Read more</a>
</div>
</div>
</div>
</div>
</div>
INFORMATION:Enter Blogger settings, then select EDIT HTML and find the code above
Change to the Url of each image
First Title
Second Title
Description
Replace with Url / Link
BOX 1
<div class='box1'> <div class='box-grid'> <div class='box-grid-s'> <div class='padding'> <h4>Architecture Design</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue conseqaut nibbhi ellit ipsum consectetur.</p> </div> </div> <div class='box-grid-s tengah'> <div class='padding'> <h4>Building Construction</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue conseqaut nibbhi ellit ipsum consectetur.</p> </div> </div> <div class='box-grid-s'> <div class='padding'> <h4>House Renovation</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Proin nibh augue conseqaut nibbhi ellit ipsum consectetur.</p> </div> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Change with each Title
Description
BOX 2
<div class='box2'> <div class='container'> <div class='right img-mobile'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJREc8CdiU1z4iG8t30dcfoQj4Larv75wUDPvqPJPK4ctCm_VpbjTdbc0DN8kLsX4sD4im_f6J6mOkv7e-rZnCPz9thqWbUHq0iuTqB0SvYMf_5dHBf0IraG-xJjNcU0qTJPzKMA7Mmos/s1600/bgright.png'/> </div> <div class='left'> <h2 class='left-heading'>Welcome <span class='theme_color'>Sibling</span></h2> <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi cillum dolore eu fugiat.</p> <div class='box-grid-list'> <div class='box-list'> <h3 class='lefth3'><i class='far fa-check-circle'/> Consectetur adipiscing elit</h3> </div> <div class='box-list'> <h3 class='lefth3'><i class='far fa-check-circle'/> Consectetur adipiscing elit</h3> </div> <div class='box-list'> <h3 class='lefth3'><i class='far fa-check-circle'/> Consectetur adipiscing elit</h3> </div> <div class='box-list'> <h3 class='lefth3'><i class='far fa-check-circle'/> Consectetur adipiscing elit</h3> </div> <div class='box-list'> <h3 class='lefth3'><i class='far fa-check-circle'/> Consectetur adipiscing elit</h3> </div> <div class='box-list'> <h3 class='lefth3'><i class='far fa-check-circle'/> Consectetur adipiscing elit</h3> </div> <div class='clr'/> </div> <div class='box-btn'> <a class='site-button btn-effect' href='#' title='view all'>View All</a> </div> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Replace with Image url
Please adjust
Description
Please adjust
Replace with Link / Url
BOX 3
<h2 class='section-title'>FEATURED <span class='theme_color'>WORKS</span></h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. incididunt ut labore et dolore. Lorem ipsum dolor sit amet, consectetur adipisicie.</p>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Please adjust
Description
<span data-type="polio" data-label="Work"></span>
INFORMATION:Enter Blogger LAYOUT Settings and enter the script above
Replace with a special post Label Image to display
BOX 4
<div class='box4'> <div class='box-company'> <div class='company-left'> <div class='company-right'> <div class='box-company-right'> <div class='padding-percent5'> <i class='fas fa-building'/> <h4>Building Staffs</h4> <p>We need sure generate the internet repeat predefine tend true chunks as necessary tend true chunks as necessary the internet to repeat predefine tend true chunks.</p> </div> </div> <div class='box-company-right bgcolor'> <div class='padding-percent5'> <i class='fad fa-traffic-cone'/> <h4>Project on time</h4> <p>We need sure generate the internet repeat predefine tend true chunks as necessary tend true chunks as necessary the internet to repeat predefine tend true chunks.</p> </div> </div> <div class='box-company-right bgcolor2'> <div class='padding-percent5'> <i class='fas fa-user-hard-hat'/> <h4 class='putih'>Latest Tech</h4> <p>We need sure generate the internet repeat predefine tend true chunks as necessary tend true chunks as necessary the internet to repeat predefine tend true chunks.</p> </div> </div> <div class='box-company-right bgcolor3'> <div class='padding-percent5'> <i class='fas fa-construction'/> <h4 class='putih'>Construction</h4> <p>We need sure generate the internet repeat predefine tend true chunks as necessary tend true chunks as necessary the internet to repeat predefine tend true chunks.</p> </div> </div> </div> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Replace with the FontAwesome Icon
Please adjust
Please adjust
BOX 5 HISTORY
<div class='left text'> <h2 class='left-heading section-title2'>Our <span class='theme_color'>History's</span></h2> <p>Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p> <div class='company-flex'> <div class='company-flex-list'> <ul> <li><strong>2020 – Open Branch Office</strong> <span>Rubric save the world strategize, black lives matter impact gender rights. Accessibility granular, youth natural resources improve the world changemaker greenwashing</span> </li> </ul> </div> <div class='company-flex-list'> <ul> <li><strong>2019 – Open Branch Office</strong> <span>Rubric save the world strategize, black lives matter impact gender rights. Accessibility granular, youth natural resources improve the world changemaker greenwashing</span> </li> </ul> </div> <div class='company-flex-list'> <ul> <li><strong>2018 – Open Branch Office</strong> <span>Rubric save the world strategize, black lives matter impact gender rights. Accessibility granular, youth natural resources improve the world changemaker greenwashing</span> </li> </ul> </div> <div class='company-flex-list'> <ul> <li><strong>2017 – Open Branch Office</strong> <span>Rubric save the world strategize, black lives matter impact gender rights. Accessibility granular, youth natural resources improve the world changemaker greenwashing</span> </li> </ul> </div> <div class='company-flex-list'> <ul> <li><strong>2016 – Open Branch Office</strong> <span>Rubric save the world strategize, black lives matter impact gender rights. Accessibility granular, youth natural resources improve the world changemaker greenwashing</span> </li> </ul> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above and Please adjust
BOX 5 VIDEO
<div class='video-box'>
<div class='bg-transparent'>
<a class='js-modal-video play-now' href='https://www.youtube.com/watch?v=aGc4jas5Qao'><i class='icon fal fa-play'/><span class='ripple'/></a>
</div>
</div>
INFORMATION:Enter Blogger settings, then select EDIT HTML and find the code above
Replace with Youtube Video ID
BOX 5 ACCORDION
<div class='accordion js-accordion'> <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 class='accordion__item js-accordion-item'> <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>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above and Please adjust
BOX 6
<h2 class='section-title'>Our <span class='theme_color'>Services</span></h2> <p class='main-text'>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. incididunt ut labore et dolore. Lorem ipsum dolor sit amet, consectetur adipisicie.</p>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Please adjust
Description
<span data-type="recentlist" data-label="Service" data-no="6"></span>INFORMATION:
Enter Blogger LAYOUT Settings and enter the script above
Replace with a special post Label Image to display
Number of articles displayed
FEATURING EACH ICON IN THE ARTICLE SERVICE
Is a Custom Label to display in the Service widget
Label to display the Icon
To replace each label name and please enter in the HTML EDIT and find the CSS code below
a.Architecture:before,a.Building:before,a.Construction:before,a.House:before,a.Interior:before,a.Planning:before{font-family:"Font Awesome 5 Pro"} .category-gallery a:before{display:block;color:#fab702;font-size:31px;font-weight:400;text-transform:uppercase;transition:all .3s ease} a.Construction:before{content:"\f85d"} a.House:before{content:"\f015"} a.Architecture:before{content:"\f0e8"} a.Interior:before{content:"\f8ef"} a.Building:before{content:"\f552"} a.Planning:before{content:"\f61c"}
INFORMATION:
Replace with label
Change with each Label icon code
To get the FontAwesome icon code, please copy and paste the link below, in your browser
https://kit-pro.fontawesome.com/releases/v5.11.2/css/pro.min.css
BOX - 8
<div class='box-left text'> <h2 class='left-heading section-title2'>Progress <span class='theme_color'>History</span></h2> <p>Progressively maintain extensive infomediaries via extensible niches. Dramatically disseminate standardized metrics after resource-leveling processes</p> <div class='bar'> <div class='skill'>General Contracting</div> <div class='bar-outer'> <div class='speech-bubble construction'>90%</div> <div class='bar-inner il'/> </div> </div> <div class='bar'> <div class='skill'>Construction Management</div> <div class='bar-outer'> <div class='speech-bubble factory'>75%</div> <div class='bar-inner ph'/> </div> </div> <div class='bar'> <div class='skill'>Preconstruction & Planning</div> <div class='bar-outer'> <div class='speech-bubble indesign'>85%</div> <div class='bar-inner in'/> </div> </div> <div class='bar'> <div class='skill'>Special Projects</div> <div class='bar-outer'> <div class='speech-bubble fluent'>55%</div> <div class='bar-inner fl'/> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above and Please adjust
<div class='box-testimonial'> <div class='testimonial'> <div class='quote'> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.</p> </div> <div class='student'> <div class='photo'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji7VzGIO-2T8E5GQtL-Wrau-TDYoG7IbAdKam_cALGD7-xtjwGBTV63lhCmmW9lNGTwGyxuBks9KkNKgA8-4pysVKBfEHDhmvZdWD8Ha3FyIKGkgio2Ik5Casn0dT7OeGWDLnPzatRfqY/s1600/t1.jpg'/></div> <p>Jack Montes</p> <ul class='rating'> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> </ul> </div> </div> <div class='testimonial'> <div class='quote'> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.</p> </div> <div class='student'> <div class='photo'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbZWl07tHR8dq1t1Pf7JwE3jFkuGGppqySP6uSIMKtJoPP18EbuJ1hyphenhyphenuUZ1bcC5ZfzGF0amfy9Ao8R_z5yAx1uoogT0pnuQCMCWTonYDr-xJ5_O_35XrwnUAPjwFiRt51soEr5SOxvng0/s1600/t2.jpg'/></div> <p>Renata Martis</p> <ul class='rating'> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> </ul> </div> </div> <div class='testimonial'> <div class='quote'> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices, elit sed faucibus pharetra, diam mauris bibendum orci, sit amet ullamcorper purus dui sit amet augue. Donec aliquet diam ut neque mattis, eu tristique sem rutrum.</p> </div> <div class='student'> <div class='photo'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3QarUjlamuHrNsPhoKYW59jHdkJDx_KVgxuDZnr6dTIbGUsOWPnxJPesW8QZ5O-oiTknggMblo7g0X2X_NNzXMkRKqdTacT01-o0uJwrc4xfebqZv-yFLohT3LXfhULNMwf15NNu1mCo/s1600/t3.jpg'/></div> <p>Jhon Kwick</p> <ul class='rating'> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> <li><i class='far fa-star'/></li> </ul> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Replace with the sentence of each buyer
Replace with each buyer's Url / Link image
Change with each buyer's name
BOX 7
<div class='box7'> <div class='bg bgopacity'> <div class='container'> <div class='counter col_fourth'> <span class='timer count-title count-number' data-speed='1000' data-to='1300'/> <p class='count-text'>Happy Clients</p> </div> <div class='counter col_fourth'> <span class='timer count-title count-number' data-speed='2000' data-to='1000'/> <p class='count-text'>Expert Workers</p> </div> <div class='counter col_fourth'> <span class='timer count-title count-number' data-speed='4000' data-to='2300'/> <p class='count-text'>Projects Done</p> </div> <div class='counter col_fourth'> <span class='timer count-title count-number' data-speed='4000' data-to='1400'/> <p class='count-text'>Years Of Experience</p> </div> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Please adjust
Change with each data name
BOX 9
<div class='box9 bg bgopacity'> <div class='container'> <h2 class='left-heading section-title2'>Dedicated <span class='theme_color'>Team</span></h2> <div class='boxteam'> <div class='team_list'> <div class='team_content'> <div class='team_photo'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9r1Q-mDqADChr0AdweQGL4-lcmi-gtxeCFaQJP0vcdyY-Ygfywcexg8toIa7RaL0-LJ3UXbjQAIgIM9H1HyPZv2B4Rse9izCzJxCEOKiCBSQdvK-IgKzAm9SJSsyPQ1LqZV-WkIeUrLA/s1600/profil1.jpg'/> </div> <div class='team_content-c'> <h2 class='names'>Katrine</h2> <p class='nmsp'>Seo</p> <p class='deco'>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</p> </div> <div class='team_social'> <ul> <li><a href='#'><i class='fab fa-facebook-f'/></a></li> <li><a href='#'><i class='fab fa-twitter'/></a></li> <li><a href='#'><i class='fab fa-instagram'/></a></li> <li><a href='#'><i class='fab fa-pinterest-p'/></a></li> </ul> </div> </div> </div> <div class='team_list'> <div class='team_content'> <div class='team_photo'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUheJzcITAhDi-dzU_LD0viz6B6RW9fZc1YNT1b9KdhwKlRg7lRGJEMnPyMYpHbJ1NIzOQF-iRHYtlZ7CygToV1uRVR8dEXVhyphenhyphennn4EQvF_cCnaQIGnE6m4uf2wzSFl2x3QvwMYzJj6pZ8/s1600/profil2.jpg'/> </div> <div class='team_content-c'> <h2 class='names'>Buker Man</h2> <p class='nmsp'>Senior Construct</p> <p class='deco'>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</p> </div> <div class='team_social'> <ul> <li><a href='#'><i class='fab fa-facebook-f'/></a></li> <li><a href='#'><i class='fab fa-twitter'/></a></li> <li><a href='#'><i class='fab fa-instagram'/></a></li> <li><a href='#'><i class='fab fa-pinterest-p'/></a></li> </ul> </div> </div> </div> <div class='team_list'> <div class='team_content'> <div class='team_photo'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheYKqrDeQgnX0nB1DA7NU_r55kQFzjpdBECzNWJm5Wn-ygrcWvZkVUAqmS87hsbYQfqh2ajUc6POpWcOD1WACERyHd61m2jSoS8bKUbPWLaq7espxJ72zFauKMHplA1KUfQ0gOUkM5ouw/s1600/profil3.jpg'/> </div> <div class='team_content-c'> <h2 class='names'>Mia One</h2> <p class='nmsp'>Senior Construct Chief</p> <p class='deco'>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</p> </div> <div class='team_social'> <ul> <li><a href='#'><i class='fab fa-facebook-f'/></a></li> <li><a href='#'><i class='fab fa-twitter'/></a></li> <li><a href='#'><i class='fab fa-instagram'/></a></li> <li><a href='#'><i class='fab fa-pinterest-p'/></a></li> </ul> </div> </div> </div> <div class='team_list'> <div class='team_content'> <div class='team_photo'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiELrzkiGHRuyr3rM-G-agYshmMLDhlRGVwZQr4Mq0FPCL3LwH9jPOxTVeiOrNSMAzDV3YxesM0_WrPV8wqnQzB1cSFS2nUdFU0d49d52FC_OgYZIJOZq3wD3tMmYojYaovzeOWgRDmIsU/s1600/profil4.jpg'/> </div> <div class='team_content-c'> <h2 class='names'>Hendrick jack</h2> <p class='nmsp'>Junior Construct</p> <p class='deco'>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</p> </div> <div class='team_social'> <ul> <li><a href='#'><i class='fab fa-facebook-f'/></a></li> <li><a href='#'><i class='fab fa-twitter'/></a></li> <li><a href='#'><i class='fab fa-instagram'/></a></li> <li><a href='#'><i class='fab fa-pinterest-p'/></a></li> </ul> </div> </div> </div> <div class='team_list'> <div class='team_content'> <div class='team_photo'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOQxWude8YIIH_kagmaNfaNzS5uzD1WMw52RZZ9Tkmbovz7MyfNNED-5ZkZeqq5_1uDA5plXdSx4U6Km8XA5DS8S_23iKaL1AytywBnQAchvxBTQDZYBETeVLK1Ki1yLSoMlsg6trpFdY/s1600/profil5.jpg'/> </div> <div class='team_content-c'> <h2 class='names'>David</h2> <p class='nmsp'>Manager</p> <p class='deco'>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius</p> </div> <div class='team_social'> <ul> <li><a href='#'><i class='fab fa-facebook-f'/></a></li> <li><a href='#'><i class='fab fa-twitter'/></a></li> <li><a href='#'><i class='fab fa-instagram'/></a></li> <li><a href='#'><i class='fab fa-pinterest-p'/></a></li> </ul> </div> </div> </div> </div> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Change with each Url / Profile Image Link
Change with each Customer Service Name
Change with each Customer Service Position
Change with each Customer Service Description
Change with each Social Media Customer Service Link
MAPS
<div class="maps-bx"> <iframe allowfullscreen="" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3973.329706993293!2d119.4620871139731!3d-5.210780953961945!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x2dbee22fa3f773c1%3A0x36e3d875609d7dba!2sGoomsite.Net!5e0!3m2!1sid!2sid!4v1508121111854" style="border: 0;" frameborder="0" height="450" width="600"></iframe></div>INFORMATION:
Enter Blogger LAYOUT Settings and enter the script above Or please replace with your Google Maps iframe code
PARNERT
<div class='customer-parnert'> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wpn0xMjOBMrMDtLkh3B5PlQPzrdqqwdKhR9MKLELK2E4UxRK-kPsWhIZYUFI9h5xgr3jaVgDOY5AAFR9jDVX5Ka7XnpuG80pjA_2mbpunPHBVFa6YXtfBbnRsGuUNmc9jGFkrIYo75o/s1600/pr1.png' title=''/> </div> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Zr5nMrhelMRlpLJmJYo21D5HvORmRCCIuhigk5LKj8J7X7z_RTem4dc0gJv4rlXZZZUc2RqbidYHe6IGfEMg60ZLV55XfiowLqp5wJHickZimD8I2HYBE1c3jPDcyUDwY4E2KMaRzqM/s1600/pr2.png' title=''/> </div> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoQHeKFQx1gX10ynyGokdg8lLX39LEjkRFuwG0BxXCenaOBFYYOMdCalbrCBzd5vu8ScGQhRXN0rtZh2k4Ze-naJYGNRpYmU7EdQQJKjeAO1DcPzUm-P4u4cbL5Y282sc2TUPuY4FtULk/s1600/pr3.png' title=''/> </div> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4aqg_vqF8lOpvpYhFPlfaWRwyjxxY8S3bliiUePqNqaTqnXL-7IhaaI0-QaCMtqLUpSic46BYH_8p2zh2LY_lUmRp7jE25zS022-iRJO5DA8J0PWP-ybTUsw10Fja40p5YxZPmBcjw-M/s1600/pr4.png' title=''/> </div> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ101Olq4M6psv-0VG_KzHRWdtF3mJDsW1TjZyYltcCdqBHYnsbdVLIKUGpL6Sl4-jiGPi6XNuhUl1-XnikUtjB-kwoOxO4vSsQMzSN22cc_VKfUd41QQbDcB1yBsRETJLXbG7Iq9eTx0/s1600/pr1.png' title=''/> </div> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhU1epRKceY6htMM6ac7GfTNeDTDFpAWlO7EBcFIctDOW_R-1jRErP7swiRy_VZLtAiyx8NVOnY3RJ317S8FYgo_iytS-e0ZpLoJ50PSRFuRUQf__YxOgAjyIEWUSwfLOXc2YO4ooWG4E/s1600/pr5.png' title=''/> </div> <div class='brand-box'> <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx671mCAa8ZnxkCcy5ckEwZKbNDrqxHUXQMEt7RNciLM2BfBJbBa_HGobwC5A9ld9I0VHPeaLhdOzdY0XKPPrCikPR0jI1vFd70iE1JBO9kQlt0BZ1uJTGZ5oHOya860e6EbsNv8Acs9I/s1600/pr6.png' title=''/> </div> </div>INFORMATION:
Enter Blogger settings, then select EDIT HTML and find the code above
Change with each Url / Link Logo Partner
CONTACT INFO FOOTER
<p>You can always contact with us via email or phone. Get in touch with contact and get a quote form.</p> <div class="texfoot"> <p><i class="fal fa-map-marker theme_color "></i>1220 Manado Trans Sulawesi, BolTim 38555</p> <p><i class="fal fa-phone-square theme_color "></i>0438-123-4567</p> <p><i class="fal fa-envelope theme_color "></i>[email protected]</p> <p><i class="fal fa-fax theme_color "></i> FAX: (123) 123-4567</p></div>INFORMATION:
Enter Blogger LAYOUT Settings and enter the script above
SUPPORT FOOTER
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-jpGxy8MBpD4XHA9kxHd9MyYwR8rKmuNAIn2QEq_ThIklmvnpVXSygF-5JF4_pGWdIGydIfKRhu7thKpiiwt0R6kPGtKZ7SHfz5nVoPC2f8qjjzc5w1cc3kIY_Gz4yEYmpxrOQFPWTY/s1600/world-map.png"/> <p>Get in touch with contact and get a quote form.</p> <div class="texfoot"> <p><i class="far fa-clock""></i>Monday-Friday: 9am to 5pm</p> <p><i class="far fa-clock"></i>Saturday: 10am to 2pm</p> <p><i class="fal fa-times-circle"></i>Sunday: Closed</p> </div>INFORMATION:
Enter Blogger LAYOUT Settings and enter the script above
OUR BROCHURE SIDEBAR
<div class="widget-download-wrapper"> <div class="widget-download-icon"><i class="fas fa-file-pdf"></i> </div> <div class="widget-download-details"> <div class="widget-download-title"><a href="#">Company Brochure</a></div> <div class="widget-download-subtitle">3.5 mb, PDF</div> </div> </div> <div class="widget-download-wrapper"> <div class="widget-download-icon"><i class="fas fa-file-pdf"></i> </div> <div class="widget-download-details"> <div class="widget-download-title"><a href="#">Price List</a></div> <div class="widget-download-subtitle">2.3 mb, PDF</div> </div> </div>INFORMATION:
Enter Blogger LAYOUT Settings and enter the script above
ADMIN'S MESSAGE POSTS
<div id='profile'>
<!-- About section -->
<div class='about'>
<div class='photo-inner'>
<div class='profilimg'>
<img alt='bm' expr:src='data:post.authorPhoto.url'/>
</div>
</div>
<h1><data:post.author/></h1>
<h3>Seo Construction</h3>
<p>I like to make cool and creative designs. My design stash is always full of refreshing ideas. Feel free to take a look around my Vcard.</p>
</div>
<!-- /About section -->
<!-- Personal info section -->
<ul class='personal-info'>
<li><label>Name</label><span><data:post.author/></span></li>
<li><label>Birthday</label><span>Februari 24, 1989</span></li>
<li><label>Address</label><span>1220 Manado Trans Sulawesi</span></li>
<li><label>Email</label><span class='word-wrap'>[email protected]</span></li>
<li><label>Phone</label><span>+123 456 789 111</span></li>
</ul>
<!-- /Personal info section -->
</div>
INFORMATION:Enter Blogger settings, then select EDIT HTML and please adjust
Of the more than 7 million households in the united states who don’t have access to traditional financial institution... Large steadiness sitting in my my account that as said I cannot play but cannot withdraw. We're very sorry you've got got|that you have} had an disagreeable experience with our customer help, we do nevertheless not make use of automated responses to any quarries despatched 소울카지노 to our help. A month on still automated response, not allowed to play or withdraw funds.