Bed&Breakfast Responsive Single Page HTML Template
Themeforest Bed&Breakfast Responsive Single Page HTML Template
V1.9 26 March 2016
V 1.8 19 September 2014
V 1.7 3 March 2014
V 1.6 3 March 2014
V 1.5 6 Febraury 2014
V 1.4 6 December 2013
V 1.3 30 October 2013
V 1.1 19 June 2013
HTML site template suitable for bed and breakfast, small hotels or accommodations. The main feature is that it is on a single page with simple and clean code.
Main features
- Valid and clean HTML5/CSS3 code
- Responsive design
- Flex slider
- PHP working contact form
- PHP working availability request
- Jquery Datepicker/Calendar
- Jquery Widget Forecast Tool
- Get Map Directions Widget
- Touch Optimized Gallery Plugin
- Jquery Testimonials Rotator
- Jquery Carousel
- Jquery Accordion
- Fullscreen Slider
- Fullscreen Gallery with multiple albums
- Google web font
- Sections:
- About the accommodation
- Testimonials
- Rooms with rates and prices
- Fullscreen gallery
- Tours section
- Contacts and availability request
- Psd included
- More than 30 facilties icons inclued (also in .ai format)
Images in the demo are not inclued. You can purchase them from Photodune or Istockphoto
Change log
V1.9 26 March 2016
The Jquery Weather plugin stop to works. We've Updated the item with another plugin.
V 1.8 19 September 2014
Improved the booking and the contact form with human verification (antispam) and autoreply.
V 1.7 3 March 2014
Fixed on mouse hover Issue Chrome for main facilieties.
V 1.6 3 March 2014
Fixed small bug between the carousel and the image viewer.
V 1.5 6 Febraury 2014
Fixed a small bug on the first top menu link and improved the documentation (Home slider options+Weather widget)
V 1.4 6 December 2013
Fixed Language top link in mobile devices
V 1.3 30 October 2013
Possibility to Group photos viewed in modal/popup window with the param (data-gallery=" ...")
V 1.1 19 June 2013
- Improved performance of Touch Gallery in mobile devices
- Fixed issue on homepage scroll green buttons
- Update the Documentation file with how to change the City on Weather widget
Hello, I wanted to ask, how can I add a custom marker in the gmap javascript? I looked into the code but got a little bit confused as to where to place the file path for the icon.
ReplyDeleteI have another issue as well, when I click on a menu link, it transfers the display on the equivalent section. My problem is that it doesn’t go on the start of the section bar but on the section’s title. I tried to corrected by changing the paddings but it didn’t work.
ReplyDeleteI’m sorry wrong page, I wanted help for the theme!
ReplyDeletehello…for the wordpress version please refer to this author and support forum http://themeforest.net/item/bedbreakfast-single-page-wordpress-theme/6353778 . regards
ReplyDeleteBackground position fixed not working in IE (.bg2, .bg3, .bg4)
ReplyDeletehello…the background position does not scroll on old ie9/ie8…this property is not supported. ie10/ie11 works fine. regards
ReplyDeleteIs it possible to translate calendar, availability request, google directions and weather app to my language by just modding your code or are some of these features calling external APIs with “english only” data?
ReplyDeletehello…for Bed&Breakfast html site template, you can translate in other languages the calendar, the form, the google directions….only the weather widget not support multiple languages…this only in english
ReplyDeletethanks, I compared your template with the wp version and I think your template is coded cleaner – hence I’m going with your version
ReplyDeleteIf you allow me one more question:
I’d like to integrate a map as a simple image. The content area seems to go max. 945px wide and I wonder if I can put a 1100px map inside content area while the text stays at 945px (if possible does it affect responsiveness?).
hello…thank you…you can but you have
ReplyDelete1) create a map div outside the class container(this is 940px) with width 1100px and margina auto
2) this map container has to be 3 different size for tablet and mobiles (width 768px, 420px, 300px)
3) the map image must have the class class=”scale-with-grid”
<img src="map/1.jpg" alt="" class="scale-with-grid" />
thanks for the good tips
ReplyDeleteAlso can I put a simple preloader in the header to block the page until main slider finished loading? There is already some preloading going on with images so I hope there won’t be any trouble.
contact me at info@ansonika.com ...i will send a copy + instructions
ReplyDeleteHello there! Just about purchasing your template, but woul like to know if at the Fullscreen Slider and at the Gallery it’s possible also to add Video (Youtube or Vimeo for example), or if it just work with pictures Thanks in advance
ReplyDeleteHi…i am sorry but in this version only pictures. i will consider to add video in the next update. regards
ReplyDeleteHello, I have problem with receiving messages from website contact form. It seems that it doesn’t work on windows server hosting.., although hosting is providing PHP 5.3. Do you have any solution for this problem?
ReplyDeletehello…i am sorry but the forms are not tested on windows hosting..also if they have php lang installed…email forms works differently there and the host has another configuration. try to contact your host if they can help you. regards
ReplyDeleteNice onepage design – if I want subpages of etc. Activities -> Diving, will the (read more) button then link to it´s own WP page (for seo purpose)
ReplyDeletehello…for the wordpress version please refer to http://themeforest.net/item/bedbreakfast-single-page-wordpress-theme/6353778
ReplyDeleteHi! Nice theme! We are interested in buying but upon testing we found two problems relating to smartphones so far:
ReplyDelete1. Sony Experia – most links are inactive
2. Samsung Galaxy s3 – some images do not download, others are oversized and the top menu inactive. As yet no other phones were tested.
Please check and let me know.
Thanks!
hello..thank you. did you remove the top preview items bar? by my side i have a galaxy s3 mini and an iphone and the site works perfectly..both with the standard browser and Chrome. any other issues reported from other customers. which browser do you use? you can make also a fast test here http://responsivetest.net/#u=http://www.ansonika.com/bed-and-breakfast/|720|1280|2
ReplyDeleteDear Users ,
ReplyDeleteIf you wanto to put the European and italian format for the calendar use this command :
$( ”.datepicker” ).datepicker({ dateFormat: ‘dd/mm/yy’, firstDay: 1 });
p.s. thank to Ansonika , for the help !
Awesome and celan design… thank you so much.
ReplyDeleteAll the best
Lakaroth
Excuse me, i’m editing the template, everything is cool, but i dont know how to remove the gray block box, in the footer.
ReplyDeleteI have change latitude and longitude in the code, but there’s still the gray block.
How can i fix it?
THANKS
hello…i need to see your files..please provide a url ….you can contact me via my profile page
ReplyDeleteI am new to website creation and I am interested in this template. Can you actually change colours once you have downloaded this template or is this fix?
ReplyDeleteThanks for your answer.
replyed by email
ReplyDeleteGreat template ! Clean and very usefull.
ReplyDeletethank you
ReplyDeleteHi there, thank you for a great template.
ReplyDeleteI have one problem tho, on the general contact form, when i receive the mail stating we will contact you shortly, the from field gives my service providers email? It works fine on the booking form.
Hoping you can assist ASAP
try with
ReplyDelete$userheaders = “From: booking@bedandbreakfast.com\n”;
Thank you, that seems to have fixed the issue. Another problem im having is the main image on the weather feed does not show, could you please have a look for me? http://www.fourseasonsguesthouse.co.za/
ReplyDeletewhat’s your city/town? someone small are not supported..i will make some tests
ReplyDeleteDear author of the theme, I accidentally bought the wrong issue, I would need the theme Bed & Breakfast Responsive Single Page version for wordpress, I can integrate the figure and download the wordpress.
ReplyDeleteThank you for your attention
luigi tedesco
hello…i am sorry but the wordpress version is made by another author
ReplyDeleteHi,
ReplyDeleteI am having problems with the weather widget. Like others, it tells me “city not found”. The code is ‘623848’
it seems to work here http://woeid.rosselliot.co.nz/lookup/saint%20emilion%20france%20
but once on the website, it doesn’t appear.
This is the code i used in function.js
$(’#weather’).weatherfeed([‘623848’], {
forecast: true
});
Any suggestions?
Thanks in advance.
Patrick
if you use woeid you should activate the function like the example below
ReplyDelete$('#weather').weatherfeed(['your id'], {
forecast: true,
woeid: true
});
let me know if you fix it
ReplyDeletegreat thank you so much
ReplyDeletehow do you install it?
ReplyDeletehello…my Bed&Breakfast Responsive Single Page is an html site template. if you need a wordpress version please visit here http://themeforest.net/item/bedbreakfast-single-page-wordpress-theme/6353778
ReplyDeleteHello. I have problems with the template , because when I fill my data in the contact form displays eh send me a product that should not be . Could you help me?
ReplyDeletePlease contact me via my profile page and provide a demo url of your site
ReplyDeletebut it seems you have not purchased the item
ReplyDeleteThat’s right, the issue was purchased by my company, in this case, what is they who have to pick up the ticket? I hope you can help me.
ReplyDeleteThis is the url of the site: http://grandvillaorquidea.com/
ReplyDeleteplease login with your company details and then post a comment in order to verify your purchase
ReplyDeleteOk….
ReplyDeleteAt one time income with the company ’s account
ReplyDeletei want to use SMTP to send mails. Do u have documentation?
ReplyDeleteHi, I have an issue with the site jumping a little on mobile phones that I need help with. I tried emailing you but have heard nothing.
ReplyDeletehi, i am sorry i did not receive any of your request. can you provide a demo link of your site. what do you mean jumping? it move a little with out any interaction on mobiles? it think this can be cause by the testimonials carousel that could have different height in the comments. please provide a demo link of your site
ReplyDeleteI thought it was testimonials as they were different sizes so removed it.
ReplyDeleteIt happens when you scroll down and up from the header/slideshow area at the top, it looks like something changes height and jumps a little.
http://dacama.co.uk/
Only seems to be phones – tablets and computers ok.
ReplyDeletehi, i’ve intestigated since you’ve contact me. the issue start from the supersized slider that seems have an issue on some mobiles. this affect the position on the container over. i’ve investigated but seems that this issue is still not fixed by the plugin author. a trick, tested, could be force the height of the container on mobiles. how to do it:
ReplyDeletein layout. css before @media only screen and (max-width: 479px) ....
place this line
@media only screen and (max-width: 767px) {
#homepage {height: 400px !important;}
}
Think that might have got it – works ok on my mobile, will check on a couple of others and let you know if any problems. Many thanks.
ReplyDeleteHi, can you help me to integrate a Cookie Notice for the EU law?
ReplyDeletehi, note that your support period has expired in may. all the best
ReplyDeleteThanks for your reply. All I can say is that in EU all website must show the Cookie notice for law, so if you want to sell your product in EU, soon or later you need to add this feature, otherwise the website cannot be published… Before ask here in the comment I’ve tried to insert one of the many script around the web, but they go in conflict with your product, so the best integration can be done by you. It is your choice, all the best.
ReplyDeleteHi, i am sorry but what you say is not correct.
ReplyDelete1) Bed&breakfast item does not use any sort of cookie or user data store, so by default, you are not obligate to have a cookie advice for eu customers. http://ec.europa.eu/ipg/basics/legal/cookies/index_en.htm
The site can be published and sold.
2) I don’t know which script are you using. Quite strange that you are not able to apply one. I suggest to hire a developer to implement the feature you need. Or just simply place a sort of message on the page that advice users that the your site use cookies, for example quite common:” Continuing the navigation of this site, you accept our cookie policy….”
All the best