Hey there! We are currently building premium templates and pro versions of our free templates. Learn More

Elate: Free HTML5 Bootstrap Template

Elate: Free HTML5 Bootstrap Template - Free 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!

20 thoughts on “Elate: Free HTML5 Bootstrap Template

  1. L sjk says:

    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. FreeHTML5.co Staff
    FreeHTML5.co Staff says:

    Hi there,

    Just add “external” class to <a> tag.

    Thanks,

  3. Candelon says:

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

    1. FreeHTML5.co Staff
      FreeHTML5.co Staff says:

      Hi,
      Working contact form only available for premium users.

  4. Sean McCoy says:

    I would like this theme as a multi-page option (rather than single page). Is this possible?

    1. FreeHTML5.co Staff
      FreeHTML5.co Staff says:

      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.

  5. Cameron Oglesby says:

    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. FreeHTML5.co Staff
      FreeHTML5.co Staff says:

      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>

  6. Richmond says:

    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. FreeHTML5.co Staff
      FreeHTML5.co Staff says:

      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. Richmond says:

        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. Richmond says:

          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?

  7. Gustavo says:

    Hello, great template.
    I would like to insert a Dropdown in the top menu, is it possible?

    1. FreeHTML5.co Staff
      FreeHTML5.co Staff says:

      Hi there,
      This template doesn’t include a dropdown menu by default but it can easily be added.
      More details about bootstrap dropdown nav here: https://getbootstrap.com/components/#nav-dropdowns

      1. Gustavo says:

        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. FreeHTML5.co Staff
          FreeHTML5.co Staff says:

          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. Gustavo says:

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

          2. FreeHTML5.co Staff
            FreeHTML5.co Staff says:

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

  8. Gustavo says:

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

  9. Gustavo says:

    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?

Leave a Reply

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