waszczpa PURCHASED
is there a chance to add google maps to contact section?
Hello, how are you?

Yes, google map added.

Google map can be enable / disable at the config file :)

Hope you like it, goodbye.
waszczpa PURCHASED
Thx for map, i have just bought this awesome template. First question: on mobile, when I click on "Learn More" buttons, browser navigates to #..... but its top is not aligned with the edge of menu bar (for instance there's a small "warning" color bar visible when I navigate to "success" section. I hope you know what i mean :) Can it be fixed ?

Do you mean the smooth scroll effect not scroll the section to match the navbar?

Try this code, open `assets/js/main.js` find

var target = $(this).attr('href');

edit to be

var target = $(this).attr('href'),
offset = - $('.navbar-header').height();

and find

offset: -100

edit to be

offset: offset

Thats ok, this will fixed at next update.

If still not solved the issue, contact me via the author profile :)

waszczpa PURCHASED
Works like a charm! Thx!

Where is the "config" file... Do you mean the variable.js?

I have two questions, I've just buy and installed:
1, I put the right lat-long for Google map in the variable, but no change: all the time the "china" map..
2. Is it possible to change the "constellation" image for another one (particle or another I have)?
I like the "constellation effect" in the "slideshow constellation" template, but want to put particle or another image. I modified inside the variable.js, but again, it didn't change nothing but it is modified inside the file..

I sent you a support request through your customer support.

Hello, seem that its about the browser cache issue, reply at email, contact me if still not working :)


Is it possible to put a bigger logo? It's very small, cannot see the text, 40px for desktop is too small.


Add below code into `assets/css/custom.css`

@media (min-width: 992px) {
.navbar-brand img {
max-height: 50px; /* logo max height, change to other value */

Goodbye :)

I am looking into buying this template, but what I am wondering is, how easy is it to implement in a asp.net MVC application?
I have been using Admin LTE for my admin overview and it was very easy to install (download a nuget package, add the 2 css files and 1 js file, and I was basicly done)

Is this as simple as that?
I got it to work after a little hassle :)

Thank you so much.

Sorry for my late reply, i have not use asp.net :(

Glad that you have got it working :)

inthanet PURCHASED
how I can change the background blur effect for the template with YouTube-Video?
Hello, how are you?

Sorry for my delay reply, do you mean `stopMovieOnBlur` function? or the color overlay?

For stopMovieOnBlur function, please open `assets/js/main.js` find

stopMovieOnBlur: false

(you will find two result) Edit to be

stopMovieOnBlur: true

Then will enable the stopMovieOnBlur function.

For overlay, please open `assets/js/main.js` find

var _site_bg_overlay_color = 'rgba(16, 128, 242, 0.9)'; // overlay color, rgba format

Edit the rgba value to change the overlay color.

Message me if not about this two issue, message me also for the template support.

Goodbye :)
Hi - what's the best way to change the logo text from "Flat Tech" to sth else? Also what is the font used in the logo? Thank you!
Hello, how are you?

As i remember the font name is Raleway.

Change the logo by replace the image at `assets/img/site-header-logo.png`.

Goodbye :)
how to input audio.mp3 can't find it
Hello, how are you?

Sorry for my late reply.

Please put the audio file at `assets/audio/audio.mp3`

And choose a variant version with mp3 function from file `assets/js/variable.js`

Goodbye :)
how to input google map
Hello, how are you?

Sorry for my late reply.

Please open `assets/js/variable.js` find

// map (google map)
// https://maps.google.com/
// --------------------------------------------------

// [true, false] - enable or disable google map
var _map_toggle = true;

// change 'ABCDE12345' to be your google map api key, more info - https://developers.google.com/maps/documentation/javascript/
var _map_api = 'ABCDE12345';

// map latitude
var _map_latitude_longitude = [35.6046472, 140.2642208];

// map water color
var _map_water_color = '#1080f2';

Change the map value thats ok :)

How to put mp3 file in template its not preconfigured?
hii i have used this template for my asp.net site but the menu items are not visible i think there is a problem with main.js can you help?
Hello, sorry for my delay.

If you need change the audio html markup, please open `assets/js/main.js` find

$body.append('<audio id="audioPlayer" loop>' +
'<source src="assets/audio/audio.mp3" type="audio/mpeg">' +

Edit the html code, but please do not remove the id.

I cant really answer the asp.net question because i have not use it, i am sorry.

Anyway, did you change the jquery version? if yes, you may try this method.

open `assets/js/main.js` find

$('a[href^=#]').on('click', function(e) {

edit to be

$('a[href^=\\#]').on('click', function(e) {

Hope this method working.

Thank you so much, goodbye.
Hi, I and using the purple/video template. How do I keep/adjust the size of the background video after I remove the content inside the video banner?
Hi I found the where to resize the video background. It was in style.css. How can I resize the video background when it plays on mobile?

@media (min-width: 768px) {
#home {
padding: 630px 0 180px;
How do you add your address in the contact page?
How do you direct a button to a website.


How are you? I am so sorry for my late reply.

To set the contact form email please open `assets/php/contact.php` find

$email = 'YOUR_EMAIL_ADDRESS'; // Your email address
$name = 'YOUR_NAME'; // Your name
$subject = 'Website Contact Message'; // Subject line

Edit above variable with your email address, name and the email subject.

To link a website please use below html markup

<a href="http://example.com/" target="_blank">Example</a>

Wish you a niceday, goodbye.
How do I add a drop down list item in the header menu?
hey I am using this theme.I need some customization here.

navbar is loading after page loads. I need that it should load with page not after page load.
I thought if I remove loader then it will fix this issue so I removed loader but still navbar loading after complete page load.
Please help me ti fix this.

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 $20
  • HTML Template
Bootstrap: Compatible with 3.3.x
  • Responsive
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:No
Topic: General
Labels: app, background video, creative, flat, landing page, music, responsive, slideshow, tech, youtube video
Released:2 years ago
Updated:2 years ago
Sold exclusively on WrapBootstrap


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