Smooth Sailing - One-Page Bootstrap 3 Landing Page Marketing Theme
Themeforest Smooth Sailing - One-Page Bootstrap 3 Landing Page Marketing Theme
One-Page HTML Template Built With The Boostrap 3 and LESS.
Smooth Sailing is a sleek one-page HTML5 / CSS3 template built on Bootstrap 3 and developed with LESS. Showcase your products / services with beautiful css animations, smooth transitions and gorgeous simplicity.
TEMPLATE FEATURES
- Bootstrap 3 + LESS
- HTML5 + CSS3
- One-Page, Smooth Scrolling Layout
- Responsive Design
- AJAX Newsletter Form
- Glyphicons + Custom IcoMoon Icons
- FlexSlider
- Twitter Widget
CREDITS
CSS FRAMEWORKS
- Twitter Bootstrap 3 – http://www.getbootstrap.com
- Animate.css by Dan Eden – http://daneden.me/animate/
SCRIPTS
- jQuery Library – http://www.jquery.com
- FlexSlider – http://www.woothemes.com/flexslider
- FitVids.js – http://fitvidsjs.com
- InView.js by Remy Sharp – http://remysharp.com/2009/01/26/element-in-view-event-plugin/
- Respond.js – https://github.com/scottjehl/Respond
- Tweet.js-Mod – https://github.com/StanScates/Tweet.js-Mod
- Ajax Form: Bit Repository – http://www.bitrepository.com/
FONTS
- Lato – Google WebFont – http://www.google.com/fonts/specimen/Lato
ICONS
- IcoMoon – http://icomoon.io (selected icons)
- FontAwesome – http://fortawesome.github.io/Font-Awesome/ (selected icons)
- Glyphicons for Bootstrap – http://glyphicons.getbootstrap.com (full collection)
IMAGES IN PREVIEW (NOT AVAILABLE IN DOWNLOAD FILES)
- http://creattica.com/creatives/jardo/269654
- http://creattica.com/icons/music-on-the-go-ipad-app-icon/95655
- https://creativemarket.com/bogdan
- http://creattica.com/creatives/vladuha/92930
- http://creattica.com/css/themebeans-website/95276
- http://tieatiedesigns.com
- http://www.bratus.co
- http://creattica.com/logos/koloroo-logo/18863
VERSION UPDATES
1.5
- Small CSS fix
1.4
- CSS fix for body width on slider animations
1.3
- Navigation bug fix
1.2
- Upgraded from Bootstrap 3 RC2 to Bootstrap 3.0.0!
- CSS fix for instant FlexSlider appearance on page load
1.1
- CSS fix for FlexSlider arrows on mobile devices
1.0
- Original Version
I hello i am having an issue with the Video on the page i can see it but it play when i click. Any Ideas?
ReplyDeleteThank You in Advance
http://www.ObamaCareNow.US
Hi,
ReplyDeleteFirst of all thank you for your purchase!
I have checked your website and the video “Health Reform Hits Main Street” plays fine for me.. Tested in 3 browsers and works allright.
What browser are you using?
Fire Fox 24.0 on my desktop i also checked on my mobile and the video is not working on android or iphone.
ReplyDeleteIt works when i take it out of the Div Class for the Video Preview though
ReplyDeleteYour video embed URL starts with ”//www” – adding the http: to have
ReplyDelete<iframe src="http://www..."> makes the video work. Can you confirm that?
Fixed thank you for the great Customer Service! I will Rate right now.
ReplyDeleteGlad i could help – thanks in advance for the rating
ReplyDeleteGood morning, I’m trying to install this wordpress theme but throws this error: The package Could not be installed. The theme is missing the style.css stylesheet. Can you help? thanks
ReplyDeleteHello,
ReplyDeleteThis is because SmoothSailing is not a WordPress theme but just an HTML template.
WordPress on ThemeForest are usually priced $35 or more. They are listed in the WordPress section – http://themeforest.net/category/wordpress
I am sorry if you got confused – I cannot issue a refund myself but you can try contact Envato support.
Hi Simon… loved and bought your template in a snap.
ReplyDeleteSince it is using bootstrap 3 I am trying to use Dropdown buttons without success in the Hero section.
I tried also to add a dropdown js but without success…
(link only for reference http://exporter.io)
can you help me?
Enrico
Hi Enrico,
ReplyDeleteI just downloaded the last version of SmoothSailing and tried to add a dropdown button with straight copy and paste code from bootstrap documentation.
Here is the code (i have just added the btn-secondary class to the button to make it fit with the design):
<div class="dropdown">
<a class="btn btn-large btn-secondary" data-toggle="dropdown" href="#">Dropdown trigger</a>
<ul class="dropdown-menu" role="menu">
<li><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Action</a></li>
<li><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Another action</a></li>
<li><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Something else here</a></li>
<li class="divider" />
<li><a role="menuitem" tabindex="-1" href="http://twitter.com/fat">Separated link</a></li>
</ul>
</div>
It works perfectly.
Are you sure you have the HTML markup setup correctly? It looks like in your code the “li” items don’t have a link anchor tag “a”, and therefore appear white on white bg, with no linking action.
I could help you further if you open a ticket on the support forum.
Regards,
Simon
Hi guys!
ReplyDeleteI will be on a bushwalking expedition during the next 4 days – no internet connexion, no phone reception.. Don’t expect any support during these days, but i promise i’ll respond to your questions as soon as i am back in civilisation!
Simon
Hey—great theme! Just one HUGE question…
ReplyDeleteWhat’s the trick in getting the tweets to display? Right out of the ZIP the current code doesn’t work. I have also tried Twitter Apps I have made and still doesn’t work. I have changed the line in /js/custom.js from “envato” to the name of my own domains/apps as well as adjusted the Twitter Keys in /assets/twitter/index.php accordingly. It appears to simply not work.
I’m thrilled with the theme otherwise! =]
Hi,
ReplyDeletefirst of all, thank you for the kind words about the template.
Just like the contact form, you will need PHP-capable server to have the twitter feed working. If you’re working on the template locally, the tweets won’t work and keep displaying “loading tweets”.
The only thing you need to get it working is to change the username as explained in the documentation provided with the download files.
If the contact / newsletter forms are working, then the tweets should work too!
Hey…thanks for the quick reply.
ReplyDeleteForms are working, 100%. Tweets are not. How can we resolve this?
You need to create a twitter app to get the consumer key / secret / access token values.
ReplyDeleteIf you open the index.php file in the twitter folder (that is in assets/twitter/index.php), you fill find 4 fields you need to fill up with your app’s keys.
To create a twitter app for your feed, you can visit this page: https://dev.twitter.com/apps
Once they are set up, this should start working.
I have done that, it still does not work.
ReplyDeleteIn /assets/twitter/index.php I changed the four keys to match my app. And in /js/custom.js I have changed the envato value to the value of the twitter account I have the app for.
The default “envato” also does not work—never did from the first day. My forms DO work, perfectly.
hmmm, would you mind sending me your FTP details via the support forum (private answer) or via my contact form here, so i can take a look?
ReplyDeleteThank your for your e-mail.
ReplyDeleteThis must be a server issue on your side, because i have copied your files on my server and out of the box, without changing anything, the twitter feed was working fine.
I have e-mailed you a link to my demo server with your template working.
Try contacting your hosting provider to see what’s going on.
Thanks for looking into it. What version of PHP are you running on your server?
ReplyDeleteNVM….my box WAS running PHP 4.0 (really?!?). I upgraded to PHP 5.4 and it’s working now.
ReplyDeleteThanks for your help and patience!
ah, yep, 4.0 is a bit outdated – glad you got it working!
ReplyDeleteHello Simon and congratulations for the theme, I really like it!
ReplyDeleteBut I’ve to ask a thing: I need to add a checkbox to the contact form (for the privacy stuff that’s mandatory to have here in Italy in contact forms) and make mandatory to tick it to send the message, how could I do it?
I’ve already added the checkbox to the page, but I don’t know what to add/edit to the contact.php file (or another file) to “make” it mandatory to send the message.
Thanks in advance
You can make it mandatory in HTML by adding required="required" in the field.
ReplyDeleteI have to go now but i’ll provide a solution for the PHP file soon, so you can make a validation error message if the box isn’t checked.
After testing, it appears you don’t even need to touch the php files – the following HTML <input type="checkbox" required="required" value=""> Your checkbox description works fine. It will prevent the submit logic to happen until the checkbox is ticked.
ReplyDeleteLet me know if that works for you.
Dear Simon, thanks for the quick answer and help, the solution you suggested works perfectly, thanks again!
ReplyDeleteGreat, glad i could help. Enjoy the template!
ReplyDeleteHi,
ReplyDeleteI would like to know how can i integrate the “Sign up to our newsletter to stay in the loop! ” to my wordpress theme http://www.befashionlike.net.
I’m using mailchimp.
Best my email befashionlike@gmail.com
Hi,
ReplyDeletethanks for the purchase.
Not sure what you mean with “integrating the signup to the newsletter to your WordPress Theme”.. You can integrate it with MailChimp by creating a signup form in mailchimp and wiring the SmoothSailing to this form, but i am not sure how you want to integrate it in WordPress?
Hi Simon,
ReplyDeleteI have been trying very hard to get the dropdown action to work correctly. I have tried both the way you mentioned earlier and going through another bootstrap tutorial… however, when I add the code, I get the same result. The dropdown menu is always visible and makes the entire navbar expand to fit it. Its looks really funky and doesn’t work correctly.