Where can I change the video on the index header?
Hi. You have to change it on assets/js/_app.js. It is on line
$('.js-video').vide('tmp/video', { ...

in this example you have to put files in tmp/ folder like video.mp4 , video.webm and video.ogv

but preview template load minified app.js file, so you need to create new min version, or you have to load full version of javascript
change this <script src="assets/js/app.min.js"></script> to <script src="assets/js/_app.js"></script>
in case that you will not create minified file

Let me know if you any troubles with it
How do I change gradient colors?

You can change colours in source less file (_app.less) - lines about 250 - 253:

#header {
background: -webkit-linear-gradient(#7532c7, #32c7c2);
background: -o-linear-gradient(#7532c7, #32c7c2);
background: -moz-linear-gradient(#7532c7, #32c7c2);
background: linear-gradient(#7532c7, #32c7c2);

You just need to change colours #7532c7 and #32c7c2.
Than you will need to compile less file to output css file.
Is there any version with a fixed navigation?
Right now no. I can prepare this feature to next release.
hok00age PURCHASED

I already purchased this template. I have a question in mind, how to create tabbed navigation using this template?

Thank you.

You can check on homepage section "Simple but Powerfull" (http://arena.tomaj.sk/v1.3/) - there are tabbed navigation in this box specially designed for this theme.

Or you can use default tabs from boostrap - http://getbootstrap.com/javascript/#tabs and add your own styles.

I purchased the theme: Order Confirmation for #WB0C987CJ

How comes the Twitter feed is not implemented, it's just static text?

Hi. Right now there is no native Twitter feed. You can get your embed code from twitter and put it there. Or you have to implement it in your application and download data from twitter api and put in html template.

Love this theme. I'm trying to get smooth scrolling between internal anchors on the same page working. Any tips on how to get this working?


Here is simple javascript code which makes smooth scroll between internal anchors - just add it to 'assets/js/_app.js' (or inline as a script in your HTML file):

$('.js-scroll').on('click', function(e) {

var target = this.hash;
$target = $(target);
$('html, body').stop().animate({ 'scrollTop': $target.offset().top}, 500);

In your HTML add anchor:
<a class="js-scroll" title="#" href="#demo">Demo</a>

and element with the same ID as in anchors href - "demo":
<div id="demo">
Demo element.
Awesome, works like a charm! Thank-you!
Hi - purchased yesterday and liking this theme a lot. I'm really interested in mimicking the large white text tags (i.e (ABOUT, CONTACT, PRICING)) but can't figure out how that was done and the subpageTitle class isn't in the css.

Do you have any suggestions?
tomaj SELLER

Not sure what you mean by mimicking :-(
if you need to change menu items there are multiple css that are associated with "ul", "li" or "a" elements. Best way to find what you need to find is to use Developer Toolbar in chrome a Inspect element and check live css styles.

Hope that this help.


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 $14
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • Fixed-width
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Labels: bog, colours, icons, multipurpose, online, service, signup, variants
Released:3 years ago
Updated:3 years ago
Sold exclusively on WrapBootstrap


Signed up 4 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