Server : Apache/2.4.52 (Ubuntu) System : Linux webserver 6.8.0-49-generic #49~22.04.1-Ubuntu SMP PREEMPT_DYNAMIC Wed Nov 6 17:42:15 UTC 2 x86_64 User : www-data ( 33) PHP Version : 8.1.2-1ubuntu2.21 Disable Function : NONE Directory : /var/www/aaronmain/ |
<!DOCTYPE html>
<html style="font-size: 16px;" lang="en"><head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="keywords" content="Adventure travel, Our Travel Agency is all about storytelling and experience, Expeditions, Walking, Hiking and Trekking Tours, We promote running, walking, and other related activities">
<meta name="description" content="">
<title>Home</title>
<link rel="stylesheet" href="nicepage.css" media="screen">
<link rel="stylesheet" href="Home.css" media="screen">
<script class="u-script" type="text/javascript" src="jquery.js" defer=""></script>
<script class="u-script" type="text/javascript" src="nicepage.js" defer=""></script>
<meta name="generator" content="Nicepage 6.7.6, nicepage.com">
<meta name="referrer" content="origin">
<link id="u-theme-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i">
<link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i">
<script type="application/ld+json">{
"@context": "http://schema.org",
"@type": "Organization",
"name": "",
"logo": "images/Aaron-Main.png"
}</script>
<meta name="theme-color" content="#6689db">
<meta property="og:title" content="Home">
<meta property="og:type" content="website">
<meta data-intl-tel-input-cdn-path="intlTelInput/"></head>
<body data-path-to-root="./" data-include-products="false" class="u-body u-xl-mode" data-lang="en"><header class="u-clearfix u-header u-header" id="sec-257e"><div class="u-clearfix u-sheet u-sheet-1">
<nav class="u-menu u-menu-hamburger u-offcanvas u-menu-1" data-responsive-from="XL">
<div class="menu-collapse" style="font-size: 1rem; letter-spacing: 0px; font-weight: 700;">
<a class="u-button-style u-custom-border u-custom-border-color u-custom-borders u-custom-left-right-menu-spacing u-custom-padding-bottom u-custom-text-color u-custom-text-hover-color u-custom-top-bottom-menu-spacing u-nav-link u-text-active-palette-1-base u-text-hover-palette-2-base" href="#">
<svg class="u-svg-link" viewBox="0 0 24 24"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#menu-hamburger"></use></svg>
<svg class="u-svg-content" version="1.1" id="menu-hamburger" viewBox="0 0 16 16" x="0px" y="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg"><g><rect y="1" width="16" height="2"></rect><rect y="7" width="16" height="2"></rect><rect y="13" width="16" height="2"></rect>
</g></svg>
</a>
</div>
<div class="u-nav-container">
<ul class="u-nav u-spacing-20 u-unstyled u-nav-1"><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-90 u-text-hover-palette-1-base" href="Home.html" style="padding: 10px;">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-90 u-text-hover-palette-1-base" href="About.html" style="padding: 10px;">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link u-text-active-palette-1-base u-text-grey-90 u-text-hover-palette-1-base" href="Contact.html" style="padding: 10px;">Contact</a>
</li></ul>
</div>
<div class="u-nav-container-collapse">
<div class="u-black u-container-style u-inner-container-layout u-opacity u-opacity-95 u-sidenav">
<div class="u-inner-container-layout u-sidenav-overflow">
<div class="u-menu-close"></div>
<ul class="u-align-center u-nav u-popupmenu-items u-unstyled u-nav-2"><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Home.html">Home</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="About.html">About</a>
</li><li class="u-nav-item"><a class="u-button-style u-nav-link" href="Contact.html">Contact</a>
</li></ul>
</div>
</div>
<div class="u-black u-menu-overlay u-opacity u-opacity-70"></div>
</div>
</nav>
<a href="https://nicepage.com/html-website-builder" class="u-image u-logo u-image-1" data-image-width="600" data-image-height="300">
<img src="images/Aaron-Main.png" class="u-logo-image u-logo-image-1">
</a>
</div></header>
<section class="u-clearfix u-section-1" id="carousel_03a5">
<div class="u-clearfix u-sheet u-sheet-1">
<div class="custom-expanded u-shape u-shape-svg u-text-palette-1-base u-shape-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<svg class="u-svg-link" preserveAspectRatio="none" viewBox="0 0 160 150" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-af5b"></use></svg>
<svg class="u-svg-content" viewBox="0 0 160 150" x="0px" y="0px" id="svg-af5b"><path d="M43.2,126.9c14.2,1.3,27.6,7,39.1,15.6c8.3,6.1,19.4,10.3,32.7,5.3c11.7-4.4,18.6-17.4,21-30.2c2.6-13.3,8.1-25.9,15.7-37.1
c8.3-12.1,10.8-27.9,5.3-42.7C150.5,20.3,134.6,9,117,7.6C107.9,6.9,98.8,5,90.1,1.9C83-0.6,75-0.7,67.4,2.1
c-9.9,3.7-17,11.6-20.1,21c-3.3,10.1-10.9,18-20.6,22.2c-0.1,0-0.1,0.1-0.2,0.1c-20.3,8.9-31,32-24.6,53.2
C6.9,115.6,25.2,125.2,43.2,126.9z"></path></svg>
</div>
<div class="u-align-left u-image u-image-circle u-image-1" data-image-width="4000" data-image-height="2252" data-animation-name="flipIn" data-animation-duration="1500" data-animation-direction="X" data-animation-delay="500"></div>
<div class="u-palette-1-light-2 u-shape u-shape-circle u-shape-2" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="750"></div>
<div class="custom-expanded u-align-left u-container-align-left u-container-style u-group u-radius-20 u-shape-round u-white u-group-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="1000">
<div class="u-container-layout u-valign-middle u-container-layout-1">
<h2 class="u-align-left u-text u-text-1"> Adventure travel</h2>
<p class="u-align-left u-text u-text-2">Sample text. Click to select the text box. Click again or double click to start editing the text. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p class="u-align-left u-text u-text-grey-50 u-text-3">Image from <a href="https://www.freepik.com/photos/people" class="u-active-none u-border-1 u-border-active-grey-60 u-border-grey-75 u-border-hover-grey-60 u-border-no-left u-border-no-right u-border-no-top u-btn u-button-link u-button-style u-hover-none u-none u-text-grey-50 u-btn-1">Freepik</a>
</p>
<a href="https://nicepage.studio" class="u-active-white u-align-left u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-palette-1-base u-btn u-btn-round u-button-style u-custom-font u-font-montserrat u-hover-white u-palette-1-base u-radius-50 u-text-active-palette-1-base u-text-body-alt-color u-text-hover-palette-1-base u-btn-2" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="">read more</a>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-container-align-center u-white u-section-2" id="carousel_39fa">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-md u-valign-middle-sm u-valign-middle-xl u-sheet-1">
<h2 class="u-align-center u-text u-text-default u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="0">Our Travel Agency is all about storytelling and experience</h2>
<div class="u-expanded-width u-layout-grid u-list u-list-1">
<div class="u-repeater u-repeater-1">
<div class="u-align-center u-container-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-list-item-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-1">
<img class="u-expanded-width u-image u-image-round u-radius-20 u-image-1" src="images/34235.jpg" alt="" data-image-width="895" data-image-height="920">
<h5 class="u-align-center u-hover-feature u-text u-text-2"> Positive impact</h5>
<p class="u-align-center u-text u-text-3">Many travel companies talk about minimizing their impact. We aim to maximize ours. That's because all our trips are designed to do good.</p>
</div>
</div>
<div class="u-align-center u-container-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-list-item-2" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-2">
<img class="u-expanded-width u-image u-image-round u-radius-20 u-image-2" src="images/2342.jpg" alt="" data-image-width="895" data-image-height="920">
<h5 class="u-align-center u-hover-feature u-text u-text-4"> Small group travel </h5>
<p class="u-align-center u-text u-text-5"> Our trips are capped at 12-14 travelers, allowing us to offer behind-the-scenes experiences that simply can't be had with larger groups.</p>
</div>
</div>
<div class="u-align-center u-container-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-list-item-3" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-3">
<img class="u-expanded-width u-image u-image-round u-radius-20 u-image-3" src="images/435234.jpg" alt="" data-image-width="895" data-image-height="876">
<h5 class="u-align-center u-hover-feature u-text u-text-6"> Special access</h5>
<p class="u-align-center u-text u-text-7">Our trips are capped at 12-14 travelers, allowing us to offer behind-the-scenes experiences that simply can't be had with larger groups.</p>
</div>
</div>
<div class="u-align-center u-container-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-list-item-4" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-4">
<img class="u-expanded-width u-image u-image-round u-radius-20 u-image-4" src="images/4564.jpg" alt="" data-image-width="895" data-image-height="876">
<h5 class="u-align-center u-hover-feature u-text u-text-8"> Curious co-travelers</h5>
<p class="u-align-center u-text u-text-9"> Our travelers are curious, adventurous, and eager for the kinds of experiences that can't be found on a typical group tour.</p>
</div>
</div>
<div class="u-align-center u-container-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-list-item-5" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-5">
<img class="u-expanded-width u-image u-image-round u-radius-20 u-image-5" src="images/34534.jpg" alt="" data-image-width="740" data-image-height="876">
<h5 class="u-align-center u-hover-feature u-text u-text-10"> Places no one else goes</h5>
<p class="u-align-center u-text u-text-11"> We uncover hidden wonders where you least expect them, seeking out the most incredible places that others overlook.</p>
</div>
</div>
<div class="u-align-center u-container-align-center u-container-style u-list-item u-repeater-item u-shape-rectangle u-list-item-6" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-similar-container u-valign-top u-container-layout-6">
<img class="u-expanded-width u-image u-image-round u-radius-20 u-image-6" src="images/456654.jpg" alt="" data-image-width="1380" data-image-height="918">
<h5 class="u-align-center u-hover-feature u-text u-text-12"> Ut enim ad minim</h5>
<p class="u-align-center u-text u-text-13"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>
<p class="u-align-center u-text u-text-default u-text-14" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="1250">Images from <a href="https://www.freepik.com/" class="u-active-none u-border-1 u-border-active-palette-1-base u-border-black u-border-hover-palette-1-base u-border-no-left u-border-no-right u-border-no-top u-btn u-button-link u-button-style u-hover-none u-none u-text-active-palette-1-base u-text-body-color u-text-hover-palette-1-base u-btn-1" target="_blank">Freepik</a>
</p>
</div>
</section>
<section class="u-clearfix u-white u-section-3" id="sec-6dd8">
<div class="u-clearfix u-sheet u-valign-middle u-sheet-1">
<div class="u-shape u-shape-svg u-text-palette-1-base u-shape-1" data-animation-name="flipIn" data-animation-duration="1500" data-animation-direction="X" data-animation-delay="750">
<svg class="u-svg-link" preserveAspectRatio="none" viewBox="0 0 160 150" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-40dc"></use></svg>
<svg class="u-svg-content" viewBox="0 0 160 150" x="0px" y="0px" id="svg-40dc"><path d="M43.2,126.9c14.2,1.3,27.6,7,39.1,15.6c8.3,6.1,19.4,10.3,32.7,5.3c11.7-4.4,18.6-17.4,21-30.2c2.6-13.3,8.1-25.9,15.7-37.1
c8.3-12.1,10.8-27.9,5.3-42.7C150.5,20.3,134.6,9,117,7.6C107.9,6.9,98.8,5,90.1,1.9C83-0.6,75-0.7,67.4,2.1
c-9.9,3.7-17,11.6-20.1,21c-3.3,10.1-10.9,18-20.6,22.2c-0.1,0-0.1,0.1-0.2,0.1c-20.3,8.9-31,32-24.6,53.2
C6.9,115.6,25.2,125.2,43.2,126.9z"></path></svg>
</div>
<img class="u-image u-image-circle u-preserve-proportions u-image-1" src="images/cherry-blossoms-spring-chureito.jpg" alt="" data-image-width="1380" data-image-height="920" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-image u-image-circle u-image-2" alt="" data-image-width="900" data-image-height="900" data-animation-name="customAnimationIn" data-animation-duration="1500"></div>
<div class="u-align-left u-container-style u-expanded-width-xs u-group u-shape-rectangle u-group-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<div class="u-container-layout u-valign-top u-container-layout-1">
<h2 class="u-align-left-xs u-text u-text-body-alt-color u-text-1"> Expeditions, Walking, Hiking and Trekking Tours </h2>
<p class="u-align-left-xs u-text u-text-body-alt-color u-text-2"> Lorem ipsum dolor sit amet, 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 ut aliquip ex ea commodo consequat. </p>
<p class="u-align-left-xs u-text u-text-body-alt-color u-text-3">Images from <a href="https://www.freepik.com/psd/sign-mockup" class="u-active-none u-border-1 u-border-no-left u-border-no-right u-border-no-top u-border-white u-bottom-left-radius-0 u-bottom-right-radius-0 u-btn u-button-link u-button-style u-hover-none u-none u-radius-0 u-text-body-alt-color u-top-left-radius-0 u-top-right-radius-0 u-btn-1">Freepik</a>
</p>
<a href="https://nicepage.app" class="u-active-palette-1-light-3 u-align-left u-border-2 u-border-active-palette-1-base u-border-hover-palette-1-base u-border-palette-1-base u-btn u-btn-round u-button-style u-custom-font u-font-montserrat u-hover-palette-1-light-3 u-radius-50 u-text-active-palette-1-base u-text-hover-palette-1-base u-text-palette-1-base u-white u-btn-2" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="">View all destinations</a>
</div>
</div>
</div>
</section>
<section class="u-align-center u-clearfix u-white u-section-4" id="carousel_6b2a">
<div class="custom-expanded u-align-center u-container-align-center u-container-style u-group u-palette-1-base u-group-1">
<div class="u-container-layout u-valign-top u-container-layout-1">
<h2 class="u-align-center u-text u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1500">We promote running, walking, and other related activities</h2>
<p class="u-align-center u-text u-text-2" data-animation-name="customAnimationIn" data-animation-duration="1500">Sample text. Click to select the text box. Click again or double click to start editing the text. Sit amet justo donec enim diam. Images from <a href="https://freepik.com/photos/nature" class="u-border-1 u-border-active-palette-3-light-2 u-border-hover-palette-3-light-2 u-border-no-left u-border-no-right u-border-no-top u-border-white u-btn u-button-link u-button-style u-none u-text-body-alt-color u-btn-1" data-animation-name="" data-animation-duration="0" data-animation-delay="0" data-animation-direction="">Freepik</a>
</p>
</div>
</div>
<div class="u-gallery u-layout-grid u-lightbox u-no-transition u-show-text-on-hover u-gallery-1">
<div class="u-gallery-inner u-gallery-inner-1">
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="1380" data-image-height="918">
<img class="u-back-image u-expanded" src="images/456654.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-1"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="1380" data-image-height="920">
<img class="u-back-image u-expanded" src="images/wooden-bridge-koh-nangyuan-islan.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-2"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="1380" data-image-height="920">
<img class="u-back-image u-expanded" src="images/colorful-majestic-waterfall-nati.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-3"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="1380" data-image-height="920">
<img class="u-back-image u-expanded" src="images/tropical-outdoor-travel-natural.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-4"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="626" data-image-height="417">
<img class="u-back-image u-expanded" src="images/beautiful-landscape-around-lake.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-5"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="740" data-image-height="1109">
<img class="u-back-image u-expanded" src="images/vertical-shot-river-surrounded-b.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-6"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="1380" data-image-height="920">
<img class="u-back-image u-expanded" src="images/6456.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-7"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="740" data-image-height="1110">
<img class="u-back-image u-expanded" src="images/vertical-shot-wooden-passage-ref.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-8"></div>
</div>
<div class="u-effect-fade u-gallery-item u-shape-rectangle">
<div class="u-back-slide" data-image-width="1380" data-image-height="918">
<img class="u-back-image u-expanded" src="images/young-woman-standing-top-rock-sunset-si-chang-island_335224-921.jpg">
</div>
<div class="u-over-slide u-shading u-over-slide-9"></div>
</div>
</div>
</div>
</section>
<section class="u-clearfix u-section-5" id="carousel_b809">
<div class="u-clearfix u-sheet u-valign-middle-lg u-valign-middle-sm u-valign-middle-xl u-valign-middle-xs u-sheet-1">
<div class="u-expanded-width-md u-expanded-width-sm u-expanded-width-xs u-shape u-shape-svg u-text-palette-1-base u-shape-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">
<svg class="u-svg-link" preserveAspectRatio="none" viewBox="0 0 160 150" style=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg-1073"></use></svg>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" xml:space="preserve" class="u-svg-content" viewBox="0 0 160 150" x="0px" y="0px" id="svg-1073"><path d="M43.2,126.9c14.2,1.3,27.6,7,39.1,15.6c8.3,6.1,19.4,10.3,32.7,5.3c11.7-4.4,18.6-17.4,21-30.2c2.6-13.3,8.1-25.9,15.7-37.1
c8.3-12.1,10.8-27.9,5.3-42.7C150.5,20.3,134.6,9,117,7.6C107.9,6.9,98.8,5,90.1,1.9C83-0.6,75-0.7,67.4,2.1
c-9.9,3.7-17,11.6-20.1,21c-3.3,10.1-10.9,18-20.6,22.2c-0.1,0-0.1,0.1-0.2,0.1c-20.3,8.9-31,32-24.6,53.2
C6.9,115.6,25.2,125.2,43.2,126.9z"></path></svg>
</div>
<div class="u-align-left u-image u-image-circle u-image-1" data-image-width="1280" data-image-height="853" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="750"></div>
<div class="u-palette-1-light-2 u-shape u-shape-circle u-shape-2" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500"></div>
<div class="u-expanded-width-xs u-form u-radius-10 u-white u-form-1">
<form action="https://forms.nicepagesrv.com/v2/form/process" class="u-clearfix u-form-spacing-15 u-form-vertical u-inner-form" source="email" name="form" style="padding: 28px;">
<div class="u-form-group u-form-name">
<label for="name-4c18" class="u-label">Name</label>
<input type="text" placeholder="Enter your Name" id="name-4c18" name="name" class="u-border-2 u-border-palette-1-light-2 u-input u-input-rectangle u-palette-1-light-3 u-radius-10" required="" wfd-id="id2046">
</div>
<div class="u-form-email u-form-group">
<label for="email-4c18" class="u-label">Email</label>
<input type="email" placeholder="Enter a valid email address" id="email-4c18" name="email" class="u-border-2 u-border-palette-1-light-2 u-input u-input-rectangle u-palette-1-light-3 u-radius-10" required="" wfd-id="id2047">
</div>
<div class="u-form-group u-form-message">
<label for="message-4c18" class="u-label">Message</label>
<textarea placeholder="Enter your message" rows="4" cols="50" id="message-4c18" name="message" class="u-border-2 u-border-palette-1-light-2 u-input u-input-rectangle u-palette-1-light-3 u-radius-10" required=""></textarea>
</div>
<div class="u-form-agree u-form-group u-form-group-4">
<label class="u-block-427b-33 u-field-label" style=""></label>
<input type="checkbox" id="agree-a472" name="agree" class="u-agree-checkbox u-field-input" required="" wfd-id="id2048">
<label for="agree-a472" class="u-block-427b-28 u-field-label" style="">I accept the <a href="#">Terms of Service</a>
</label>
</div>
<div class="u-align-right u-form-group u-form-submit">
<a href="#" class="u-active-palette-1-light-1 u-border-2 u-border-active-palette-1-light-1 u-border-hover-palette-1-light-1 u-border-palette-1-base u-btn u-btn-round u-btn-submit u-button-style u-hover-palette-1-light-1 u-palette-1-base u-radius-10 u-btn-1">Submit</a>
<input type="submit" value="submit" class="u-form-control-hidden" wfd-id="id2049">
</div>
<div class="u-form-send-message u-form-send-success"> Thank you! Your message has been sent. </div>
<div class="u-form-send-error u-form-send-message"> Unable to send your message. Please fix errors then try again. </div>
<input type="hidden" value="" name="recaptchaResponse" wfd-id="id2050">
<input type="hidden" name="formServices" value="1a0c51ba-eecb-9480-40a5-36337c9ee388">
</form>
</div>
<p class="u-align-center-xs u-text u-text-1" data-animation-name="customAnimationIn" data-animation-duration="1500" data-animation-delay="500">Image from <a href="https://www.freepik.com/photos/maldives" class="u-active-none u-border-1 u-border-active-black u-border-hover-black u-border-no-left u-border-no-right u-border-no-top u-border-palette-1-base u-btn u-button-link u-button-style u-hover-none u-none u-text-body-color u-btn-2">Freepik</a>
</p>
</div>
</section>
<footer class="u-align-center u-clearfix u-footer u-grey-80 u-footer" id="sec-3a3f"><div class="u-clearfix u-sheet u-sheet-1">
<p class="u-small-text u-text u-text-variant u-text-1">Sample text. Click to select the text box. Click again or double click to start editing the text.</p>
</div></footer>
<section class="u-backlink u-clearfix u-grey-80">
<a class="u-link" href="https://nicepage.com/templates" target="_blank">
<span>Template</span>
</a>
<p class="u-text">
<span>created with</span>
</p>
<a class="u-link" href="https://nicepage.com/html-website-builder" target="_blank">
<span>HTML Builder</span>
</a>.
</section>
</body></html>