Avenir – A Free Coming Soon HTML Template

Avenir - Coming SoonAvenir - Coming SoonAvenir - Coming Soon

22 Comments

(+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

      Mark,

      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.

      T

      • 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,
        Shavanna

      • 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’).addClass(‘hide’);
        jQuery(‘section’).css(‘display’,'none’);
        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.

Leave your comment

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