Loopa - Retina Multipurpose Theme HTML Template

Themeforest Loopa - Retina Multipurpose Theme HTML Template

Download Loopa - Retina Multipurpose Theme HTML Template

Download Loopa - Retina Multipurpose Theme HTML Template

\\




Key Features


  • Responsive Design

  • Slider With Blur Effect

  • Retina Ready

  • Parallax Section

  • 404 Page

  • Contact & Comment Form With Error Alert

  • Semantic & Clean Code

  • Browser Compatibility

  • Transition Element (By Dan Silver)

  • Modal Window Effect (By Manuella Illic)

  • Interactive Logo, Menu & Search Bar

  • Crafted Using Zurb Foundation 4

  • 9 PSD Files Included

  • HTML Extensive Documentation

  • Happy Support Team


Images are not included in download file. The online samples images belong to their respective owners and are only used for demo purposes.



Credits


  1. Robert Fleischmann http://github.com/rendro/easy-pie-chart/

  2. Michael Hixson and Alexander Brovikov jQuery.appear

  3. Element Transitions dan-silver.github.io/ElementTransitions.js

  4. Thumbnail Grid http://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/

  5. Nick Downie http://chartjs.org/

  6. Parallax Background http://stephband.info/jparallax/

  7. Foundation http://foundation.zurb.com/

  8. Mario Jäckle jQuery Fraction Slider http://jacksbox.de/stuff/jquery-fractionslider/

  9. Codrops (http://www.codrops.com) uisearch.js, cbpTooltipMenu.js, modalEffects.js, Slide Blur

  10. Mario Klingemann http://www.quasimondo.com/StackBlurForCanvas




Updates


10 Dec 13 - Working contact form added<br />
12 Nov 13 - Fixed tab issue that was only displaying a single tab<br />
19 Oct 13 - Bug Fixes
24 Oct 13 - Bug Fixes, 404 page added
22 Oct 13 - Bug Fixes

Download Loopa - Retina Multipurpose Theme HTML Template

Comments

  1. KgolaneJuly 22, 2017 at 9:31 PM

    The font on my template and the font on the LIVE PREVIEW is different is the any way i can make the font exaclty the same as the one in the template?

    ReplyDelete
  2. deThemeJuly 22, 2017 at 9:31 PM

    Loopa theme font is using google web font, hence it needs internet connection to grab the font from google.


    thanks for your purchase, and please leave a 5 stars rating

    ReplyDelete
  3. rickniceJuly 22, 2017 at 9:31 PM

    How do I change the speed and interval at the main page slider?

    ReplyDelete
  4. deThemeJuly 22, 2017 at 9:31 PM

    check within stackBlur.js file, around line #649



    animOptions = { speed : 900, variation : 2, blurFactor : 10, autoPlay: true, slideInterval: 5000 },


    Thanks for your purchase!

    ReplyDelete
  5. celingkrik99July 22, 2017 at 9:31 PM

    just bought this template, it’s awesome!
    I’ll be back here if need any help

    ReplyDelete
  6. deThemeJuly 22, 2017 at 9:31 PM

    hi, thank you for your purchase, sure we will give you our support

    ReplyDelete
  7. dp271182July 22, 2017 at 9:31 PM

    is this template made using bootstrap?

    ReplyDelete
  8. deThemeJuly 22, 2017 at 9:31 PM

    it’s based on Zurb Foundation 4 framework.

    ReplyDelete
  9. anime4twJuly 22, 2017 at 9:31 PM

    When will the WordPress theme be available?

    ReplyDelete
  10. deThemeJuly 22, 2017 at 9:31 PM

    In the next few days. Follow me for the update.

    ReplyDelete
  11. anime4twJuly 22, 2017 at 9:31 PM

    Hey … Followed, and that was 20 days ago … What’s up

    ReplyDelete
  12. guszanoJuly 22, 2017 at 9:31 PM

    Hi I need to change the logo size, my logo is 227px (width) x 130px (height). How I can do it? Thanks

    ReplyDelete
  13. deThemeJuly 22, 2017 at 9:32 PM

    Hello.
    First you need to change this following element ‘line-height’ property ( theme.css line #517)


    .cbp-tm-menu > li > a

    Then you have to adjust two ‘top’ positions which handle sticky navigation in main.js, around line #95 and #98.


    Play around with those values until you get the preferred result.

    ReplyDelete
  14. lmarinJuly 22, 2017 at 9:32 PM

    hi. how can i reposition the big headlines on top of the homepage slider? need to make this text smaller and bring it higher up on the page, in line with the logo. thanks!

    ReplyDelete
  15. deThemeJuly 22, 2017 at 9:32 PM

    remove this block of code from main.js

    $('.bx-content h2').css({
    position:'absolute',
    left: ($(window).width() - $('.bx-content h2').outerWidth())/2,
    top: ($(window).height() - $('.bx-content h2').outerHeight())/2
    });


    the code above, center the text horizontally and vertically.


    Then you can change the styling like font size, width, etc in theme.css around line #222

    .bx-content h2, .bx-content h3 {
    ...
    }

    ReplyDelete
  16. lmarinJuly 22, 2017 at 9:32 PM

    this worked, thanks

    ReplyDelete
  17. deThemeJuly 22, 2017 at 9:32 PM

    Great.
    please rate 5 stars, cheers

    ReplyDelete
  18. lmarinJuly 22, 2017 at 9:32 PM

    not sure where to do that from really cant find the rating vote?!

    ReplyDelete
  19. lmarinJuly 22, 2017 at 9:32 PM

    i found it and rated this, thanks

    ReplyDelete
  20. jjgoldmanJuly 22, 2017 at 9:32 PM

    I get an error of ‘cannot access local image’ when previewing in browser?

    ReplyDelete
  21. deThemeJuly 22, 2017 at 9:32 PM

    Are you using chrome browser ?
    You must put the demo within a server environment like XAMPP or MAMP. And then call the folder neme from browser : http://localhost/folder_name

    ReplyDelete
  22. sina0071July 22, 2017 at 9:32 PM

    Hi there,


    Thanks for the great theme. I want to change all the fonts across the website to a custom font which I have downloaded. How do I do that?
    Please help me with that.


    Cheers,

    ReplyDelete
  23. deThemeJuly 22, 2017 at 9:32 PM

    Loopa uses Google Fonts. If you’d like to implement custom font, I suggest by using @font-face. Read here for more information :
    http://www.html5rocks.com/en/tutorials/webfonts/quick/

    ReplyDelete
  24. creativewebstudiozJuly 22, 2017 at 9:32 PM

    Hi,


    Can anyone please tell how to make homepage slider visible @725px.
    On mobile version banners are not visible. please help


    Regards
    Shelly

    ReplyDelete
  25. deThemeJuly 22, 2017 at 9:32 PM

    in theme.css, around line #2668, remove this block of code :

    #mainBanner {
    display:none;
    }

    ReplyDelete
  26. anime4twJuly 22, 2017 at 9:32 PM

    How come you’re responding to others …
    but not about the WordPress theme?
    Do you have a WP theme for this yet?

    ReplyDelete
  27. deThemeJuly 22, 2017 at 9:32 PM

    WP version was rejected by TF
    but if you’re still interested in buying WP version, contact me by email

    ReplyDelete
  28. offonollJuly 22, 2017 at 9:32 PM

    I would like to know why the blur effect isn’t working for me. It is very random, sometimes the blur effect works and some others don’t in the demo preview.
    This is what I see:
    dl.dropboxusercontent.com/u/464710/Screen%20Shot%202014-03-03%20at%204.42.34%20PM.png

    ReplyDelete
  29. deThemeJuly 22, 2017 at 9:32 PM

    it has something to do with canvas glitch during transition between two slides. Are you using chrome ?

    ReplyDelete
  30. offonollJuly 22, 2017 at 9:32 PM

    Yes using chrome

    ReplyDelete
  31. offonollJuly 22, 2017 at 9:33 PM

    What is it causing this glitch then? Is it a browser problem or a code? Any solution? I would love to buy this template with no glitch.

    ReplyDelete
  32. deThemeJuly 22, 2017 at 9:33 PM

    Seems like <canvas> random glitch

    ReplyDelete
  33. offonollJuly 22, 2017 at 9:33 PM

    Here direct link http://dl.dropboxusercontent.com/u/464710/Screen%20Shot%202014-03-03%20at%204.42.34%20PM.png

    ReplyDelete
  34. ArchanaAmarnathJuly 22, 2017 at 9:33 PM

    How to make the images non-downloadble? I don’t want the users of the site to use “Save image” {right-click} option. Please suggest..
    Thanks in advance.

    ReplyDelete
  35. deThemeJuly 22, 2017 at 9:33 PM

    Check this out http://jsfiddle.net/gjAj7/

    ReplyDelete
  36. susisusiJuly 22, 2017 at 9:33 PM

    How to install in Loopa – Retina Multipurpose Theme? I newbie and purchased this file from you but can’t understand the description in the index htlm document. I have osx 10.8 macbook pro plz can you give me any help. Thanks in advance.

    ReplyDelete
  37. susisusiJuly 22, 2017 at 9:33 PM

    Sorry forgot to say How to install to WordPress!

    ReplyDelete
  38. deThemeJuly 22, 2017 at 9:33 PM

    it’s an HTML file, not a Worpress compatible file

    ReplyDelete

Post a Comment

Popular posts from this blog

Pav Wines Responsive Theme

Image
Themeforest Pav Wines Responsive Theme eCommerce Theme Download | Live View let’s welcome our next responsive Opencart theme – Pavo Wines. It is a fully responsive design and ideal for a Wines Shop, Drinks Shop, Food store, Toys Shop or Cakes Store. With clean, flexible and fully responsive design, your site will look great whatever it is being viewed in Desktop, Mobile or Tablet. The professional design of this Responsive Opencart Theme makes it really versatile and suitable for selling a wide range of goods starting from home appliances and finishing with office supplies. It has fours color variations, stylish look template, control over mega menus, Google fonts, over fifty modules positions and many more features. Key Features Work with Opencart 1.5.6.3, 1.5.6.1, 1.5.5, 1.5.4, Opencart 2.0.3.1, 2.1.x, 2.2.0.0, 2.3.0.2 Built-in Pavo Framework and Bootstrap HTML5 and CSS3 Support Full Responsive Theme Multiple color skins easy to fit your ideas Googl...
Read more

Tango - Responsive HTML5 Template

Image
Themeforest Tango - Responsive HTML5 Template HTML Template Download | Live View Tango is a professional responsive HTML5 template which has been built using the Twitter Bootstrap framework. The template comes complete with 25 pages, four colour schemes, three sliders, PrettyPhoto, FitVids, photostreams, a working contact form, Twitter tweets and also uses lots of features which are available as part of Twitter Bootstrap. Features Internet Explorer 8+, Firefox, Safari, Opera, Chrome Well documented code and css Valid Html5 Responsive Design Twitter Bootstrap Css3 Styling Elastislide SliceBox FitVids Pretty Photo Responsive Sorting Gallery Photostream Plugins Working Contact Form Twitter Integration Google Font Replacement Updates 18th September 2013: V1.4 Replaced Pinterest with Dribbble stream, and improved footer area. 13th June 2013: V1.3 Updated Twitter widget due to new API. 6th June 2013: V1.2 Updated theme to latest Bootstrap Framework and Font Awesome icons. Added a thre...
Read more

Teddy-Responsive Blog Magazine Portfolio WP Theme

Image
Themeforest Teddy-Responsive Blog Magazine Portfolio WP Theme WordPress Theme Download | Live View Teddy is a creative WordPress theme designed for bloggers, Photography enthusiasts, artist and musicians that want to showcase their stuffs in form of articles, galleries, audio and videos. It provide enough Theme Options to control most visual elements for end users to customise your own styles. It’s built with BootStrap and semantic CSS3/HTML5 so could works well on your PC and mobile devices. Feature List Build with BootStrap Easy-to-use Image Selector designed for Gallery Post 12 layouts for the post show in list page 4 format post supported: Standard (include blog)/ Gallery / Audio / Video Audio: support Self Hosted Audio(MP3) & SoundCloud Responsive Design 10+ ShortCodes & Shortcode Generator 70+ Google Fonts Layered Psds included Easy to install and customise One click demo data Ad Management, WP plugin AdRotate tested S...
Read more