HOMEPAGE SECTION SETTINGS
LOGO
INFORMATION:Replace LOGO URL marked with your Blog LOGO URL, recommendation of 230x52 logo size
TOP MENU & SOCIAL MEDIA
<div id='menu'>INFORMATION:
<input type='checkbox'/>
<label><i class='fas fa-ellipsis-v'/></label>
<ul>
<li class='selected'><i class='far fa-calendar-alt'/>
<script>
// calender
<!--
var months=["January "," February "," March "," April "," May "," June "," July "," August "," September "," October "," November "," December"],myDays=["Sunday "," Monday "," Tuesday "," Wednesday "," Thursday "," Friday "," Saturday"],date=new Date,day=date.getDate(),month=date.getMonth(),thisDay=date.getDay(),thisDay=myDays[thisDay],yy=date.getYear(),year=1e3>yy?yy+1900:yy;document.write(thisDay+" "+months[month]+", "+day+" "+year);
//-->
</script></li>
<li><i class='far fa-envelope'/>travel@goomsite.net</li>
<li><i class='fas fa-home'/>travel@goomsite.net</li>
<li><i class='fas fa-mobile-alt'/>+62 8124 1105 658</li>
</ul>
<div class='sosmedtop'>
<a class='facebook' href='#'><i class='fab fa-facebook-f'/></a>
<a class='twitter' href='#'><i class='fab fa-twitter'/></a>
<a class='google' href='#'><i class='fab fa-google-plus-g'/></a>
<a class='instagram' href='#'><i class='fab fa-instagram'/></a>
</div>
</div>
Change with your email
Change with your telephone number
Change with Link / Url
MENU
<div 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='#'>Home</a></li>
<li><a href='#'>Tours</a>
<ul>
<li><a href='#'>Tours 1</a></li>
<li><a href='#'>Tours 2</a></li>
<li><a href='#'>Tours 3</a></li>
</ul>
</li>
<li><a href='#'>Hotel</a></li>
<li><a href='#'>Package</a>
<ul>
<li><a href='#'>Package 1</a></li>
<li><a href='#'>Package 2</a></li>
<li><a href='#'>Package 3</a></li>
<li><a href='#'>Package 4</a></li>
</ul>
</li>
<li><a href='#'>Pages</a></li>
<li><a href='#'>Team</a></li>
<li><a href='#'>Gallery</a></li>
<li><a href='/p/sourcode.html'>Sourcode</a></li>
</ul>
</div>
Change with Link / Url
SLIDER IMAGE
<!-- Slider -->INFORMATION:
<div class='slider-box'>
<div class='content-slider'>
<!-- Item -->
<div class='item'>
<div class='img-fill'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQytxzksHViqXwQ4c4vKo0wvdpSv4AYfJUG7Fia9gux4j3ueMtEduiFb4fyCv36CpMdbkhTY7aifgM_A4OWqi4Bo6kgJ9fEHHt-lBVvqO3r_7q2Kni-opTC9Ecs1YLvTssw4gmsOaMRTaV/s1600/slide1.jpg'/>
<div class='info'>
<div>
<h3>Where the Journey Begins</h3>
<h5>Discover your next great adventure, become an explorer to get started!</h5>
<h6>Perfect word travel agency</h6>
</div>
</div>
</div>
</div>
<!-- // Item -->
<!-- Item -->
<div class='item'>
<div class='img-fill'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgguT8HbcKtlNuHy2z6C9mRblIX6QvjRmxiKDVv8mtxM-OvWyhpHeB4iP9NToDlPOTMHSZNIkjOrKKONvdHSjCWg81GomtUzbwrOJRSNgC7EkGplJM-ddwIEca6xBgUK8TMKOEebBm22usY/s1600/slide2.jpeg'/>
<div class='info'>
<div>
<h3>Find your special tour today</h3>
<h5>Donec id ornare dui. Aenean tristique condimentum elit, quis blandit nisl varius sit amet. Sed eleifend felis quis massa viverra</h5>
<h6>With Travel Tours</h6>
</div>
</div>
</div>
</div>
<!-- // Item -->
<!-- Item -->
<div class='item'>
<div class='img-fill'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHpi_d4DNXw5bDgtT8A3X4Ps2YZ8BjhBVAapK4hekODHVz5CpfrpXxqcQRVc1fgbiVBoLxXv-xrHlODc_kMxY-kJEmDZ_FrgvhteNkInrqIAaY0pval9FEmI8q9DMYLfD_K74ohAfbPlZE/s1600/slide3.jpeg'/>
<div class='info'>
<div>
<h3>Silder full responsive</h3>
<h5>Donec id ornare dui. Aenean tristique condimentum elit, quis blandit nisl varius sit amet. Sed eleifend felis quis massa viverra</h5>
<h6>Full Width Slider With Layers</h6>
</div>
</div>
</div>
</div>
<!-- // Item -->
<!-- Item -->
<div class='item'>
<div class='img-fill'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsOwfpOvdVaUpAcizoKt5cCnGBH_fVGKyBjwecynFQb8tEF7TC4BjvJzMjX97Jbg7GcTXNDQf8OqVeilzVQqVCHfrX2gsCBzNBQSIgelOea9VJu9cGprD8BiwdF4Yvrse8hMeEJF4Me2IK/s1600/slide4.jpg'/>
<div class='info'>
<div>
<h3>Separate settings per breakpoint</h3>
<h5>Donec id ornare dui. Aenean tristique condimentum elit, quis blandit nisl varius sit amet. Sed eleifend felis quis massa viverra</h5>
<h6>Full Width Slider With Layers</h6>
</div>
</div>
</div>
</div>
<!-- // Item -->
</div>
</div>
<!-- Slider End -->
Replace with Image Url
Title displayed
Description
Tentang Kami
<div class='box-gallery'>INFORMATION:
<div class='box-text'>
<h2>Tentang Kami</h2>
<div class='box-icon'><i class='fas fa-plane-departure'/></div>
<p>Lorem Ipsum is simply dummy text. 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>
</div>
Adjust it
Product & Service
<div class='box-wrapper2'>INFORMATION:
<div class='container'>
<div class='box-text'>
<h2>Product & Service</h2>
<div class='box-icon'><i class='fab fa-fly'/></div>
<p>Lorem Ipsum is simply dummy text. 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>
<!-- Box Content 1 -->
<div class='box-content'>
<div class='box-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLX5pFTnUSL1alErUcseqsarGL6OFaSaxeYKs8MldXi_A_SCwcVfTOP4x1VIxVGpJnorcGOzxczGEvzOJNWtElxfFV9FvKo4UXDm3InUJ3Fj2SusSBdWo_hAbeNhhC5jXuRLUo2WqN8xzx/s1600/bg1.jpg'/>
</div>
<h3><a class='box-btn' href='#'>Seminar</a></h3>
<div class='box-summary'>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<a class='link-btn' href='#'>more info</a> </div>
</div>
<!-- Box Content End 1 -->
<!-- Box Content 2 -->
<div class='box-content'>
<div class='box-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPoMIWWXjrNWQVcRhkLaZA1Nem_rnknsktrbSf37MrU3RwEVtfH9Hc_4WGlV6fBhKHlstnQWQwpimKhL988S2gXg4H3DaCvyvMfYavM4ahDhOlbVw2h3pEv8xOhTb6_HfMWUoCqD8suogc/s1600/bg2.jpg'/>
</div>
<h3><a class='box-btn' href='#'>Workshop</a></h3>
<div class='box-summary'>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<a class='link-btn' href='#'>more info</a> </div>
</div>
<!-- Box Content End 2 -->
<!-- Box Content 3 -->
<div class='box-content'>
<div class='box-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggX2cu7y_ScCAp1CYsy41qhK98DUSWBD6TyNK_YnBxcXJPGmKsy6M2kSpTCifGH7rS-BgTF2v-Ipw0eCMg0LkLyABbgRA1V_pHalTxdkDHO0nLpxNpqZU8uHnqPT0b6mpe1nLv2Q8cfMG9/s1600/bg3.jpg'/>
</div>
<h3><a class='box-btn' href='#'>Studi Banding</a></h3>
<div class='box-summary'>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<a class='link-btn' href='#'>more info</a> </div>
</div>
<!-- Box Content End 3 -->
</div>
</div>
Title
Url image
Description
Repalce Url/Link
Repalce Url/Link
DECRIPTIONS DISCON
<div class='box-wrapper3'>INFORMATION:
<div class='overlay'>
<div class='box-discon'>
<h3>Discount <span style='color: #ffe046;'>5-10% Off</span></h3>
<p>Curabitur blandit tempus porttitor. Curabitur blandit tempus porttitor. Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitonec elit.</p>
<div class='button_amp'>
<a href='#'>SEE PROMOTION TOURS
</a>
</div>
</div>
</div>
</div>
Adjust it
BADGE
<div class='badge'>INFORMATION:
<!-- TAG 1 -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Special"'><div class='ribbon1 label-one'><span>Special</span></div></b:if>
</b:loop>
<!-- TAG END 1 -->
<!-- TAG 2 -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Hot"'><div class='ribbon2 label-two'><span>Hot</span></div></b:if>
</b:loop>
<!-- TAG END 2 -->
<!-- TAG 3 -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Popular"'><div class='ribbon3 label-tree'><span>Popular</span></div></b:if>
</b:loop>
<!-- TAG END 3 -->
<!-- TAG 4 -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Lates"'><div class='ribbon4 label-four'><span>Lates</span></div></b:if>
</b:loop>
<!-- TAG END 4 -->
<!-- TAG 5 -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "Heavy"'><div class='ribbon5 label-five'><span>Heavy</span></div></b:if>
</b:loop>
<!-- TAG END 5 -->
<!-- TAG 6 -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "New"'><div class='ribbon6 label-six'><span>New</span></div></b:if>
</b:loop>
<!-- TAG END 6 -->
</div>
Adjust to the Badge title that will be displayed
SLIDER PARNERT
<div class='box-wrapper6'>INFORMATION:
<div class='container'>
<div class='box-text'>
<h2>Out Trusted Partners</h2>
<div class='box-icon'><i class='fas fa-handshake'/></div>
<p>Lorem Ipsum is simply dummy text. 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>
<section class='slide-box slide-parnert'>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF3Ho0UwtGUkVy5iOtrZpIEqXiu2WCyAih6ZQQro-hulj-NAIJHaPXFX7o8sjW1BJNbYsSDuV4TWiZU3DdZAorxzBTAW1MNQdXsZkgwp41eFIrqsMzIGrBO89uopDZrUFpbFX-xGqXhEZN/s1600/parner1.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKKVxdfHdvuCdvzoHZWIvtfm0OkMy8eDQ0xe6hLVV8H1M1RMlLObqOfRl3fMtOxk_8b-XcKuUZSHbRyQY9lbm6XMx_lvyNuBZvmGS_f9KhgjqKa8X0g3CCSVK4YPuJYX_HQcxoditDX8us/s1600/parner9.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUXp3VSNGiFiC5SC_P43HL4JNoOwa05Z8haTrIpRXBiHO-y6H3GcQu6SthpyAjFhaaNqmHMUMVVkXy7rr5w3_8cuynCGUY2tYFvVXsZkEQwHcImzLGI8W5NwYnLuHaUw7R6fk-OvpcA6Ss/s1600/parner3.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyKLAiJtCt_V97omqifk8BN2ypMlAkBK0HIrzE2VhMeetKG_R-UYn6QsI7YjzvFiiyd5eOcrWwmGhkg_sacuzZsDEwZgzAUwVzpqMKDRaVhKADxrP-oo0UQQrNrICQQ4hOQ7yOcMmAgxqW/s1600/parner4.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQOZIqwNX2sbds19z_j9niaHIin9dEbuSb4bc7HPWtOPanlBQriqZG-Aee6oO5eJ9dhvfsJrwntNtNoDnwPJWU3ZyCkmgakwGrxmruIMUmzuePDt8SM7Rv7vCDzKQYicyBmDtcKDlVO8-5/s1600/parner5.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBYy875sTjq2LSQGrGArQrG2WRdZs-ygozkvDQI03xF5BwX-BXgsQ5SWuZB9BAdWMFJnYZIe_8BqlO17FQTY8JZFByp5ltcJ7tj1HvlUIuVHJb2mX9racp08gAIWAfA6N8SIotShf-Kq84/s1600/parner6.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq6tNxtBBTh-KnA05ms763SS5S9gxHfi6SBUsckkpDh_Kkn5saUfYZIPELp5bhao6kN9PoJA2jMJbeaWM82P6ccVHETdvlwM2ymFygTn9MSg1nG9cZtJ-zzllbhjuNyKecZk9L8HAW-1lx/s1600/parner2.png'/></div>
<div class='slide-parnert'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ms7G1pekQ23xh8AOmjC8ZocuG8-bs90WjUYMdbR4_tslyGi0_5YHZRJflxB-Qk3KGSOA9w2Kn2Y84hibh5VFcbWDy8_6j-BZ9CAy0zqq-qROMD-f_CydcfcCT-IY6YJ06AHqcmHBi3ck/s1600/parner8.png'/></div>
</section>
</div>
</div>
Change the url of the image / logo in it
INFORMATION 2
<div class='box-wrapper8'>INFORMATION:
<div class='box-list'>
<li id='des'><span>Professionally designed themes</span></li>
<li><i class='fa fa-building'/>
<span>Choose from professionally designed themes</span></li>
<li><i class='fas fa-plane-departure'/>
<span>Themes that work across all devices</span></li>
<li><i class='fas fa-taxi'/>
<span>From professionally designed themes that work across</span></li>
</div>
</div>
Adjust it
CONTAC FOOTER
<p>INFORMATION:
Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.
</p>
<ul class="footer-contact">
<li><i class="fas fa-map"></i>Sulawesi Utara, Manado 95111</li>
<li><i class="fas fa-phone"></i>+62-812-4110-5658</li>
<li><i class="far fa-envelope"></i>travel@goomsite.net</li></ul>
<br/>
<ul class="payicon">
<li>We Accept</li>
<li><img src="https://goomsite.github.io/img/pay.png" alt="" /></li>
<li><img src="https://goomsite.github.io/img/pay2.png" alt="" /></li>
<li><img src="https://goomsite.github.io/img/pay3.png" alt="" /></li>
<li><img src="https://goomsite.github.io/img/pay4.png" alt="" /></li>
<li><img src="https://goomsite.github.io/img/pay5.png" alt="" /></li>
<li><img src="https://goomsite.github.io/img/pay6.png" alt="" /></li>
</ul>
Adjust it
RECENT FOOTER
<script src="/feeds/posts/default?max-results=5&alt=json-in-script&callback=recentpostslist"></script>INFORMATION:Number 5 is the number of posts displayed
SUBSCRIBE FOOTER
INFORMATION:Click the Subscribe Widget in Layout so Subscribe will automatically appear in the footer
SOCIAL FOOTER
<div class='credit_media'>INFORMATION:
<a class='facebookBtn icon_media' href='#' rel='nofollow' target='_blank' title='Facebook'><i class='fab fa-facebook-f'></i></a>
<a class='twitterBtn icon_media' href='#' rel='nofollow' target='_blank' title='Twitter'><i class='fab fa-twitter'></i></a>
<a class='googleplusBtn icon_media' href='#' rel='nofollow' target='_blank' title='Google +'><i class='fab fa-google'></i></a>
<a class='instagramBtn icon_media' href='#' rel='nofollow' target='_blank' title='instagram'><i class='fab fa-instagram'></i></a>
</div>
Replace with a social media profile link
SETTLEMENT OF ARTICLE PARTS
POST TIME LINE
<ul class="post-timeline">INFORMATION:
<li>
<time class="post-time" datetime="09:30">30 min09:30
</time>
<div class="line-icon">
1
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTy-b2H1wTLah1pGT95ohFPi6jBhvDLdppmKvWJ83djcI0hZY6Y8tjvfNXGeX-qJWghMBQDbs17MPKZ-_Mh0EIAoXKXmHMlXrrn99o9kOndgGskZt49IrNxsojYFpWoumb5uwhz6lLxfLG/s1600/1.jpg" />
</div>
<h4>
Augue invidunt has</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
<li>
<time class="post-time" datetime="11:30">2 hours11:30
</time>
<div class="line-icon">
2
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizHUfw4hWhljTuHawmfSINyUr_QYIsg0jlR0zlfogZJu0liRr6Go3uCGj0ba6qY5S9iAfcX4_l7OdKYcx1Ld6EwD2woygV_1wEH_B93pruEgBJ5Zt927ErDV0FnQTsn-pyE25LDYmkVkpW/s1600/2.jpg" />
</div>
<h4>
An eirmod doctus admodum</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
<li>
<time class="post-time" datetime="13:30">1 hour13:30
</time>
<div class="line-icon">
3
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYzDTY-2Rm7lUH1nq0LqcNHMBkJdU20ymPzAS28ZXxbsirau220kpMpJlAFHGExkbUXqlDhT9hYY4bY7wvzSnXujJSR62WUdN6WPYV5HL8CQ35IFC5QEubuKPJmKgHjnCaJJCf5DoqZ32p/s1600/3.jpg" />
</div>
<h4>
Eos aeque fuisset</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
<li>
<time class="post-time" datetime="14:30">2 hours14:30
</time>
<div class="line-icon">
4
</div>
<div class="line-label">
<div class="post-hidden">
<img alt="" class="line-img thumb_visit" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdIvzGPQrFCt5pBu1c0Fa6HyNJVGmlqSl7P2NAqLWHUQByPBAyWVQmHYon2lAhPqIEr4juu5ZsyR9VB6qlCkZxmJgNnv8wPZc98CgycB46yww7cxDc6cvXQuUATITv5Q_m2xH7kdVF-QFE/s1600/4.jpg" />
</div>
<h4>
No affert timeam mea</h4>
Vero consequat cotidieque ad eam. Ea duis errem qui, impedit blandit sed eu. Ius diam vivendo ne.
</div>
</li>
</ul>
Adjust it
SIDEBAR PRICE
<div id="box-price">INFORMATION:
<div id="travel-price">
<h2>
Price</h2>
<div class="price">
<h3>
$578</h3>
</div>
Price
For this widget, place it on the post html page instead of compose it
SIDEBAR INFO
<div class="box-code"><h3 class="box-code-title">Get a Question?</h3><div class="box-code-content"><p>Do not hesitage to give us a call. We are an expert team and we are happy to talk to you.</p><p><i class="fa fa-phone"></i> <span>+62-8124-1105-658</span></p><p><i class="fa fa-envelope-o" style="font-size: 17px ;color: #ffcf2a ;margin-right: 10px ;"></i> <span style="font-size: 14px; color: #fff; font-weight: 600;">travel@goomsite.net</span></p></div></div>INFORMATION:
</div>
Adjust it
SIDEBAR Facilities Services
<div class="devider-rooms-detail">INFORMATION:
<li><i class="far fa-check-square"></i> Double Bed</li>
<li><i class="far fa-check-square"></i> Privacy Beach</li>
<li><i class="far fa-check-square"></i> Breakfast Include</li>
<li><i class="far fa-check-square"></i> Private Balcony</li>
<li><i class="far fa-check-square"></i> Free Wi-Fi</li>
<li><i class="far fa-check-square"></i> 4 Persons</li>
</div>
Adjust it
SIDEBAR GOOGLE FORM
<div class="dataform">INFORMATION:
<span style="font-size: large;">
Professionally designed themes that work across all devices</span>.
<iframe id="iframe_uexxnchh" name="iframe_uexxnchh" onload="if(typeof sent_uexxnchh!='undefined'){window.location='http://success.goomsite.net/';}"></iframe>
<br />
<form action="https://docs.google.com/forms/d/1-4lcPqtCKo014Um6VTNKVNZf5drjFQ99dBpJ8PVhi9w/formResponse" id="ss-form" method="POST" onsubmit="sent_uexxnchh=true" target="iframe_uexxnchh">
<div class="styled-input">
<div class="styled-input-in">
<label>Name<span style="color:#ffcf2a;">*</span></label>
<input aria-label="Name" dir="auto" id="i.desc.1273213442" name="entry.1737440414" required="required" type="text" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<div class="styled-input">
<div class="styled-input-in">
<label>Email <span style="color:#ffcf2a;">*</span></label>
<input aria-label="email" dir="auto" id="i.desc.1349265833" name="entry.25388406" required="required" type="Email" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<div class="styled-input">
<div class="styled-input-in">
<label>Address <span style="color:#ffcf2a;">*</span></label>
<input aria-label="Address" dir="auto" id="i.desc.1332511248" name="entry.1063412485" required="required" type="Address" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<div class="styled-input">
<div class="styled-input-in">
<label>Phone<span style="color:#ffcf2a;">*</span></label>
<input aria-label="Phone" dir="auto" id="i.desc.6180708" name="entry.955621245" required="required" type="Phone" value="" />
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<div class="styled-input wide">
<div class="styled-input-in">
<label>Message</label>
<textarea aria-label="Message" aria-required="true" cols="0" dir="auto" id="i.desc.186491945" name="entry.1213061265" required="required" rows="8"></textarea>
<span class="span1"></span><span class="span2"></span>
</div>
</div>
<input name="draftResponse" type="hidden" value="[,,"5551902092149518152"]" />
<input name="pageHistory" type="hidden" value="0" />
<input name="fbzx" type="hidden" value="5551902092149518152" />
<button class="btn btn-default" name="submit" type="submit">Submit</button>
</form>
</div>
Google Form, For how to see here https://doc.goomsite.net/2017/11/google-forms-contact.html
SHORTCODE
DROPCAP
<div class='dropcap'>D</div>QOUTE
<blockquote class="tr_bq">
Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</blockquote>
ACCORDING
<div class="accordion">
<input id="toggle1" type="radio" class="accordion-toggle" name="toggle" />
<label for="toggle1">Accordion 1</label>
<section>
<p>
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
</p>
<p>
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
</p>
</section>
</div>
<div class="accordion">
<input id="toggle2" type="radio" class="accordion-toggle" name="toggle" />
<label for="toggle2">Accordion 2</label>
<section>
<p>
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
</p>
<p>
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
</p>
</section>
</div>
<div class="accordion">
<input id="toggle3" type="radio" class="accordion-toggle" name="toggle" />
<label for="toggle3">Accordion 3</label>
<section>
<p>
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
</p>
<p>
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
</p>
</section>
</div>
<div class="accordion">
<input id="toggle4" type="radio" class="accordion-toggle" name="toggle" />
<label for="toggle4">Accordion 4</label>
<section>
<p>
Bacon ipsum dolor sit amet beef venison beef ribs kielbasa. Sausage pig leberkas, t-bone sirloin shoulder bresaola. Frankfurter rump porchetta ham. Pork belly prosciutto brisket meatloaf short ribs.
</p>
<p>
Brisket meatball turkey short loin boudin leberkas meatloaf chuck andouille pork loin pastrami spare ribs pancetta rump. Frankfurter corned beef beef tenderloin short loin meatloaf swine ground round venison.
</p>
</section>
</div>
MESSAGE BOX
<div class="box info">
<div class="box-inner-block">
<span class="dropbox"><br /></span>
<i class="fa shortcode-boxicon"></i>
<span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
</div>
</div>
<div class="box warning ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
<span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
</div>
</div>
<div class="box error ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
<span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
</div>
</div>
<div class="box download ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
<span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
</div>
</div>
<div class="box note ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
<span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.
</div>
</div>
<div class="box shadow ">
<div class="box-inner-block">
<i class="fa shortcode-boxicon"></i>
<span class="dropbox">S</span>uscipit sed at montes at tellus. Aliquam nisl penatibus commodo massa mi rutrum, ut massa mollis dolor dui at, tortor ullamcorper vel diam pretium sit leo, pellentesque in leo eu mauris mollis aliquam, ultricies adipiscing eu a dui sollicitudin posuere. Massa vivamus ac ipsum, pede enim quam sit, mus aliquam amet pede quis laboriosam.</div>
</div>
BUTTON
<a class="shortc-button small red " href="/">Small</a>
<a class="shortc-button small orange " href="/">Small</a>
<a class="shortc-button small blue " href="/">Small</a>
<a class="shortc-button small green " href="/">Small</a>
<a class="shortc-button small black " href="/">Small</a>
<a class="shortc-button small gray " href="/">Small</a>
<a class="shortc-button small white " href="/">Small</a>
<a class="shortc-button small pink " href="/">Small</a>
<a class="shortc-button small purple " href="/">Small</a>
<a class="shortc-button medium red " href="/">Medium</a>
<a class="shortc-button medium orange " href="/">Medium</a>
<a class="shortc-button medium blue " href="/">Medium</a>
<a class="shortc-button medium green " href="/">Medium</a>
<a class="shortc-button medium black " href="/">Medium</a>
<a class="shortc-button medium gray " href="/">Medium</a>
<a class="shortc-button medium white " href="/">Medium</a>
<a class="shortc-button medium pink " href="/">Medium</a>
<a class="shortc-button medium purple " href="/">Medium</a>
<a class="shortc-button big red " href="/">Large</a>
<a class="shortc-button big orange " href="/">Large</a>
<a class="shortc-button big blue " href="/">Large</a>
<a class="shortc-button big green " href="/">Large</a>
<a class="shortc-button big black " href="/">Large</a>
<a class="shortc-button big gray " href="/">Large</a>
<a class="shortc-button big white " href="/">Large</a>
<a class="shortc-button big pink " href="/">Large</a>
<a class="shortc-button big purple " href="/">Large</a>
TWO COLUM
<div class="box-art">
<div class="box-article">
Maecenas condimentum fermentum tempus. Praesent et nibh sit amet risus mollis iaculis nec vel metus. Pellentesque lobortis dolor et enim hendrerit varius. Curabitur aliquam augue vitae elit semper iaculis. Maecenas ut feugiat dui. Aliquam vestibulum sed turpis et molestie. Praesent blandit, elit ac hendrerit vehicula, lorem libero feugiat nunc, vitae auctor est ante id sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed vitae ligula quis lorem dictum mollis.
</div>
<div class="box-article">
Vestibulum hendrerit bibendum velit, ac convallis elit vehicula eget. Donec blandit risus at hendrerit malesuada. Nullam efficitur fermentum libero, a volutpat metus sagittis ut. Ut rhoncus mauris vel pretium pretium. Sed non tempus justo, at volutpat orci. Quisque tristique neque eget erat varius, id interdum purus scelerisque. Nullam nunc ipsum, ullamcorper et ante quis, dapibus dapibus dolor. Nulla eget velit interdum, gravida ex blandit, commodo est. Fusce imperdiet dui sagittis tellus posuere aliquam. Aliquam erat volutpat.
</div>
</div>
























