Elate: Free HTML5 Bootstrap Template

Elate Free HTML5 Bootstrap Template

Elate is a one page free html5 bootstrap template portfolio for freelancers, designers, developers and even agencies. It has a smooth parallax and animation effect on sections. Also packed with 4 ready to use styles. Download now and share!

Leave your vote

20 points
Upvote Downvote

Total votes: 56

Upvotes: 38

Upvotes percentage: 67.857143%

Downvotes: 18

Downvotes percentage: 32.142857%

21 thoughts on “Elate: Free HTML5 Bootstrap Template

  1. I know this is a one-page template but how can you make some links from the nav bar work when you want to redirect it toward another .html file?
    For example, instead of About you would have About

    It only works if I click right and open it in another window or tab…
    Any idea?

    Thanks again.

    1. Hi,

      You can duplicate the main page (one for each new page), remove the sections that you don’t need on each of them and set the menu links to these pages.

  2. I would like to insert a link that scrolls down to the contact section of this theme. But I’m not sure what exactly to insert. Can this be done?

    1. Yes it can be done 🙂
      <a href="#fh5co-contact" onclick="$('html, body').animate({scrollTop: $('[data-section=contact]').offset().top }, 500);return false;" rel="nofollow">text of your link here</a>

  3. How can I get the pictures to load?
    I have replaced work_1.jpg with my own (.jpg) in the same folder and it is not showing in the page (projects section).

    1. Hi there,
      You can name your own image work_1.jpg to replace the existing one in the images folder.
      If you want to use a custom name, simply look for work_1.jpg in the index.html file.

      1. I did that and the pictures did not appear at all. I tried both modifying html and rename image names, but none of them work.

        1. I did some investigations and found out that the replacing the image file “work_1.jpg” to a new .jpg file “work_11.jpg”, save target as on the html shows that the name was modified into work_11_jpg and detected as a text file. Anyway to fix this?

      1. I put the code as below but it does not work, something does not let Dropdown work, can you help me?
        EDIT: no code, HTML tags must be encoded in comments

        1. I’m not able to see your code but here is a working example:
          <li class="dropdown" role="presentation"><a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
          <ul class="dropdown-menu">
          <li><a href="#">1st dropdown link</a></li>
          <li><a href="#">2nd dropdown link</a></li>

          You may have to add this right before the closing </body> tag:
          $(document).ready(function() {

          1. Did you add the script ?
            It works for me…
            Nothing happens when you click the the dropdown link ?

  4. Hello, it’s me again!
    I’m having dropdown issues on mobile devices.
    In JS some function does not let it work, I click and the menu disappears, but it should show the dropdown with submenu.

    When I delete the “Burger Menu” function in the main.js file the dropdown works, but the rest of the site disappears.

    Could you help me again?

  5. Hi there! I really love the style of this template, what is the style name? I like it so much I saw similar styles in Stripe and MixPanel sites

Leave a Reply

Your email address will not be published. Required fields are marked *

Hey there!

Forgot password?

Forgot your password?

Enter your account data and we will send you a link to reset your password.

Your password reset link appears to be invalid or expired.


    Processing files…