I have a question. How can I change the placeholder color of the contact form. Thanks in advance. This is a great template.

Nothing can be easier. Please follow the steps below:

1) Open less/style.less.
2) Go to line 350 (.placeholder(#FFF);).
3) Change the #FFF value to any other color and recompile the file.

Do not hesitate to contact me if you have any other questions.
do you know why when you transform this page to .net it ignores the css? I had this working great in HTML, and converted the page to .net (which i have done numerous times with other bootstrap based sites). But for some reason the content within the <form runat="server">CONTENT HERE</form> gets shoved to the top of the page.

Is there a fix? Can i send you the page? I mean it is literally your page with .aspx as an extension and <form> under the <body> and </form> above the javascripts at the bottom of the page.

thanks in advance

Thanks for your message. I am afraid .NET experts will be of a better assistance in this case. Do not hesitate to contact me directly if you have any other questions.
Hello, how can i move the dropdown menu on the right in use on smartphone ?
Thx in advance.

If you want to switch to the "Sidebar menu", please follow the simple steps below:

1. Go to the index.html file and add the "hidden" class to the "navbar" container.
2. Remove the "hidden" class from the "sidebar-btn" container.
Yes, I read it on the readme.txt but this is not what I wanted
when I'm on my phone, when I use the "Sidebar menu" content is align on the left (http://puu.sh/cYWsm/a1ba7c150a.png),
I want align the Sidebar menu content on the right.

PS:sorry for not being clear, my english is not very good
Oh, that's easy to do as well. Please open style.css if you work with css, and find this piece of code:

.sidebar-menu__ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
border-top: 1px solid #000;
border-bottom: 1px solid #252525;

Then add:

@media (max-width: 767px) {
.sidebar-menu__ul {
text-align: right !important;

right after it. This should do the trick.
if i have understood, that give me this : http://puu.sh/cZz9i/25ee3ca065.png
but doesn't work too http://puu.sh/cZzhA/903c538f74.png :/
Hi, thanks for the update. I guess the problem is that we are talking about the sidebar menu whilst you send a picture of the navbar menu. Please contact me via the WrapBootstrap contact form and we will sort out this issue privately without flooding the comments section.
Hi YevSim,

Firstly thanks for a great template, it's really smart.

I want to update the php contact form to process the new Google reCaptcha ("I am not a robot"), but I'm a bit of beginner with php and I'm not quite sure where to make the edit.

I am displaying the new captcha widget successfully with: <div class="g-recaptcha" data-sitekey="==YOUR SITE KEY=="></div>

But I'm not sure how your php code catches the POST in sendmail.php.

And I've also updated recaptchalib.php to the latest version, but no luck.

Could you provide some pointers? Thank you! :)

Thanks for your feedback! New reCapctha looks neat indeed. As we've outsourced the whole contact form production to our friend PHP expert, I cannot give you a clear answer now. However, I promise the new reCaptcha will be included in one of the future updates.
Something so nice about this. Great work.

Will I be able to easily apply somesubtle easing in or out commands, so that when the pages scrolls vertically to the next anchor, it hesitates or barely bounces when it gets there?

Can you offer some code?

Hi, sorry for the late reply. This option is available in v2.x.x. with introduction of fullPage.js. All you need to do is to specify an easing effect you want to use when initializing the plugin. Please read the official documentation (https://github.com/alvarotrigo/fullPage.js#fullpagejs) or contact me for more info.
Приветствую, Хотелось бы пообщаться на предмет создания дизайна сайта и верстки на BS.

Если заинтересованы, то напишите свои контакты на [email protected]

С уважением.
Hi, thanks for your message. Unfortunately, we don't do custom work at the moment.
Please consider adding SMTP mail capability. Using PHPMailer could help. https://github.com/Synchro/PHPMailer

I need to send mail via authenticated SMTP, using TLS or SSL

Hi, thanks for your comment. We will consider the possibility to include it in one of the future releases.
How can I make one slide more weight? For example I need to put 9 elements at portfolio site.
Hi, thanks for your message. I guess you mean the height of a slide. It is set to 100% of the viewport height and is adjusted automatically if your content doesn't fit the screen (a vertical scrollbar will appear). So you can add as many portfolio items, as you wish and it won't affect the general look.
calevski PURCHASED
Hi YevSim,
How can I remove the cross fading/background patterns from the index_sliding_slideshow.html page?
Changing the "bg-pattern" in the index file has no effect.

Many thanks for your help.
Hi, thanks for your message.

Please open /css/style.css (or /less/style.less if you work with LESS) and find this part:

/* -------------------- *\
\* -------------------- */

then replace its contents with the following code:

/* -------------------- *\
\* -------------------- */

* Requires '<body class="sliding-image">...</body>'
* Requires custom_sliding.js
* Refer to custom_sliding.js (#FULLPAGE.JS -> Navigation) for the full list of anchors

.sliding-image .site-wrapper,
.sliding-image .site-wrapper__slide {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
.sliding-image .site-wrapper[data-anchor="welcome"] {
background-image: url(../img/screen-bg_1.jpg);
.sliding-image .site-wrapper[data-anchor="about"] {
background-image: url(../img/screen-bg_2.jpg);
.sliding-image .site-wrapper[data-anchor="portfolio"] {
background-image: url(../img/screen-bg_3.jpg);
.sliding-image .site-wrapper[data-anchor="pricing"] {
background-image: url(../img/screen-bg_4.jpg);
.sliding-image .site-wrapper[data-anchor="team"] {
background-image: url(../img/screen-bg_5.jpg);
.sliding-image .site-wrapper[data-anchor="features"] {
background-image: url(../img/screen-bg_6.jpg);
.sliding-image .site-wrapper[data-anchor="contact"] {
background-image: url(../img/screen-bg_7.jpg);

* Slideshow options for index_sliding_slideshow.html

.site-wrapper__slide_1 {
background-image: url(../img/screen-bg_1.jpg);
.site-wrapper__slide_2 {
background-image: url(../img/screen-bg_8.jpg);
.site-wrapper__slide_3 {
background-image: url(../img/screen-bg_9.jpg);
.site-wrapper__slide_4 {
background-image: url(../img/screen-bg_10.jpg);

Let me know if you have any other questions.
Hi, How can I add menu position to navbar with vertical submenu?
Hi, thanks for your message. Do you mean you need both navbar and sidebar menus, or you are looking for a standard dropdown menu? Please answer me via the contact form and I will send you the code.
calevski PURCHASED
Hi YevSim,
I have uploaded the site to our server but unable to get the contact form working, all fields/reCAPTCHA are checked and correct. When submitting I can not get confirmation of anything sent?

The config.php and index.html are setup..

Many thanks for your help.

Can you send me the link to your website via email? Make sure contact.js is also in its place.
Hi there! :)

How can I use the animate.css framework? If I execute with the loading screen, they stop... can you help me?

Thank u.
Hi, thanks for your message.

Preloader is being shown until all resources on a page are loaded, while animations don't wait for the whole content to load. What you can do is to add the specific animate.css classes (e.g. "animated fadeIn") to your elements on page load as well (jQuery):

$(window).load(function() {
setTimeout(function() {
$(".foo").addClass("animated fadeIn");
}, 2500); // where 2500 is the duration of the preloader animation

This will add the fade in animation to the .foo element as soon as the preloader disappears. Please contact me via email for more details.

How can I add background video to one slide?

Thanks for your message. Unfortunately, background videos are not yet supported. I will consider to include it into one of the future releases.

I really like the template. But there is one big fault in concept. All pages need to be registered in Javascript file. I want to setup template with TYPO3 and therefore I don´t want to write JS dynamic. It would have been nice if the things hooked up in JS could have been defined by Attributes in HTML-Code.

Maybe for the next template...?

BR Boris
fun4life PURCHASED
Hi! How can I use video as a background?

Thanks for your message. Video backgrounds are not yet supported at the moment. Do not hesitate to contact me if you have any other questions.

On index_sliding_slideshow.html, how I can make pictures rotate automatically?
I want to keep the manual buttons , but automatically rotate too

Hi, please open js/custom_sliding.js and add the following code right below this line: "slideSelector: '.site-wrapper__slide'," :

afterRender: function () { setInterval(function () { $.fn.fullpage.moveSlideRight(); }, 3000); }

where 3000 is the autoplay interval in milliseconds you can adjust.

Please let me know if you have any questions.
Thanks for the great template.
A question about index_sliding_text-rotator.html web page: I removed some section from the page ( I don't need of team and pricing parts ) and removed entries from top menu; additional I removed the background image and entry from the asset/js/custom.js file . I got in trouble since the sliding page feature doesn't work...any way to fix this?
Hi Vespa,

Please email me with a link to your website or a .zip with modified files so I could better understand the issue.
The live preview link is down. Please do the needful.

Thanks for your comment. The access will be restored within minutes. I will get back to help you with your questions asap.

Cane we have a sample code to use the fullscreen carousel in the classic theme page.

S N Mohanty

You can use the default Bootstrap carousel: http://getbootstrap.com/javascript/#carousel. The final code will depend on if you want to stick with a single background image, or use slide specific ones. Please email me if would run into any issues.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase


Licenses: Details »

Single application $23
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • IE 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Labels: app landing, company landing, contact form, landing page, one page, resume, startup landing
Released:3 years ago
Updated:1 year ago
Sold exclusively on WrapBootstrap


Signed up 5 years ago

Need an admin template?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running:

  • Responsive 12-column grid
  • 12 custom, modular jQuery plugins
  • CSS styles for forms, navigation & more
  • Dozens of reusable components
  • Components are scaled according to a range of resolutions and devices
  • Built with Sass (CSS included)
  • Complete styleguide documentation