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!

4.5/5 - (493 votes)

27 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.

  2. Hello, great template, but i’ve a problem, i can’t use the contact form ? do you have any idea please ?

    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.

  3. 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>

  4. 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>
          </ul>
          </li>

          You may have to add this right before the closing </body> tag:
          <script>
          $(document).ready(function() {
          $(".dropdown-toggle").dropdown();
          });
          </script>

          1. That’s exactly what I’m doing, but it does not work at all. What could be happening?

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

  5. I got it !!! I was wrong with js, I fixed it and it worked. Thank you very much for your attention.

  6. 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?

  7. 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
    Thanks!!

  8. Something is wrong with the menu. When I’m in the “Work” area the nav-bar gets replaced with a fixed one. When I refresh the page the nav-bar reappears. But from “Testimonials” to the end of the page when you hit the refresh the nav-bar doesn’t show anymore.. Tested in Safari 11.1 and Chrome 66 (64bit).
    I’m not into bootstrap and all that yet so I don’t know where to fix this. Can you help?

    1. I’ve found the answer: main.js line 135:
      if ( scrlTop > 500 && scrlTop <= 2000 ), that <= 2000 should be removed!

      Glad I figured it out. You might want to fix this to the project 🙂

    1. Yep, as long as the footer backlink to our website remain in place. Members who purchased one of our Premium plans can remove it 😉

Leave a Reply

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