Accordion Collection – Responsive accordion CSS Showcase. It’s have 24 styles . You can use this accordion on your website easily. Accordion Collection Main Features 24 Unique tabs Styles * More Style Coming Soon! Responsive Design Smooth hover effect Fully Customization Unlimited Color Style All Browser Supported Clean Coding, W3c Validate Step by Step Well Documented 24/7 First Support Credits A big thanks to following source. team slider add-on wouldn’t be possible without these source. • Font Awesome • Google Fonts • Bootstrap Important: After purchasing our product, Sir if you face installation or customization problem so, please feel free to contact with us via Envato email. We
The mini cart is a widget that appears in the corner of the page, the mini cart allows customers to examine an item in detail, edit the quantity, delete items, view the full-size cart, or go to checkout. The number indicates how many items are currently in the cart. It is easy to integrate into your website, the html and css codes are clearly marked according to each demo, each product and every detail of the product. Item includes HTML, CSS files and icons, do not include the demo images, if there are any questions do not hesitate to contact me. Features 5 versions of style. Responsive layout. Fully product information. Modern style. Bootstrap 4. Libraries Bootstrap Font Awesome
Features: Minify CSS: Minify your CSS to keep the filesize small! Beautify CSS: Reformat your CSS to look good! Compile LESS: Easily compile your less files. Compile SCSS: Easily compile your scss files. AJAX Navigation: Avoid redownloading static assets like CSS and JS every time you load a new page. Each page is loaded using ajax. System Requirements: PHP 7.0+ NGINX or Apache
CSS Sprites are a great way to improve the performance of your site, by reducing the overall image weight as well as reducing the number of HTTP requests. The one major drawback however is maintaining the images and recompiling and uploading every time one of the sprites changes. CSS Auto Sprites changes all that by automatically building the CSS sprite image from files in a directory as well as generating sample code or live minified (and Gzipped) CSS for you to use. If you want to change one sprite, you simple replace it in the directory and the sprite and CSS is updated automatically. Don’t need an image any more, then just remove it and again everything is updated. Works with PNG, GIF and JPG files maintains transparency
Introduction The Voyager theme is a very complete template that can be used for a websites like: portfolio websites, corporate websites, photographers, blog etc. The template is designed to give you an easy start point for what ever direction you want to go with it. Each element in the site can be re-used or located on a other part of a page in a breeze. And its got a working php contact form right out of the box! )” title=” :)” /> Pages Homepage About Portfolio Services Blog The different portfolio pages Portfolio page with 3 columns using lightbox Portfolio page the items displayed in 8 columns Portfolio page with 8 columns using lightbox Item pages Single blog page Single portfolio page Single s
This is a horizontal, tab-like navigation bar. It is easily customizable and was designed and coded with usability in mind. CSS animations are used in a clever way. The navigation items are fixed, which means they stay at their place when you scroll down the site. When there are too many pages the navigation becomes scrollable. After clicking an element, it will show a loading indicator in webkit browsers. Changelog v1.1 Fixed an IE bug v1.2 Fixed a bug preventing the stylesheet from loading in older browsers
Copertura is an elegant way to show text which is not included in your site’s content. It is great for displaying legal notes, longer explanations or sources. If a certain link or button is clicked, the Copertura lightbox directly appears in a light and fancy way without loading a new document. Copertura is designed with readability in mind. Special attention was spent to every typographical aspect. High readability Light and elegant CSS-only, no images used CSS animations Easy to implement Changelog v1.1 IE9 bug fixed
Puffin – The simple and responsive, pure CSS, grid and typography library Easy as pie – Great structure and a good naming convention, makes it easier for you to create stunning web pages. Flexible Layouts – Create web pages for every device, in a snap! Only your imagination sets the limit of the layouts you create. Clean and simple – HTML and CSS how it was meant to be used. No dependencies or jQuery plugins required. Sass – The CSS is preprocessed with Sass. You can easily modify colors, column count, font sizes etc. if you know sass. Web fonts – The standard font can be replaced by any other font by your choice, and still look great! Responsive Text – It’s not only the grid that’s responsive. The text also resizes as you scale
Blog posts layout css Showcase is Collection of Responsive blog post layout. It’s have 75 styles. 10 Thumbnail Layout, 17 Full Width Layout, 10 Header Slider Layout, 17 Featured Column Layout, 21 Post Grid Layout etc. You can use this news grid design on your website easily. Enjoy Blog posts layout Collection with total 75 blog layout template style Blog posts layout Collection Main Features 75 Unique Layout Styles 10 Thumbnail Layout 17 Full Width Layout 10 Header Slider Layout 17 Featured Column Layout 21 Post Grid Layout Responsive Design Smooth hover effect Fully Customization Unlimited Color Style All Browser Supported Clean Coding, W3c Validate Step by Step Well Documented
Here the HTML / CSS themeplate of a compact site for you business or small internet service company. It contains a fully designed website, including the following pages: - Home page With big showcase to show latest developments or steps in your service - About us A simple and clean page to tell more about your company. - Services overview A overview of the offers services or area’s of your company - Services page A page that explains more about a service or owrk area. - Blog overview A page with the latest post and a vertical showcase slider for more blog entry’s -Blog post A page with the complete blog entry. -Contact pageSimple and clean page with a contact form The download features 2 complete sites in 2 different colours
CSS is capable of so much more than browsers can currently handle, namely when it comes to working in 3D spaces. In this premium video tutorial, I’m going to teach you how to work with CSS transitions, animations, and specifically how to work with Webkit’s CSS 3D capabilities. If you’ve watched my other video tutorials on Nettuts+, you’ll know that I go over every detail in the video to ensure that you know exactly what you’re coding, and, more importantly, why you’re doing so! I hope you enjoy it!
Portfolio Wall | HTML – CSS plugin which could be used to create wall of your works or clients or team or any thing other as you want, with an awesome 3d hover effect … Feateures Choose from ( 2 – 3 – 4 ) columns. Responsive layout 3D hover effect PrettyPhoto lightbox Sources & Credits Special thanks to : Images: http://unsplash.com/ prettyphoto http://www.no-margin-for-errors.com/ The images not included in the download package. Note..!! PrettyPhoto not included it is just to know some of what you can do by this Code.
This is CSS Gradient Generator that you can use in your site to generate CSS Gradient that is cross browser and provides the CSS gradients with all the suffixes. It gives you the power of that CSS Gradient generator in Adobe Photoshop. You can use it to generate your code in your admin control panel to edit the gradient visually. FEATURES: Cross browsers. 50+ predefined presets. 2 themes (Dark & Light). Linear & Radial gradients. Generates TRANSPARENT steps. Very easy to use and to work with. Uses RGB, RGBA, HSL, HSLA, HEX. CSS3 Gradient for all the BROWSERS. Change Log Version 1.0 (August 23, 2013) - Added "SASS(SCSS)" option to the generator's types. - Added "LESS" option to the generator's types.
Update New update: Added another five color schemes; Features 420 different progress bars – process bars – created only using CSS3 features. 10 different colors. 3 different color types. No images are used. Avaiable also 3 different types of animations – supported only by browser which supported CSS3 features. The process bars are also compatible with Internet Explorer 7 (but they are without animations). To modify the value of the progress bar you can change the css width declaration of the ‘process’ div. Everything is explained in the documentation (online and offline). Documentation and demo are available, and you can generate the progress bars online.
Overview Introducing the set ot 85 nice and clean CSS flags. Implementation is really simple and the HTML/CSS code is really tiny. The main goals in development process were wide browser support, simple code and similar layout for every flag. I think the final result is good. I hope you enjoy the set! There will be frequent updates and optimizations. Features 85+ CSS Mini Flags Documentation Easy To Use Easy To Customize Changelog Version 3.0 (16.11.2013): Added 3 Flags – Morocco, Nauru, Palestine Version 2.0 (10.02.2013): Added 4 Flags – Iran, Israel, Lebanon, Scotland Countries & Browser Compatibility
Team Members is a modern Css Showcase. It’s have 18 styles . You can use this Team Member Showcase on your website easily. ENJOY THE TEAM SHOWCASE WITH TOTAL 18 TEAM MEMBER TEMPLATE STYLE Team Showcase plugin Main Features • 18 Unique Styles • Responsive Design • Fully Customizable • Unlimited Color Style • All Browser Supported • Clean Coding, W3c Validate • 24/7 First Support • Step by Step Well Documented Credits A big thanks to following source. team slider add-on wouldn’t be possible without these source. • Font Awesome • Google Fonts Important: After purchasing our product, Sir if you face installation or customization problem so, please feel free to contact with us via Envato email. We will try to best support for you.
Image Hover CSS Libraryv1.0 A Scaleable & Light Image Hover CSS Library A lovingly crafted CSS library allowing you to easily implement scaleable image hover effects. 58 hover effect classes to choose from a CSS library weighing in at a minified size of only 28KB. Each effect uses the same basic markup allowing you to change effect by simply editing the containing class. Basic Usage Include the imagehover.css stylesheet on your document’s <head> <head> <link rel="stylesheet" href="imagehover.min.css"> </head> Place the following markup in to your HTML document <figure class="imghvr-fade"> <img src="#"> <figcaption> // Hover Content </figcaption> </figure> Ed