iLevel - Responsive Flat Design Bootstrap Template
Themeforest iLevel - Responsive Flat Design Bootstrap Template HTML Template
iLevel is a professional responsive creative HTML5 portfolio template which has been built using the Twitter Bootstrap framework.
The template comes complete with 30+ pages, four colour schemes, sliders, carousels, galleries, PrettyPhoto, photostreams, CSS3 Animations, a working contact form and also uses lots of features which are available as part of Twitter Bootstrap.
iLevel also includes $47 worth of premium plugins!
Great site with great support. Super quick turn-a-rounds and very friendly. Thanks again! Would defiantly buy again. – lincl
Theme Features
- Internet Explorer 8+, Firefox, Safari, Opera, Chrome
- New Flat Design Style
- Well documented code and css
Valid Html5
Responsive Design- Twitter Bootstrap
- Css3 Styling
- Css3 Animations
- 361 Retina Icons
- 115 Flat Illustrations
- NivoSlider
- Nerve Slider
- Paginated & Expanding Galleries
- Pretty Photo
- Isotope Gallery $25 value
- Frame It $8 value
- Mate Hover $8 value
- All Around Slider $6 value
Pinterest, Dribbble & YouTube Photostreams- Working Contact Form
- Google Font Replacement
- Psds of elements: 404 page, hover icons and logo.
I have also included a read me pdf help file to guide you through the code. I hope that I have covered everything but if there is something that you would like to know then I am happy to help out.
If you decide to purchase this template, please rate it. Many thanks!
Updates
1st April 2014
Updated circular carousel and PrettyPhoto.
Deleted Dribbble stream due to API changes.
All info can be found in updates.txt
12th February 2014 - Replaced read me pdf with the correct one.
26th September 2013 - Please add js > imagesloaded.js
3rd July 2013 - Fixed a few W3C validations.
23rd July 2013 - V.2 - Removed Pinterest and updated menu.
If updating menu: replace scripts.js, change menu css and alter the menu html.
Hi. Just purchased theme. How do I remove the up arrow on the top menu drop down? Thanks
ReplyDeleteSorry I’m not sure I understand your question?
ReplyDeleteWhen hovering over top navigation item (e.g. Pages), a drop down menu appears with sub-nav items. At the top of the drop down menu an arrow appears which in this case points to “Pages.” How do I remove the arrow/triangle? I was unable to find it in the stylesheet. Thanks
ReplyDeleteOh I see, sorry!
ReplyDeleteRemove: .menu ul li li:first-child:after
Thanks!
ReplyDeleteFYI: imagesloaded.js is missing both from your demo and the download.
ReplyDeleteWhoops, I do apologize, I will make an update.
ReplyDeleteI’ve pasted contents of the about.html page (Quotes) on to the index page. But the progress bar for the quote transitions isn’t animating. I believe I have all the javascript and css necessary for it though. Is there a specific order the javascript needs to be ordered in or some kind of conflict between javascript used on the index page and the about page?
ReplyDeleteHi, I’ve just tested it and it’s working for me? Do you have <script src=”js/functions.js” type=”text/javascript”></script> in the head?
ReplyDeleteIt’s positioned just before the closing as I saw in one of the included sample pages. If I move it to within the <head>, other elements on the page stop working e.g.: Flickr widget in alternate footer.
ReplyDeleteRemove from alt_footer.css
ReplyDelete.cbp-qtprogress {
display:none;
}
The Flickr widget shouldn’t stop working with modernizer, at least it didn’t when I tested.
Also, I have the update in the review queue for the missing js file.
*Note: I meant to say <script src=”js/modernizr.custom.js”></script> earlier! Indeed functions.js should be where you have it.
hy ii’d like to buy this template but a have two questions:
ReplyDelete- is it possible to share the portfolio’s images on facebook, twitter or pinterest through plugin that generate buttons directly on the page?
- instead of flickr photostream do you have the code for instagram?
thanks in advance for your kind reply and many compliments, your thempaltes are really amazing!
Hi, you would have to add your own plugins to the template. You could replace Flickr with http://instafeedjs.com/
ReplyDeleteok thanks, you think i can find the plugin on the web? sorry but i’m not so pretty good with html, i’m still learning a lot of things anyway i’m going to purchase your template, if i need a little support can i ask you?
ReplyDeleteYes I can help you, if I can!
ReplyDeleteHi …
ReplyDeleteGreat looking template. Just purchased and am installing it now. Question: Is there a way to have the logo div/layer display over the top of the nivo slider? I’ve tried overflow:visible and z-index:999 for both the div and img, but nothing seems to work. Any ideas?
You can see the logo hidden by the slider on the test page at – http://alanluxmore.com/test1/index2.html
Thanks!
jerry
Try adding: position:absolute; z-index:999;
ReplyDeleteWorked perfectly. Thanks!
ReplyDeleteJolly good, it looks like it’s going to be a great site!
ReplyDeleteHi,
ReplyDeleteIn Flati’s pricing tables, there was a tile-hot class.
Is there something similar for this one, cos I can’t find it?
Thanks!
No sorry it’s not in this template.
ReplyDeleteNo worries. Any suggestions on how to make a price plan stand out though?
ReplyDeleteYou could add a box shadow around it or change the colours?
ReplyDeleteIs it possible to add a Revolution Slider in which I can add text fly-ins, image objects, etc. Thanks!
ReplyDeleteYes you can, it’s almost like my Flati theme where you can see Revolution Slider has been implemented.
ReplyDeleteHi. When I tested my site using the iLevel plugin with Pingdom (http://tools.pingdom.com/), I received nearly 2 dozen requests to Flickr images (e.g. http://farm4.staticflickr.com/3631/5842248732_65ecc030d8_s.jpg). The images are slowing down the page. Curious where they are coming from. By the way, I tested this page too (same requests): http://www.spiralpixelthemes.co.uk/ilevel/blue/index.html
ReplyDeletePlease let me know how to remove.
Thanks
You can remove the Flickr js from functions.js if you don’t need it.
ReplyDeleteThat was it! Thanks
ReplyDeleteHi, when viewing my ilevel site (or even this Live Demo site) in the latest Safari in OS X Mavericks, the top left logo is shown the first time, although without the bouncing down effect.
ReplyDeleteWhen you refresh the page, the logo doesn’t appear anymore.
Try it on the Live Demo site without the themeforest toolbar. See here:
http://tinypic.com/r/2it1rbp/5
How do I fix this please?
Hi, I haven’t downloaded Mavericks yet. Do all of your other animations work? I did read this:
ReplyDeletehttps://github.com/desandro/isotope/issues/554 But I cant be sure until I take a further look. For now remove the animation css from the logo and at least it won’t disappear. I will try to look into it.
Thanks for getting back so fast with a workaround. I don’t have any other animations and once I removed the animation classes, the logo showed up as you said it will.
ReplyDeleteI’ve just tested it on BrowserStack and it’s fine? If indeed it is a memory issue, I’m wondering if you’re not using the Flickr widget to remove it from functions.js. If you are using it, you can still remove it and just add it on the page you want. If this works for you let me know and I will make an update.
ReplyDeleteMaybe other folks who use Safari can pitch in? I’m not sure it’s a memory issue as I don’t have many apps running now, and I have 16gb RAM.
ReplyDeleteI have also commented out the Flickr widget.
The only stuff I have on functions.js are:
$(function() {
$(’.welcome’).show().addClass(“animated fadeInDown”);
$(’.welcome_index’).show().addClass(“animated fadeInDown”);
$(’.pricing-table’).show().addClass(“animated fadeInUp”);
$(’.tile’).show().addClass(“animated fadeInUp”);
});
Yes they’re the other animations. Could you just test: http://www.spiralpixelthemes.co.uk/ilevel/blue/about.html for me please
ReplyDeleteThe logo isn’t showing up, but the circles at the bottom of the page are animating.
ReplyDeleteAnd the icons above “philosophy, mission….” ? Do they slide in?
ReplyDeleteHere, have a look: http://www.youtube.com/watch?v=PwDR3lWtD2M&feature=youtu.be
ReplyDeleteHmmm looks okay now.
ReplyDeleteSo it’s ok now?
ReplyDelete