Template source: contact.html

{% load i18n %} {% load widget_tweaks %} <!DOCTYPE html> <html lang="en" ng-app="response_angular_app"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> {% include 'meta/meta.html' %} {% for lang_code in available_languages.0 %} {% if lang_code != current_language %} <link rel="alternate" href="{{ site_domain }}/{{ lang_code }}/" hreflang="{{ lang_code }}"/> {% endif %} {% endfor %} <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-K69MP2Q');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K69MP2Q" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <base href="/"/> {% include 'stylesheets.html' %} </head> <body style="padding-top: 65px"> <div id="fb-root"></div> <script>(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId=105080416190561'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- TrustBox script --> <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script> <!-- End Trustbox script --> {% include "internal_navbar.html" %} <div class="jumbotron hidden-xs" style="height: 300px; padding-top: 10px;background-image: url('static/img/contact_banner2.jpg'); "> </div> <!-- Modal --> <div id="myModal" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">{% trans "Thank you for your message!" %}</h4> </div> <div class="modal-body"> <p>{% trans "We will get back to you within 24 hours. " %}</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="contact-us" style="padding-top:10px"> <div class="contact-form"> <div class="row"> <div class="col-sm-7"> <h3> {% trans "Travel enquiry" %} </h3> <p class="regularResponseDescription"> {% trans "Would you also like to customize your holiday to Peru? This is how we do it! " %} </p> <ul class="regularResponseDescription"> <li>{% trans "The best way to start is by filling out our" %} <a target="_blank" href="{{ questionare_link }}">{% trans "questionnaire" %}</a> . {% trans "It will guide you through the most important themes we need to know from you." %} </li> <li>{% trans "However, you can also fill out the short form below or send us an email and give us your contact details so we can speak through Skype, Whatsapp or phone." %}</li> <li>{% trans "One of our travel designers will get in touch with you to fill up the gaps and get ready to send you a first draft itinerary." %}</li> <li>{% trans "Once the preliminary idea of the trip is conceived, we will send you a first full description of the trip and its price." %}</li> <li>{% trans "If you want to keep on improving in detail every aspect of the trip, we will request a good faith deposit of $100 deductible from the final price." %}</li> <li>{% trans "From that moment and on, together with your travel designer you’ll work on your Peru trip until it’s just perfect." %}</li> </ul> <p class="regularResponseDescription"> {% trans "Note: Given the kind of trips we organize and the dedication provided, we only accept travel enquiries of six or more days. We hope you understand." %} </p> {% if message_sent == 'true' %} <h2>{% trans "Thank you for your message we will get back to you shortly!" %}</h2> {% else %} <div class="container-fluid well"> <form action="" class="form-horizontal" method="post">{% csrf_token %} {{ form.non_field_errors }} <div class="form-group"> {{ form.first_name.errors }} <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.name %} </div> <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.email %} </div> <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.phone_number %} </div> <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.skype_acccount %} </div> <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.referral_source %} </div> <div class="col-md-3"> {% include 'respons_form_field.html' with field=form.days_of_travel %} </div> <div class="col-md-3"> {% include 'respons_form_field.html' with field=form.number_of_travellers %} </div> <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.budget_indication %} </div> <div class="col-md-6"> {% include 'respons_form_field.html' with field=form.additional_comments %} </div> <div class="col-md-6"> <label for="{{ form.country.auto_id }}" class="{% if style|default:"stacked" != 'stacked' %}col-sm-4{% endif%} control-label text-muted {% if style|default:"not-small-font" == 'col-md-3 col-sm-3 col-xs-3' %}small-font{% endif%} {% if form.country.required %} required{% endif %}"> {{ form.country.label|safe }} </label> {{ form.country }} {% for error in form.country.errors %} <strong><span class="error-block" style="color:red"><i class="icon-exclamation-sign"></i> {{ error }}</span></strong> {% endfor %} </div> <div class="col-md-6"> <label for="{{ form.captcha.auto_id }}" class="text-muted small-font {% if form.captcha.required %} required{% endif %}"> {{ form.captcha.label|safe }} {{ form.captcha }} {% for error in form.captcha.errors %} <strong><span class="error-block" style="color:red"><i class="icon-exclamation-sign"></i> {{ error }}</span></strong> {% endfor %} </div> </div> <button type="submit" class="btn btn-md response-button" style="display: block; margin: auto;"> <h3 style="color:white"> {% trans "Let us plan your trip" %} </h3></button> </form> </div> {% endif %} <h3> {% trans "Send us an email in your preferred language:" %} </h3> <p class="regularResponseDescription">english @ responsibletravelperu.com</p> <p class="regularResponseDescription">espanol @ responsibletravelperu.com</p> <p class="regularResponseDescription">francais @ responsibletravelperu.com</p> <p class="regularResponseDescription">nederlands @ responsibletravelperu.com</p> <p class="regularResponseDescription">deutsch @ responsibletravelperu.com</p> <br> <p class="regularResponseDescription"> {% trans "We love to use Whatsapp and Skype for our communication: it gives the best results for both of us! Feel free to ask your travel designer for his or her personal contact details: thank you." %}</p> <h3> {% trans "Other contacts" %} </h3> <p class="regularResponseDescription">{% trans "If you have any question that’s not related to travel (press, jobs, products, etc) please write to our management team at gerencia @ responsibletravelperu.com and we will make sure your email reaches the correct person. " %}</p> </div> <div class="col-sm-5"> <div class="row col1"> <div class="col-xs-3"> <i class="fa fa-map-marker regularResponseDescription" style="font-size:16px;"></i> <span class="regularResponseDescription">{% trans "Address" %}</span> </div> <div class="col-xs-9" class="regularResponseDescription"> <span class="regularResponseDescription">Pasaje los Lirios 7A <br> Urbanización Mariscal Gamarra<br> Cusco - Peru</span> </div> </div> <div class="row col1"> <div class="col-sm-3"> <i class="fa fa-phone regularResponseDescription"></i> <span class="regularResponseDescription">{% trans "Phone" %}</span> </div> <div class="col-sm-9 regularResponseDescription"> +51 (0)84 598331 </div> </div> <br> <iframe width="100%" height="330" frameborder="0" style="border-radius:0px;" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/d/embed?mid=1ljWGQ41TjzS37h6Sxn39BrB_l0g&hl=de" width="640" height="480"></iframe> </div> </div> </div> </div> {% include 'testimonials.html' %} {% include 'newsletter-subscription.html' %} {% include 'footer.html' %} {% include 'javascripts.html' %} <script type="text/javascript"> $(window).load(function () { var messageSent = "{{message_sent}}"; console.log('message', messageSent); if (messageSent == "true") { $('#myModal').modal('show'); } }); </script> {% if message_sent %} <script type="text/javascript">z var _ttq = _ttq || []; _ttq.push(['_setAccount', '2074']); _ttq.push(['_setDataSource', 'av']); _ttq.push(['_setLevel', '6']); _ttq.push(['_setProduct', '16']); _ttq.push(['_track']); (function(){ var ttr = document.createElement('script'); ttr.type = 'text/javascript'; ttr.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'ads.travelaudience.com/js/ta.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ttr, s); })(); </script> {% endif %} </body> </html>