#@prevaj

Automatic Thumbnails with a Single CSS Class

Support for Vertical Rhythm & Thumbnail Orientation

128 Demo Layouts of 4×3 and 16×9 Thumbnails

AutoThumbs VR automatically generates thumbnails with a height relative to their width according to a specified aspect ratio and thumbnail orientation. It provides 3 options for thumbnail orientation – default (square), landscape and portrait, and supports vertical rhythm (VR). To create a thumbnail use class .autothumb on its own for a square or nearest square for VR <div class="autothumb col-sm-3"></div>, or combine it with .landscape for landscape orientation <div class="autothumb landscape col-sm-3"></div> or .portrait for portrait orientation <div class="autothumb portrait col-sm-3"></div>. Add images using a css class with a background-image property pointing to your image, eg. .img {background-image: url(../img/img.jpg);}. Check out the demo files for examples using Bootstrap 4 as a grid system.

Table of Contents

CSS Files and Structure

JavaScript

Sources and Credits

A) CSS Files and Structure – top

Index files showcasing AutoThumbs VR Boxed and Fluid Layouts in 4×3 and 16×9 ratios.

index.html

index-fluid.html

16×9/index.html

16×9/index-fluid.html

The “demos” directories demos/ and 16×9/demos contain fluid and boxed demo layouts of 4×3 and 16×9 square, landscape and portrait thumbnails with vGrid set to 24px as well as masonry & mosaic layouts.

demo/boxed/default – Boxed 1×1 square or nearest square for VR thumbnails

demo/boxed/landscape – Boxed 4×3 landscape or nearest landscape for VR thumbnails

demo/boxed/portrait – Boxed 4×3 portrait or nearest portrait for VR thumbnails

demo/boxed/masonry – Boxed masonry & mosaic layouts of mixed 4×3 thumbnails

demo/fluid/default – Fluid 1×1 square or nearest square for VR thumbnails

demo/fluid/landscape – Fluid 4×3 landscape or nearest landscape for VR thumbnails

demo/fluid/portrait – Fluid 4×3 portrait or nearest portrait for VR thumbnails

demo/fluid/masonry – Fluid masonry & mosaic layouts of mixed 4×3 thumbnails

16×9/demo/boxed/default – Boxed 1×1 square or nearest square for VR thumbnails

16×9/demo/boxed/landscape – Boxed 16×9 landscape or nearest landscape for VR thumbnails

16×9/demo/boxed/portrait – Boxed 16×9 portrait or nearest portrait for VR thumbnails

16×9/demo/boxed/masonry – Boxed masonry & mosaic layouts of mixed 16×9 thumbnails

16×9/demo/fluid/default – Fluid 1×1 square or nearest square for VR thumbnails

16×9/demo/fluid/landscape – Fluid 16×9 landscape or nearest landscape for VR thumbnails

16×9/demo/fluid/portrait – Fluid 16×9 portrait or nearest portrait for VR thumbnails

16×9/demo/fluid/masonry – Fluid masonry & mosaic layouts of mixed 16×9 thumbnails

There are three css files included per thumbnail aspect ratio – files css/autothumbs-vr.css and 16×9/css/autothumbs-vr.css include styles (including images) for AutoThumbs VR. File css/demo.css includes additional styles for the demo pages. Bootstrap 4.1.3 css file is also included in the css directory.

css/autothumbs-vr.css

css/demo.css

css/bootstrap.css

16×9/css/autothumbs-vr.css

16×9/css/demo.css

16×9/css/bootstrap.css

JavaScript – top

There is one js file that includes the necessary code for AutoThumbs VR – autothumbs-vr.js. By default vertical rhythm is set to vGrid = 24 for a vertical rhythm unit of 24px. To change the vertical rhythm unit, open the js/autothumbs-vr.js or 16×9/js/autothumbs-vr.js and set vGrid to your selected value (without “px”).

To customise the aspect ratio, edit the x=4 and y=3 variables (4×3) in file js/autothumbs-vr.js or x=16 and y=9 (16×9) in file 16×9/js/autothumbs-vr.js and set them up accordingly, considering that x corresponds to the longest side and y to the shortest side of a thumbnail. Bootstrap 4.1.3 JS (bootstrap.min.js) and jQuery 3.3.1 (jquery.min.js) are included too.

js/autothumbs-vr.js

js/bootstrap.min.js

js/jquery.min.js

16×9/js/autothumbs-vr.js

16×9/js/bootstrap.min.js

16×9/js/jquery.min.js

C) Credits – top

Unsplash Typography Collection by Jeremy Beck

Bootstrap 4.1.3

jQuery 3.3.1

This is a jquery plugin that will generate fake audio waveforms.

This plugin comes with a visual code generator

Check out the video!

Features:

Color the small lines as you wish

Set how many rows you want

Set how many columns you want

This is responsive

Set the spacing between small lines to whatever you want

Style it with css as you wish. This is div based

2 Different types of animations

visual code generator

This item is 100% supported

Very light jQuery Plugin

Santa Claus is ready to receive your visit. Show your friends and clients how happy you are to receive them on your site with this lively and affectionate card. There are 3 colors, several animations and beautiful illustrations.

You can see the animation on the tablet and phone, because the card was made with html5. Fully touch!

In this card you can change the music, all the images and the text, through an xml file. The text size and color are also editable. Animations developed with javascript files are not editable. The card was developed using the Construct program (capx not included). The psd files of layouts are included, and a help file.

CHRISTMAS SALE – HTML5 AD BANNER BASED ON GOOGLE WEB DESIGNER

Attractive HTML 5 based ad banner features-

7 Standard Sizes (160×600, 728×90, 300×250, 336×280, 300×600, 200×200, 468×60)

HTML5/CSS3 based

Fully editable using Google Web Designer

Google based web fonts

Download will include-

7 fully editable layered PSD files

7 HTML5 ready banners

Detailed Documentation

All graphics and shapes used

Google Font used- Spicy Rice & Lato

Graphic used from pixabay (100% free)

Please rate us it will help us a lot

Nimmo WordPress Theme is a creative & unique design based on latest technology. All files are clearly organised we believe it will be easy to use and edit them. This theme is well organized and very easy to customize. Its easy to use and navigate as well. Compatible with Desktop,Laptop,table,mobile or any device. Nimmo is minimal and clean design, will give your business a professional looks. Suitable for anyone who is looking for app, app landing, app landing page, app landing template, App Showcase, app website, creative agency landing page, landing page, business landing page & modern looking.

Features:

Clean & Modern Design

Cool CSS3 animations

Responsive and Retina ready

SEO optimised design

Carousel elements

Sticky Menu When Scrolling Down

Awesome Unique Look.

Unique effects and functionality.

Smooth transition effects.

Cross Browser Optimization.

Google font.

Dedicated support

Section video background

Unlimited Color Options

Theme Options with Real-time WP Customizer

Powerful theme options panel

One-click demo content import

WooCommerce Ready

WPBakery Page Builder (save $34)

Revolution Slider included (save $25)

WPML localization support

Contact Form 7 plugin

Google Maps

Parallax and Video Background

FontAwesome icons

Build with HTML5 & CSS3

High Speed Performance

Sticky Header

Detailed Documentation Included

Five Star Support Team

RTL Language Support

UnlimiMore features coming soonted

p>Roform – Bootstrap 4 Forms is a collection of various forms built on Bootstrap 4. Its contains various forms and all forms have different stylesheet. HTML5 and CSS3 files are validated and well commented. It helps in easy integration to any Web Projects.

Main Features

10 Different Design form

100% Responsive Design

Modern,clean and unique design

Cross Browser Compatability

Easy to Customize

Google Web Fonts

Well Commented and Clean Codes

Here’s what included in this pack:

Registration form

Login Form

Contact Form

Payment Form

Review Form

Subscribe Form

Forgot Form

Reset Form

Recover Form

Sign Up Form

Resources Credits:

Bootstrap

Font Awesome

Google Font (Poppins)

Support

Feel free to contact us any time. We have a dedicated team to provide you the best support.

Trid – City Guide is Android app template show interesting place from a city with description and some attribute.

With this template, you can create your own City Guide App with Points of Interest group by categories (See, Do, Eat, Drink, Nightlife, Sleep, Tour…).

View the Google Play Demo

Develop with Android Java/XML language makes the app run smooth and fast. All data stored in Google FireBase database so the app works in online and offline mode.

A powerful Admin Control Page based on Bootstrap can easy manage (create, edit, delete, sort) country, cities, categories, places, banner ad, users…

View the Admin Panel Demo Admin Email: [email protected] Password: 123456

The design is simple by Sketch Tools. An astute user experience is subtle, beautiful and intuitive.

View the Online Documentation & FAQ Here.

If you need support. Please create a ticket in here

FEATURES

Android Java/XML language – Native Android Studio project

Android 5.0 and above – Universal

Offline Mode: Maps and contents can be used without an Internet connection.

Weather Included: 14 days weather forecast with offline mode in each city.

Ask Questions: Users can create a question or share a tip in each city.

Save Favorite Places: A place can be saved to favorite to be seen later.

Search: Users can search places easily.

Filter: The places list can filter by subcategory, price.

Sort: Places, Categories, Cities can sort by handpicking in Admin page.

Ratings and Reviews: Users can rate and review places.

User Login: Users can log in via Facebook or by email/password.

Map View: View places in vicinity and search places in the area.

In-App Purchase: The user can buy in-app to unlock the city.

Push Notifications: Includes firebase push notifications.

Side Navigation Menu: Easy navigation through the side drawer.

Firebase: The template has firebase to track the user behavior.

Admin Page: A powerful admin page to manage, edit, create cities, places, categories, manage users and much more.

App Rating Feature: The app asks the user to rate the app after 5 clicks to make it easier for users to give you a good rating.

Affiliate Banner Ads: You can create banner ads for each city and category in Admin page. Earn money from Ads Affiliate.

Hotel, Tour Affiliate: You can create a place is Hotel and Tour, put link booking affiliate to earn money.

Info Page: An extra page to put your custom information, about, terms and conditions, privacy policy or anything you wish.

Responsive Works on any model of this family of Android devices.

Support Multi-Languages

Sketch Design: Sketch file and icons included in the package.

WEB ADMIN

Implement Material Design and Bootstrap

Material Form

Material dialog view

Support Multi-User

Horizontal loading

Responsive Web Admin

Responsive Drawer Menu

Categories Display place

Responsive

Using Angular Material

Support multiple Category for one Place

Ripple Effect

Material Drawer

Search Place Field

Light and Clean Code (relative)

PACKAGE CONTENT

Android native source code

Admin site (AngularJS ver1)

Sketch file design

SUPPORT

Please send us your product presale query, after sales developer support request, customization project and any other queries to our dedicated support email: [email protected]

We will support you until the end of the world so nothing to worry about

Overview

Scenic – is a plugin for WordPress that automatically animates layers of still imagery during scrolling for creating an illusion of 3D. It pans and zooms a photo to achieve a parallax effect. As layers you can use any images, html and even shortcodes to construct custom text, buttons or other content.

You will get a video tutorial of creating layers of your image using Photoshop toolset. Or you can just pick a ready 3D photo from our library with hundred of items that are available exclusively for users purchased our plugin.

Try before you buy

Open Live Demo

Instructions

Visual Constructor

Library of 3D photos

You also can use ready 3D photos in your site. There are already 100+ 3D images in our gallery and we regularly add new items. Feel free to send us photos from public photostocks (via comments). And we will do our best to add them in the library in next releases.

Credits

All images are taken from Pexels and Pixabay. They are free for personal and commercial use.

Do you need a 3D Slider? Check out other products:

Glider 3D Slider for WordPress

Glider 3D Slider JS