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
PIGNATIONS
<!-- Search -->INFORMATION:
<div class='pignation-search'>
<div class='container'>
<div class='pignation-box'>
<form action='/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get'>
<meta content='/search?q={q}' itemprop='target'/>
<div class='pignation-title'>
<h6>Find Your</h6>
<h5>Destination</h5>
</div>
<div class='pignation-form'>
<div class='pignation-hol pignation-web'>
<label class='pignation-tag'>When</label>
<div class='pignation-icon'>
<select class='pignation-drown' name='month'>
<option value=''>Month</option>
<option value='1'>January</option>
<option value='2'>February</option>
<option value='3'>March</option>
<option value='4'>April</option>
<option value='5'>May</option>
<option value='6'>June</option>
<option value='7'>July</option>
<option value='8'>August</option>
<option value='9'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</select>
<span class='pignation-ico'>
<i class='far fa-calendar-alt'/>
</span>
</div>
</div>
<div class='pignation-hol pignation-web'>
<label class='pignation-tag'>Where</label>
<div class='pignation-icon'>
<input class='pignation-des' name='destination' placeholder='Destination' type='text' value=''/>
<span class='pignation-ico'>
<i class='fas fa-globe'/>
</span>
</div>
</div>
<div class='pignation-hol pignation-web'>
<label class='pignation-tag'>What</label>
<div class='pignation-icon'>
<select class='pignation-drown' name='type[]'>
<option value=''>Type</option>
<option value='air-rides'>Air Rides</option>
<option value='beaches'>Beaches</option>
<option value='budget-friendly'>Budget Friendly</option>
<option value='city-sightseeing'>City Sightseeing</option>
<option value='cruises'>Cruises</option>
<option value='eastern-world'>Eastern World</option>
<option value='escorted-tours'>Escorted tours</option>
<option value='group-tours'>Group Tours</option>
<option value='hiking-adventures'>Hiking Adventures</option>
<option value='historical-buildings'>Historical Buildings</option>
<option value='meals-included'>Meals Included</option>
<option value='museum-tours'>Museum Tours</option>
<option value='recommended'>Recommended</option>
<option value='romantic'>Romantic</option>
<option value='volcano-adventures'>Volcano Adventures</option>
</select>
<span class='pignation-ico'>
<i class='fas fa-rocket'/>
</span>
</div>
</div>
<div class='pignation-hol pignation-gold pignation-web'>
<input class='pignation-btn pignation-btn-small pignation-btn-solid pignation-btn-hover-solid' name='mkdf_tours_search_submit' type='submit' value='Search'/> </div>
</div>
</form>
</div>
</div>
</div>
<!-- Search -->
Replace with article labels
INFORMATIONS
<div class='box-wrapper1'>INFORMATION:
<div class='container'>
<!-- Information 1 -->
<div class='box-info'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEip06681gnCZuv-mpPKPiNm2mqKuBvmH5IXcbfHq6DkRJvhHlaRyAReEbMsNckce6U-_5kM5IOx0ZBTPfECxRCVBR2XUtNHm1UGPoSFf7Eh-MmY5InyvRz678-wXq3EcoQqx_fgu9r90Fxh/s1600/icon1.png'/>
<hr/>
<h1>Diverse Destinations</h1>
<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
</div>
<!-- Information End 1 -->
<!-- Information 2 -->
<div class='box-info'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4ArTKeMw9nOoQjdKzAWipNv2WJmeQjEtOjZFL0fBCw2pkKH4wll2Q9_V18LY5a3J2Li6osqS3vs7vO2oOyfUiPrlPGPKSh-eS0_kFej65t-bJA057uRKBMpjG-E8biprVb_RQkYfKymG7/s1600/icon2.png'/>
<hr/>
<h1>Value for Money</h1>
<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
</div>
<!-- Information End 2 -->
<!-- Information 3 -->
<div class='box-info'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijZ6JssrrfRhNCvCvYx_F-6MnReJ49bVygZHyGO4gayBMhZiER-jjf0mzbY9QQhGg0K3h-GFYNcgjDq2tjnW9vN89uRnyFK2xI-imGxeZRLfF7ItLz6etB_0mdvEKHZ-oAP4JC3uQmNklc/s1600/icon3.png'/>
<hr/>
<h1>Beautiful Places</h1>
<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
</div>
<!-- Information End 3 -->
<!-- Information 4 -->
<div class='box-info'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixoQjQyH7hf-sFGg1zSiLQXwzZf0Et9VjJR6tykeRSsD8K7_Ky3bjQa6JtHPgKh6I2hOrocNG8KuF4sAGWa0SLWTQhtxywYUwv6-xT54ZEdj1hd5VKHG-UHeFmKJdywIodHDiysXmoQrKh/s1600/icon4.png'/>
<hr/>
<h1>Passionate Travel</h1>
<p>Eiusmod tempor incididunt ut labore et dolore magna lorem ipsum dolor sit amet.</p>
</div>
<!-- Information End 4 -->
</div>
</div>
Information Image / Logo
Title of information
Description of information
DESTINATIONS
<div class='box-gallery'>INFORMATION:
<div class='box-text'>
<h2>Choose Your Destinations</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>
<!-- Tours -->
<div class='tours-box'>
<!-- Tours Item 1 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHZIpoVs0HPru3vM4E2OveGHE_7PChIHE1U7NN0JI2kwXoMgviiNYTHzOJF9icQm2EorXCh-EbnPHnwCPjOVqhHb1GdcAwelNwkp5ad9w48tUA-ok1dXlUXdAPGht74pGZBvb8UBTWV2tY/s1600/cov1.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $80</div>
<div class='info-temp'><span>local temperature</span> 30° / 86°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>United arab emirates</span> Dubai</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 1 -->
<!-- Tours Item 2 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRWywRdV9xqikJH28Mo-SrbQZ77ICuZvowy0QV67QdmkdGvKE8_loyZG5G42OSwzd390_2piHvEDneDqbZL_9gWyCiLtx9Kd1HrP09Y27yx_ItaC_-t_sg5aUJVGo042anSQjCrx1Ku1x1/s1600/cov2.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $100</div>
<div class='info-temp'><span>local temperature</span> 23° / 73.4°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>United kingdom</span> London</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 2 -->
<!-- Tours Item 3 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie20QFp2gHD2MWUXjWrCjnsP06iDFeOh0f2yBSoYMUiMf84EejjcfgP24FYTRO9ilo5RaJjD2lcvKjAgzJHdTraX3PYMNEURDl-fQdW72GJbZWfvvQwcvJrAuC0qClkGKYZkaLs7dOwxR5/s1600/cov3.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $120</div>
<div class='info-temp'><span>local temperature</span> 34° / 93.2°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>Australia ans oceania</span> Sydney</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 3 -->
<!-- Tours Item 4 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihcYk5UHncHyxFYSSAyiNsko8XZX39hmUC7W0Q7CQgLBaPAxZL-Z19Adz2OaWp50TC1fKvMhO5INCifOMxuqabWxZr4GLoSO6LMqIS6mbRM3cQlvGL-JAqQdjiOg9YY2bgudKXkBiy3GS6/s1600/cov4.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $105</div>
<div class='info-temp'><span>local temperature</span> 39° / 102.2°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>Brazil</span> Rio de janeiro</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 4 -->
<!-- Tours Item 5 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAmzkDVio3dHjRHDyT2i97BNrfRfNqXx4GhZnZ_-qL3q6B7UVey0WNzqzaDJ7tVFKegOgB3d9s949RsvpmXpWpnaBQRTQvKXIzwMnxRoOv2j44xC8cZyQjNlujNTqqpIq4TpQNPsmPLk_G/s1600/cov5.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $110</div>
<div class='info-temp'><span>local temperature</span> 35° / 95°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>Maldives</span> Male</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 5 -->
<!-- Tours Item 6 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeCSm_lJ5qwBfCPe9-M6SaTJISAk_vn_af0r7pZBtYrRewpptXGdniTlLCgYwUrleJoUc3hNOgv36yHL34ryk6EP4-00V0cKTvLK3oACxc3_3W84KexcvNB_Z5oMmlAfa0T-EHFELGM2DO/s1600/cov6.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $85</div>
<div class='info-temp'><span>local temperature</span> 30° / 86°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>Turkey</span> Istanbul</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 6 -->
<!-- Tours Item 7 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTtCL_ushSJrBDhVC1Y0QDCxfZvdcLx3vHYcnSBtksz0mFJOi_ko5MeAzvxsEIvu0T4DVL2xSISUU3fgI6gBtyrFCuc7T7g5zPoaSJ-nT9ybMFAX2JGPhq1bo1foNczlrpG1Ur0jW1VCqo/s1600/cov7.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $75</div>
<div class='info-temp'><span>local temperature</span> 25° / 77°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>Austria</span> Vienna</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 7 -->
<!-- Tours Item 8 -->
<div class='tours-item'>
<div class='features-media'>
<img alt='offers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvL01JHdkPEIjKrMuA_0hmbc69Pf-F93_dlYmJNsatMjnn8xW_MzxgkRylv0u1xCIP4-fVVPqe8mHEAZDum1Vq_sFHmPkn-bwmISoDQJ02k0JWyffp9YjTesrhDnWbGLM6gYEK7cClh8ny/s1600/cov8.jpg'/>
<div class='features-info-top'>
<div class='info-price'><span>start per night</span> $115</div>
<div class='info-temp'><span>local temperature</span> 22° / 71.6°</div>
<p class='info-text'>Etiam malesuada lectus tempor, ultricies lectus in, convallis massa.</p>
</div>
<div class='features-info-bot'>
<h4 class='title'><span>Italy</span> Venice</h4>
<a class='button btn btn-theme-alt' href='#'>Details</a>
</div>
</div>
</div>
<!-- Tours Item End 8 -->
</div>
<!-- Tours End -->
</div>
Title of information
Icon FontAwetsome
Description of information
Destination Image
Price Title
Price
Local temperatur
Celcius
Description of destination
Cuntries
City
Url/Link Details
RECENT DESTINATIONS
<div class='box-wrapper2'>INFORMATION:
<div class='container'>
<div class='box-text'>
<h2>Our Recent Snaps</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>
<div class='box-summary'>
<h3><span>Honeymoon Package</span> 7 Days / 6 Nights</h3>
<div class='star_rating'>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='far fa-star'/>
</div>
<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>
<div class='box-summary'>
<h3><span>Honeymoon Package</span> 7 Days / 6 Nights</h3>
<div class='star_rating'>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='far fa-star'/>
</div>
<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>
<div class='box-summary'>
<h3><span>Honeymoon Package</span> 7 Days / 6 Nights</h3>
<div class='star_rating'>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='far fa-star'/>
</div>
<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 -->
<!-- Box Content 4 -->
<div class='box-content'>
<div class='box-img'>
<img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSD2tI3maLTWChm07rPbpr87KVl6dYKAoklfXxSioq3-cVac17sbVutYBsG_UGVwFhPP4ifzWu74qowfmN636yMhzV9_xtVEWGXeu-E8u0FDmYHbIBi8ESKa2yhBfY0NagM5rFfzVXEnGK/s1600/bg4.jpg'/>
</div>
<div class='box-summary'>
<h3><span>Honeymoon Package</span> 7 Days / 6 Nights</h3>
<div class='star_rating'>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='fas fa-star'/>
<i class='far fa-star'/>
</div>
<p>lorem ipsum simplelorem ipsum simplelorem ipsum simplelorem ipsum simple</p>
<a class='link-btn' href='#'>more info</a> </div>
</div>
<!-- Box Content End 4 -->
</div>
</div>
Icon FontAwetsome
Url Image
TitleTime
Descriptions
Url/Link Details
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
INFORMATION & GOOGLE FORM
<div class='box-wrapper4'>INFORMATION:
<div class='centenbox2'>
<h2>Take the taste of life</h2>
<ul class='features-list'>
<li><i class='fa fa-road'/>
<span>Professionally designed themes that work across all devices. Our real estate website designs</span></li>
<li><i class='fa fa-building'/>
<span>Choose from professionally designed themes that work across all devices. Our real estate website designs</span></li>
<li><i class='fas fa-house-damage'/>
<span>Themes that work across all devices. Our real estate website designs</span></li>
<li><i class='fas fa-taxi'/>
<span>From professionally designed themes that work across all devices. Our real estate website designs</span></li>
<li><i class='fab fa-fly'/>
<span>Designed themes that work across all devices. Our real estate website designs</span></li>
</ul>
</div>
<div class='dataform'>
<h2>Travel Form</h2>
<iframe id='iframe_uexxnchh' name='iframe_uexxnchh' onload='if(typeof sent_uexxnchh!='undefined'){window.location='http://success.goomsite.net/';}'/>
<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:#fff939'>*</span></label>
<input aria-label='Name' dir='auto' id='i.desc.1273213442' name='entry.1737440414' required='required' type='text' value=''/>
<span class='span1'/><span class='span2'/>
</div>
</div>
<div class='styled-input'>
<div class='styled-input-in'>
<label>Email <span style='color:#fff939'>*</span></label>
<input aria-label='email' dir='auto' id='i.desc.1349265833' name='entry.25388406' required='required' type='Email' value=''/>
<span class='span1'/><span class='span2'/>
</div>
</div>
<div class='styled-input'>
<div class='styled-input-in'>
<label>Phone <span style='color:#fff939'>*</span></label>
<input aria-label='Phone' dir='auto' id='i.desc.6180708' name='entry.955621245' required='required' type='Phone' value=''/>
<span class='span1'/><span class='span2'/>
</div>
</div>
<div class='styled-input wide'>
<div class='styled-input-in'>
<label>Comment</label>
<textarea aria-label='Comment' aria-required='true' cols='0' dir='auto' id='i.desc.186491945' name='entry.1213061265' required='required' rows='8'/>
<span class='span1'/><span class='span2'/>
</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>
</div>
Adjust it
Google Form, For how to see here https://doc.goomsite.net/2017/11/google-forms-contact.html
TESTIMONIALS
<div class='box-wrapper5'>INFORMATION:
<div class='container'>
<div class='box-text'>
<h2>Our Testimonials</h2>
<div class='box-icon'><i class='fas fa-users'/></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 class='testimonial-slider'>
<!-- Testimony 1 -->
<figure class='testimony'>
<i class='fa fa-quote-right'/>
<blockquote>
That's the problem with nature, something's always stinging you or oozing mucous all over you. Let's go and watch TV.</blockquote>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtPLfGdrfhXFv-rK-d5CTa2MgLEQff9julCcvq5VQTZO_zCtD930zVGOlNDdD9VSjUMsfET14iUDZwTFdd_RavgP-fwNEp_M9w7hkPP4IVhYpc6QV8NDpjn5lkiTBxVS8SS_leKQdfH6id/s1600/team-1.jpg'/>
<div class='author'>
<h5>Jhon<span>Traveler</span></h5>
</div>
</figure>
<!-- Testimony end 1 -->
<!-- Testimony 2 -->
<figure class='testimony'>
<i class='fa fa-quote-right'/>
<blockquote>That's the problem with nature, something's always stinging you or oozing mucous all over you. Let's go and watch TV.</blockquote>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBH-MUJevBYABKtYS8vAYMInk8MV0vL20vyxTR2Nl6EiukDoZKACznjSfBWkPqawXUP-gky9anPuO4vi7f6mHZeJ6-pSrTa684XaMfVpsTEwW2XrB0iwYydAg6asBstizjPxH9_uweO5PM/s1600/team-2.jpg'/>
<div class='author'>
<h5>Stevan<span>Traveler</span></h5>
</div>
</figure>
<!-- Testimony end 2 -->
<!-- Testimony 3 -->
<figure class='testimony'>
<i class='fa fa-quote-right'/>
<blockquote>That's the problem with nature, something's always stinging you or oozing mucous all over you. Let's go and watch TV.</blockquote>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0rBFW83XKCb6uArMnhKU9FpXMnTOBzhdoECSTtycJOuO7LRxhJDzeNB9pg2y8-gwB_lIRVpl19y__OXkGiECOZNM7T6-KBxLLRnWPxXJq5aN_Zao8t9XXpth2vCZ7ll37pf8MIirhjhKu/s1600/team-3.jpg'/>
<div class='author'>
<h5>William<span>Traveler</span></h5>
</div>
</figure>
<!-- Testimony end 3 -->
<!-- Testimony 4 -->
<figure class='testimony'>
<i class='fa fa-quote-right'/>
<blockquote>That's the problem with nature, something's always stinging you or oozing mucous all over you. Let's go and watch TV.</blockquote>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMsXuL21596yoInIXfi_8EF7pA06jPmIO6dc7Fh3Hj1vvjiCOxagfhmqyUoOTnbk0_0lG0T6LeUr2KgDrSYinmiwuFmaWOdDuv6VTJ81bYy8p5I7dgkxv40iRYSGzh3J1zLXePghEdMq7v/s1600/team-4.jpg'/>
<div class='author'>
<h5>Robby<span>Traveler</span></h5>
</div>
</figure>
<!-- Testimony end 4 -->
<!-- Testimony 5 -->
<figure class='testimony'>
<i class='fa fa-quote-right'/>
<blockquote>That's the problem with nature, something's always stinging you or oozing mucous all over you. Let's go and watch TV.</blockquote>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyKQ27sSJZv2fc1L7Bnqdwhyphenhyphenlh_2jsfioAdfHWuxzBjxxpKarTmXVyopGFugTgeJX8OuvNtVd5jif72to2VhhroHyRIms2bX43CqoeyU_RkmvQlBvrMXzge4r-IlzEqRpIOi8shDBHyXGG/s1600/team-5.jpg'/>
<div class='author'>
<h5>Stevany<span>Traveler</span></h5>
</div>
</figure>
<!-- Testimony end 5 -->
</div>
</div>
</div>
Icon FontAwetsom
Url Profil
Description of Testimonials
Name
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
COMMENT DISQUS
// CommentsINFORMATION:
function toggleVisibility(e){visibleDivId=visibleDivId===e?null:e,hideNonVisibleDivs()}function hideNonVisibleDivs(){var e,i,s;for(e=0;e<divs.length;e++)i=divs[e],s=document.getElementById(i),visibleDivId===i?s.style.display="block":s.style.display="none"}var disqus_shortname="azzam-1",disqus_url=disqus_blogger_current_url;!function(){"use strict";var e=function(){var e=document.getElementById("comments");return e||(e=document.getElementById("disqus-blogger-comment-block")),e},i=e();if(i){var s=document.createElement("div");s.id="disqus_thread",i.innerHTML="",i.appendChild(s),i.style.display="block";var n=document.createElement("script");n.async=!0,n.src="//"+disqus_shortname+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.body).appendChild(n)}}();var divs=["blogger-box","disqus-bo
Replace Shortname azzam-1 with your Disqus shortname
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>




























