Avenir – A Free Coming Soon HTML Template

Avenir - Coming SoonAvenir - Coming SoonAvenir - Coming Soon


(+add yours)
  1. Thanks for sharing. really great theme. :*

  2. Tim

    Great work!
    Unfortunately the links in the content don’t seem to respond all the time.

  3. David

    Very nice theme! I’m uploading it to my website right now

  4. Pablo

    Hello. I’m new at this, my website is a work-in-progress right now and i would like to use this template, i dont have many skills on design but i learn fast and with a night on this maybe i can personalize this one… the thing is that i dont know the program that i have to download/use to do it, can somebody give me a hint ? so i can try it and figure out how to do it by myself? i would prefer a not so complicated one…

    Thanks in advance! :)

  5. greaaatt… i’ll try this one
    thanks btw

  6. Mark

    Hi Nathan. Beautiful theme. However there is a problem. Sections with hyperlinks will have their link ‘available/clickable’ even when you are viewing another section. I’m trying a workaround by changing css .hide from opacity:0 to display:none, then some jQuery on menu links down the bottom to show the section when a link is clicked on. Congrats on a fine template.

    • Tim


      Were you able to find a fix?

      I believe the links “show through” in other sections because the script uses z-index to layer each section on top of each other. The last section is always on top and even though it may be hidden when another section is visible, the links are still accessible when you roll over their area with the mouse.

      This is a problem if someone needs to include links, a form or similar in another section. The middle sections will always be buried and cannot be used even when visible.

      I’m running into this issue now and trying to determine best way to resolve.

      Would be interested in hearing from anyone with ideas.


      • Hello Tim,
        I actually just used this template for my website and wrote a post about what I did to workaround this. I moved the inactive content to the left off-screen. Hopefully this helps: http://pindsha21.wordpress.com/2013/11/30/coming-soon/

        Good Luck,

      • P.S. I would also like to see how Mark fixed it too.

      • ca.stockton

        I’ve solved this problem by changing main.js a little
        /* Main Navigation Clicks */
        jQuery(‘.main-nav ul li a’).click(function() {
        var link = jQuery(this).attr(‘href’).substr(1);

        if ( !jQuery(‘section.content.show, section#’ + link).is(‘:animated’) ) {
        jQuery(‘.main-nav ul li a’).removeClass(‘active’); //remove active
        jQuery(‘section’).removeClass(‘show’).animate({‘opacity’ : 0}, {queue: false, duration: 1000,
        complete: function() {
        jQuery(‘a[href="#'+link+'"]‘).addClass(‘active’); // add active
        jQuery(‘section#’ + link).removeClass(‘hide’);
        jQuery(‘section#’ + link).addClass(‘show’).animate({‘opacity’ : 1}, {queue: false, duration: 1000});
        jQuery(‘section#’ + link).css(‘display’,'block’);

  7. roopal

    you guys rock. amazing. thanks.

  8. hi nathan! great theme. i saw in code that is possible to use a html5 video as a slide. how we can do it? any e.g.? must use especific player? if you could ‘how to’ use video i really aprreciated. thanks a lot.

  9. Don’t have de Style.css :(

  10. pls help me..

  11. ?????? ????? ? ????? ????!

  12. Fede
  13. I have a problem with backgrounds. They just do not show when I copied your Coming Soon website on my server. Maybe you have any idea what did I do wrong?
    Everything is fine when I preview the site locally on my computer.

    • It’s hard to say. One suggestion I can think of is to make sure your images are optimized for the web. I had that problem one time. My image names had spaces in them and the server was case sensitive. So now I make sure all my image names (in the code and the actual folder) are all lowercase, no spaces, and that the extensions are exact. .jpg = .jpg .jpeg = .jpeg Good Luck!

  14. I drop a comment each time I especially enjoy a article on a site or I have something to valuable to contribute to the conversation.
    It is a result of the passion displayed in the
    post I looked at. And after this article Avenir – A Free Coming Soon HTML Template.
    I was actually moved enough to write a leave a responsea response ;)
    I do have a few questions for you if it’s okay.
    Could it be simply me or do some of these remarks come across as if they are
    coming from brain dead individuals? :-P And,
    if you are posting on other places, I’d like to keep up
    with anything fresh you have to post. Would you make
    a list all of all your communal pages like your twitter feed,
    Facebook page or linkedin profile?

  15. Pretty component of content. I just stumbled upon your site and in accession capital to assert that I get in fact enjoyed account your
    weblog posts. Any way I’ll be subscribing for your augment or even I fulfillment you access constantly quickly.

  16. Wow that was strange. I just wrote an extremely long comment but after I clicked
    submit my comment didn’t show up. Grrrr… well I’m not writing all
    that over again. Anyways, just wanted to say wonderful blog!

  17. We are a group of volunteers and opening a new scheme in
    our community. Your web site offered us with useful info to work on.
    You have performed an impressive task and our entire neighborhood will
    probably be thankful to you.

  18. I was suggested this website by my cousin. I’m not sure whether
    this post is written by him as no one else know such detailed about my
    difficulty. You’re wonderful! Thanks!

  19. Pretty nice post. I just stumbled upon your weblog and wanted to say that I have really loved browsing your blog posts.

    In any case I’ll be subscribing in your rss feed and I’m hoping you write once more soon!

  20. Andrea

    For me the fix dont work.
    I changed css and also .js but the situation doesnt changes.

    With the fix the link dont work ….

    The problem is that, when you add some link in a section (for examples about section) this link is visible on the other pages and this create confusion.

    What i can do for fix the href problem ?

  21. Jelle

    I download this amazing template but he can’t find the style.css?

  22. You really make it appear really easy with your presentation however I find
    this topic to be actually something that I think I’d by
    no means understand. It sort of feels too complicated and very extensive for me.
    I am taking a look forward in your subsequent publish,
    I will try to get the cling of it!

  23. This page definitely has all of the info I needed
    about this subject and didn’t know who to ask.

  24. Usually I don’t read article on blogs, however I wish to say that this write-up very
    forced me to try and do so! Your writing style has been amazed me.
    Thank you, very nice article.

  25. Thanks a bunch for sharing this with all of us you actually know what you’re
    speaking approximately! Bookmarked. Please also seek advice
    from my website =). We could have a link change contract among us

  26. Hey! Would you mind if I share your blog with my myspace group?
    There’s a lot of people that I think would really enjoy your content.
    Please let me know. Thanks

  27. Hey! This is my first visit to your blog! We are a
    group of volunteers and starting a new project in a community
    in the same niche. Your blog provided us valuable information too work on. You have done a wonderful

Leave your comment

© Copyright 2010 WeGraphics.net - All rights reserved. Design and code by WeGraphics Team