TravelPro - Travel/Spa Landing Pages (HTML5) Marketing Theme
Themeforest TravelPro - Travel/Spa Landing Pages (HTML5) Marketing Theme
All support is handled via e-mail, send your email from our our profile contact form to verify your purchase ( Go to profile )
NOTE: The online samples images belong to their respective owners and are only used for demo purposes.
“Travelpro” is a Travel Landing page template having clean & modern design with a Call To Action “Booking “button on top banner, you can create a template with in few clicks.
TravPro Features:
- +8 Pack Travel Landing Pages
- 4 Color Options with 2 Variations
- +6 Pack Spa/Saloon Landing Pages
- 3 Color Options with 2 Variations
- Working Booking/Contact Form
- RWD having tweeter bootstrap framework
- Responsive pages based on 960 grid
- Marketing & start up campaigns
- Clean and Flat design
- Easy Customization
- Book Your Tour Online
- Travel Tips and Testimonials
- Attractive CTA Button
- Detail Documentation
- Social Networks Icons
- And much more
Need Support :
All support is handled via e-mail, send your email from our our profile contact form to verify your purchase ( Go to profile )
NOTE: The online samples images belong to their respective owners and are only used for demo purposes.
Version 1.1.2
- Added one page navigation templates.
- Updated PHPMailer.
Version 1.0.1
- Added - Workign html/Booking form in spa and travel pages.
- Added Spa/Saloon landing pages with 3 color option having 2 variations.
- Fixes of minor issues raised by customers.
live preview is not working
ReplyDeleteIts available now. Thanks for sharing the issue.
ReplyDeleteTeam 1stone
In your demo, there is a booking popup screen. Before purchase I want to make sure that all the elements work as expected. Given that this is HTML5, what backend support is used to manage the transfer of data in the forms used within the app? I note there is also a form at the bottom of the template and logos for facebook etc. How are those integrations supported/implemented within the template? For example, Do you have additional code available that can be modified to submit the information to an email address?
ReplyDeletePlease PM me your Skype contact details, for fast communication.
ReplyDeleteemail: kashanchishty@gmail.com
Thanks
1stone
I cannot find the place to change out the background photos in homepage7.html. I’ve check the instructions but I do not see that info, Can you share how to swap out the photos?
ReplyDeleteTo change out the background photos in homepage7.html find These classes from css file( css/style.css). You can use lager size images for these backgrounds.
ReplyDelete1. Last minute deal section (.last-deal-bg-red),
2. Testimonial section (.testimonial-bg-red),
3. Contact us section (.contact-bg-red)
Que: Should I use round or square 94×94 images here?
Ans: You Should use square images. because css (img-circle) class round that image that you will use
d99f468e-1c9a-4d49-baa5-184838e2104e
ReplyDeletemy license code
i need get my code support
thank you
Sure we can help you.
ReplyDeletePlease share your Skype so we can communicate quickly.
Thanks
1stOne
Team,
ReplyDeletePlease check the below link
http://www.hitours.in/landingpage/australia/index.html.
I have integrated the form in header with our CRM.but there is an issue the form is not posted.Please help in this regard.
-Chandra Shekhar
Hi Chandra,
ReplyDeletePlease add this code in mainDirectory/css/custom.css
header {
height: auto !important
}
Thank You,
Team 1stone
Do you plan to create WORDPRESS Theme with the same style as TravelPro HTM5 ??? Best regards, Vlad
ReplyDeleteHi, I’m working on it and soon it would be live.
ReplyDeleteHello
ReplyDeleteHow can do, if people write phone with + symbol, they dont see errors messages?
When I fill phone field, I write phone +37060000 and I get errors.
Ragards
Valdas
Hi Valdas, Thanks for inquiry. We will update you shortly.
ReplyDeleteThanks
KC
Please follow the steps:
ReplyDelete1- Open Js folder
2- Open custom.js file
3- Replace the code of Contact From from line#190 to line#232 with this code:
//Contact Form validations
jQuery.validator.addMethod("phoneUS", function (phone_number, element) {
phone_number = phone_number.replace(/\s+/g, "");
return phone_number.match(/^[- +()][- +()0-9]$/);
}, "Please specify a valid phone number");
$('#contactModal').appendTo("body");
$("#contactform").validate({
rules: {
username: {required: true},
email: {required: true, email: true},
phone: {required: true, number: true},
comment: {required: true}
},
tooltip_options: {
username: {trigger:'focus'},
email: {trigger:'focus'},
phone: {trigger:'focus'},
comment: {trigger:'focus'}
},
submitHandler: function(form) {
$.ajax({
type: "POST",
url:'subscription-form.php',
data: $("#contactform").serialize(), // serializes the form's elements. $(this).serializeArray();
success: function(data)
{
if(data==1){
$('#contactModal').modal('show');
$('input[name="username"]').val('');
$('input[name="email"]').val('');
$('input[name="phone"]').val('');
$('textarea[name="comment"]').val('');
setTimeout(function () {
$('#contactModal').modal('hide');
}, 10000);
}
}
});
});
$("#validity_label").html(' No errors. Like a boss. ');
},
invalidHandler: function(form, validator) {
$("#validity_label").html(' There be 'validator.numberOfInvalids()' error'>1?'s':'')' here. OH NOES!!!!! ');
}
That’s it
Have happy coding!
Hi,
ReplyDeletewhere can change text “This field is requared” in contact forms.
Please follow these steps:
ReplyDelete1- Open Js folder
2- Open custom.js file
3- Find the contact form, with this id name ”#contactform” where you want to change the text.
4-
messages: {
username: “User name field is required.”,
email : “Email field is required.”,
phone : “Phone number field is required.”,
comment : “Comment field is required.”,
},
Paste this above mentioned text change code under tooltip options at line #206.
Like this:
tooltip_options: {
username: {trigger:’focus’},
email: {trigger:’focus’},
phone: {trigger:’focus’},
comment: {trigger:’focus’}
},
messages: {
username: “User name field is required.”,
email : “Email field is required.”,
phone : “Phone number field is required.”,
comment : “Comment field is required.”,
},
I hop this will help , let me know if you required anything else.
Thanks
.
ReplyDeleteWhere can i change navigation bar background?
ReplyDeletePlease follow below steps:
ReplyDelete1- Open css folder
2- Find the custom.css file and open this in editor
3- Add this mentioned code over there.
nav.navbar-default {
background-color: #hexaColorCode !important;
}
Thank You,
KC