Main Features: Built with HTML5 & CSS3 & Java Script Valid HTML5 & CSS3 CSS Animations Fully Responsive Easy Customize Clean & Modern Design Toggle Menu Well documented No Error !

Note: images not included in downloaded folder

Menu-pack is Responsive Navigation And Header Styles.Various Hover Styles in Navbar.It Build Very Easy Layouts. Simple Coding & Easy to Customize. Include Perfect Layout & HTML5, CSS3,Bootstrap4 & fully Responsive in Menu-pack.

And Also Designed 2 Style Layouts White And Black.Menu-pack unique and modern design. Looking Very Simple & Awesome. It Is Easy To Customization, You can Used On Your Webside Looking perfect Header.

Please Check More information below:

Features

Menu-pack contains the following features:

• Menu-pack Unique & Perfect Design
• Menu-pack Include MegaMenu
• White And Black Demos Here
• Very Excellent Layouts
• Build Based on Bootstrap4.
• Google Fonts Included
• Regular Updates
• Valid HTML5 & CSS3 code
• Attractive Design and smooth animation
• Cross-browser compatibility
• 22 Home pages Layouts
• Search bar options
• Creative and Modern Design
• 100% Responsive Design
• Awesome & Nice Look.
• Amazing 5 stars support
• Contact Form Working
• Niche Specific demo
• Excellent support
• No console error
• And much more….

Please Note:

Demo images are not include in the Purchese file!

Files included:

• HTML files
• CSS files
• JS files
• Documentation in HTML

Credits:

• Bootstrap
• jQuery
• FontsAwesome
• Google Fonts
• Pixabay
• Unsplash

Total 5 styles:

• Style 1 – Normal Image Background, Fits Everyside
• Style 2 – Background Image Will Be Changed When Someone Visits Again
• Style 3 – Background Image Changes Automatically in Every 4 Seconds
• Style 4 – Hosted Video Background (No sound, and with Play/Pause button)
• Style 5 – YouTube Video Background (with sound, but without Play/Pause button)

Common Features:

• Simple and eye-catching.

• 100% Responsive layout to fit any screen size. Supports All Major Browsers.

• Viewable in Desktop, Laptop, Tablet and Smartphone.

• Less Code

• Clean Code with sufficient comment that you can easily edit later.

• All “Preview Images” are included in the Template. But if you want, you can replace.

• If you resize the Browser, the Background Images or Video will fill the screen too. There will be no “black screen”.

• All files are well-organized that you can find specific code or file easily.

• All Files are “Local Files”. You don’t need to depend on any external file.

• Well Documented with sufficient screenshots which will help you to edit.

Happy?

If you feel satisfied, make the product author happy too. You are requested to

• leave a 5 star positive review
• follow Envato profile to get latest update

Thank you

Lets be honest, the one page websites can get quite bulky very quickly even when you optimize everything.

Many times when the web page is loading we often see a small piece of preloading animation. Pre-loaders are great tool to let your visitors know that the content is being loaded thus reducing a chance of visitor’s abandoning your website in this short period of time. HTML & CSS can be very well used to create amazing preloaders.

Modern high-speed Internet has really made us spoiled. These days, if a website takes more than 4 seconds to load, we tend to not even bother waiting; we simply close the page and find something else. That is exactly why we have developed this template.

Big websites like Facebook, Youtube all use this effect on their websites. So it would be great if you had this
If there is any question do not hesitate to contact me

The simplest way to apply your image slider on the website witout any JS. Put your urls to images and start using! that all!

OK! but why I need pure css slider?

• with Slider you can easily create image carousel with any HTML creator (WYSIWYG) that you have access to save html with input and style tag! For example, blog post, wordpress page, forum post etc.
• you will spend less time to install complicated plugins and library in your project – just copy & past,
• performance is your key.
• in your project You don’t have access to JS or there are NO-JS requirements.

Easy to start but – it is a very powerful tool! We have a lot of functions.

Displaying images – frozen ratio or auto ratio

The Slider has 5 types of ratio preset – 1:1, 2:1, 4:3, 16:9, 21:9, and also the manual mode (for example you can set 100% of window height). You can also select an image that will cover your space or contain it.

Dark mode

Dark and light mode – set up your owns style for each mode – light and dark – use css variables and start to use dark mode.

Animation – fade or move? or none

Responsive – slider is fully responsive

Full screen mode

The slider has full screen mode – can be switch by button – or use JS to change input checked() state

Two way to navigate – as befits a slider

Pagination (indicators) with dots.

Navigation with two predefined style.

Fully customizable – use CSS variables or LESS / SASS file with variables and mixin, colors, shadows, shapes of UI elements etc.

That all works only with HTML and CSS, no need JS at all, this technology is pure magic.

Note: With this plugin you have ability to apply any JS events or trigger method on input tag to manipulate slider behavior (slide, turn on/off fullscreen etc) – it’s very easy.

• Popular loader styles;
• Easy install and use;
• Cross-Browser CSS;
• 12 types;
• Documentation for using the file is also included.

Example:

<div class="loader-type-1">
    <span />
</div>

<div class="loader-type-2">
    <span />
    <span class="two" />
    <span class="three" />
    <span class="for" />
</div>

<div class="loader-type-3">
    <span>
        <span>
            <span>
                <span>

                </span>
            </span>
        </span>
    </span>
</div>

<div class="loader-type-4">
    <span class="one">
        <span class="two" />
    </span>
</div>

<div class="loader-type-5">
    <span>
        <span>
            <span>
                <span>
                    <span>
                        <span>
                            <span>
                                <span>
                                    <span>
                                        <span />
                                    </span>
                                </span>
                            </span>
                        </span>
                    </span>
                </span>
            </span>
        </span>
    </span>
</div>

<div class="loader-type-6">
    <div class="spinner2" />
    <div class="hourHand" />
    <div class="dot" />
</div>

<div class="loader-type-7">
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
</div>

<div class="loader-type-8">
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
    <div class="circle" />
</div>

<div class="loader-type-9">
    <span style="--i:1;" />
    <span style="--i:2;" />
    <span style="--i:3;" />
    <span style="--i:4;" />
    <span style="--i:5;" />
    <span style="--i:6;" />
    <span style="--i:7;" />
    <span style="--i:8;" />
    <span style="--i:9;" />
    <span style="--i:10;" />
    <span style="--i:11;" />
    <span style="--i:12;" />
    <span style="--i:13;" />
    <span style="--i:14;" />
    <span style="--i:15;" />
    <span style="--i:16;" />
    <span style="--i:17;" />
    <span style="--i:18;" />
    <span style="--i:19;" />
    <span style="--i:20;" />
</div>

<div class="loader-type-10">
    <span style="--i:1;" />
    <span style="--i:2;" />
    <span style="--i:3;" />
    <span style="--i:4;" />
    <span style="--i:5;" />
    <span style="--i:6;" />
    <span style="--i:7;" />
    <span style="--i:8;" />
    <span style="--i:9;" />
    <span style="--i:10;" />
    <span style="--i:11;" />
    <span style="--i:12;" />
    <span style="--i:13;" />
    <span style="--i:14;" />
    <span style="--i:15;" />
    <span style="--i:16;" />
    <span style="--i:17;" />
    <span style="--i:18;" />
    <span style="--i:19;" />
    <span style="--i:20;" />
</div>

<div class="loader-type-11">
    <svg>
        <circle cx="45" cy="45" r="45"></circle>
    </svg>
</div>

<div class="loader-type-12">
    <span>Loading</span>
    <div />
</div>

Example:

<div>
<ul class="pagination pagination_1 blue">
      <li><a href="#" class="prev">< Previous</a></li>
      <li><a href="#">1</a></li>
      <li><span>2</span></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><span class="dots">...</span></li>
      <li><a href="#">17</a></li>
      <li> <a href="#" class="next">Next ></a></li>
</ul>
</div>

Advantages:
- Pure CSS3
- 300 Different Types
- Easy to install on any site.
- Supports all latest versions of browsers.
- Easily customize yourself.

Add some animated beauty to your website while your content is been loaded.

• Very easy to use
• Supports all latest browser versions
• Fully responsive
• No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

• Very easy to use
• Supports all latest browser versions
• Fully responsive
• No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

• Very easy to use
• Supports all latest browser versions
• Fully responsive
• No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

• Very easy to use
• Supports all latest browser versions
• Fully responsive
• No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

• Very easy to use
• Supports all latest browser versions
• Fully responsive
• No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

• Very easy to use
• Supports all latest browser versions
• Fully responsive
• No images, site loads faster

This animation can be used so that your customers on the site do not get bored waiting.

Rex Slider jQuery slider plugin is a premium image and content slider with super smooth hardware accelerated transitions.Various types of sliders in jquery-slider, owl-carousel-slider, slick-slider, swiper-sliders etc. It supports touch navigation with pure swipe gesture, I am happy to help outIt Build Very Easy Layouts.Simple Coding & Easy to Customize. Include Perfect Layout & HTML5, CSS3,Bootstrap4 & fully Responsive in the Rex-Slider.

And Also Designed 20+ Demos slider.Rex-Slider unique and modern design.Looking Very Simple & Awesome. It Is Easy To Customization, You can Used On Your Webside Looking perfect Creative Design all Sliders.

Please Check More information below:

Features

Rex-Slider contains the following features:

• Rex-Slider Unique & Perfect Design
• Very Excellent Layouts
• 20+demo slider Layouts
• Various Slider in jquery-slider, owl-carousel-slider,
• And popular Slider slick-slider, swiper-sliders etc
• Creative and Modern Design
• 100% Responsive Design
• Awesome & Nice Look.
• Attractive Design and smooth animation
• Amazing 5 stars support
• Build Based on Bootstrap4.
• Google Fonts Included
• Regular Updates
• Cross-browser compatibility
• Valid HTML5 & CSS3 code
• Contact Form Working
• Niche Specific demo
• Excellent support
• No console error
• And much more….

Please Note:

Demo images are not include in the Purchese file!

Files included:

• HTML files
• CSS files
• JS files
• Documentation in HTML

Credits:

• Bootstrap
• jQuery
• FontsAwesome
• Google Fonts
• Pixabay
• Unsplash

It provides real-time preview of the settings using the controller. You can easily create button and use it for your project at the time.

Main Features

• Pure CSS3 hover Effect (35 type)
• 104 icon fonts provided
• Valid HTML5 & CSS3
• Real-time preview & html/css Code example
• Local Using
• Esay to use through controller

Support Browsers

• IE 11, Firefox, Safari, Chrome, Edge

Support Browsers (controller)

• Firefox, Safari, Chrome, Edge
• Using CSS custom properties (variables)
• https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties

Features

• Pure CSS.
• Easy to customize.
• 6 available sizes.
• 20 available color.
• Full Details.
• Support.
• Full documentation.
• Flash effect.
• No Image or GIF.
• Full responsive.
• High Performance.

Features

• HTML5
• CSS3
• Bootstrap
• Responsive
• Modern
• Minimalistic
• Sleek

Over 30 buttons designs

Over 30 cool hover effects

Modern and clean design

Very easy to customize

Pure CSS3/LESS solution, no jQuery, JS etc.

Popular neumorphism design included

Font awesome included

All modern browsers supported

Buttons as links, divs and inputs

6 modern checkboxes

5 modern radio buttons

5 modern hamburger menus

This Modern CSS3 and LESS UI buttons package includes

• 1 – 8 examples of modern buttons as links with 8 different hover effects.
• 2.1 – 4 examples of modern buttons as links with icons as HTML tags with 4 different hover effects
• 2.2 – 4 examples of buttons as links with icons as backgrounds with 4 different hover effects
• 3 – 5 examples of modern NEUMORPHISM (3D) buttons as buttons tags with 5 unique hover effects
• 4 – 5 examples of modern NEUMORPHISM (3D) buttons as inputs type submit tags with 5 unique hover effects and 5 unique click effects, including one example with an icon
• 5 – 8 examples of modern social icons as links NEUMORPHISM (3D) and classic
• 6 – 12 examples of modern clickable NEUMORPHISM (3D) buttons as divs with icons
• 7 – 4 examples of modern NEUMORPHISM (3D) special icons as divs with 4 unique hover effects
• 8 – 7 examples of modern NEUMORPHISM (3D) inputs type checkbox
• 9 – 5 examples of modern NEUMORPHISM (3D) inputs type radio
• 10 – 5 examples of modern NEUMORPHISM (3D) hamburger menu with 5 unique hover effects
• 11 – 5 examples of lighting buttons (work best for dark templates)

If you have any questions about this package, feel free to contact me.

Features:

• Bootstrap version 4
• Carousel Plans
• Responsive Design
• W3c validate markup
• Unique , clean and modern design
• Easy to customize
• Hover effects
• 6 color variations
• 6 variant design
• Well documented
• 24/7 Friendly customer support
• And much more…

Reasource Credits:

• Bootstrap 4.3.1
• Google fonts
• Font awesome icons

Support

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

Prepages is a small but powerful preloader plugin to add your websites. fun and unique preloader animation to your websites. We have also included a documentation folder to guide you through the code. Include Perfect jQuery & HTML5, CSS3,Bootstrap4 & fully Responsive in Preloader.

And Also Designed 12 Style preloader.unique and modern design.Looking Very Simple & Awesome. It Is Easy To Customization, You can Used On Your Webside Looking perfect Business and All of Template.

Please Check More information below:

Features

Prepages contains the following features:

• Prepages Unique & Perfect Design
• 12 Inner pages Layouts
• Creative and Modern Design
• 100% Responsive Design
• Awesome & Nice Look.
• Attractive Design and smooth animation
• Amazing 5 stars support
• Build Based on Bootstrap4.
• Google Fonts Included
• Regular Updates
• Valid HTML5 & CSS3 code
• Niche Specific demo
• Excellent support
• No console error
• And much more….

Please Note:

Demo images are not include in the Purchese file!

Files included:

• HTML files
• CSS files
• JS files
• Documentation in HTML

Credits:

• Bootstrap
• jQuery
• FontsAwesome
• Google Fonts
• Pixabay
• Unsplash

• Pure CSS Loader
• No Images and GIF Files
• Easy to Customize
• Fully Responsive

Features :

• html & css
• 10 themes
• css animation
• svg
• font awesome icon
• css grid
• responsive layout
• hover effect
• easy to use and customize