Скачать или смотреть 14/15: Apply Animation to Webpage using JavaScript Plugin | Create Responsive Bootstrap Website

Liked my video? 👍Buy me a cup of coffee! 🍵
   / @tanztalkstech  

Follow Me on Facebook: https://fb.me/tanzTalks.tech

Create Responsive Animated Portfolio Theme Bootstrap Website From Scratch Using HTML5, CSS3, Bootstrap4 & JavaScript

Download Starter Files: https://drive.google.com/open?id=18vR...

Complete Playlist:    • Create Responsive Animated Portfolio Theme...  

1: Preview:    • 1/15: Create Responsive Animated Flat Webs...  
2: Getting Started and Head Tags:    • 2/15: Getting Started and Head Tags | Crea...  
3: Cover Image, Navigation Bar and Banner Text on Cover Image:    • 3/15: Cover Image, Navigation Bar and Bann...  
4: About Section | HTML5 & Bootstrap4:    • 4/15: About Section | Create Portfolio The...  
5: Image-Grid (Thumbnails):    • 5/15: Image Grid | Image Thumbnails | Imag...  
6: Modal (Full Screen Image Viewer):    • 6/15: Full Screen Image Viewer | Image Gal...  
7: Hide Body Scroll Bar When Modal (Image Viewer) is Active:    • 7/15: Hide Body Scroll Bar When Modal (Ima...  
8: Hide Navigation Bar When Modal (Image Viewer) is Active:    • 8/15: Hide Navigation Bar When Modal (Imag...  
9: Testimonials Section and Carousel:    • 9/15: Testimonials Section and Carousel | ...  
10: Contact Section & Input Forms:    • 10/15: Contact Section & Input Forms | Cre...  
11: Footer & Font Awesome Icons:    • 11/15: Footer | Create Portfolio Theme Res...  
12: Get Smooth Scroll Effect using JQuery Plugin:    • 12/15: Get Smooth Scrolling Effect using J...  
13: Make Navbar Transparent in Cover Page and Opaque Elsewhere:    • 13/15: Make Navbar Transparent in Cover Pa...  
14: Apply Animation to Webpage using JavaScript Plugin:    • 14/15: Apply Animation to Webpage using Ja...  
15: Media Queries for Responsiveness of Webpage:    • 15/15: Adding Media Queries for Responsive...  

----------

Features:

1. Cover Image
2. Responsive Navigation Bar which remains transparent on the cover image and grey coloured elsewhere
3. Banner Text on Cover Image
4. Bootstrap Responsive Classes
5. Stunning Responsive Image-Grid with Animation
6. Full Screen Image Viewer or Full Screen Slide Show using Bootstrap Modals
7. ScrollBar of Body and Navigation Bar are hidden when Full Screen Image Viewer is open
8. Carousel for Testimonials
9. Contact Section
10. CSS Flex
11. Smooth Scrolling Effect using JavaScript Plugin
12. ScrollSpy: Automatically update Bootstrap Navigation Bar based on scroll position to indicate which link is currently active in the browser's visible area (viewport)
13. Animation using JavaScript Plugins

ALL SCREENSHOTS: https://drive.google.com/open?id=1GZH...

----------

If you are interested in learning about Web Design:

Responsive Travel Theme Website From Scratch Using HTML5 and CSS3 Only | Example 6:    • Create Responsive Travel Theme Website Fro...  

Responsive Animated Portfolio Theme Website From Scratch Using HTML5, CSS3, Bootstrap & JavaScript:    • Create Responsive Animated Portfolio Theme...  

Business Theme Responsive Animated Website using HTML, CSS and Bootstrap | Example 4:    • Create Business Theme Responsive Animated ...  

Create Websites from Scratch:    • Web Design/Website Tutorials  

CSS Tips and Tricks | CSS Animations and Effects:    • CSS Tips and Tricks | CSS Animation and Ef...  

Restaurant/Business Theme Responsive HTML/CSS Website | Example 7:    • Create Responsive Modern Business/Restaura...  

CSS Image Hover Overlay Effects:    • CSS Image Hover Overlay Effects  

Error Page Templates using HTML, CSS and Bootstrap:    • Error Page Templates using HTML, CSS and B...  

HowToCreate Tutorials | Menu Items | HTML/CSS:    • HowToCreate Series | Menus | Using HTML, C...  

Host a website on your computer without any hosting server or buying domain:    • How to Host a Website on Your Computer | E...  

----------

Ubuntu Tutorials:    • Ubuntu Tutorials  
Windows Tutorial:    • Windows Tutorials  
macOS Tutorials:    • macOS Tutorials  
VMWare Tutorials:    • VMware Workstation Player Tutorials  
VirtualBox Tutorials:    • Oracle VirtualBox Tutorials  
Bash Shell Scripting Tutorial:    • Bash Shell Scripting Tutorial  
Docker Tutorial for Beginners | Install and Learn Docker in 20minutes! Ubuntu:    • Docker Tutorial for Beginners | Install an...  

----------

More on Android App Development:
Create Login and Register Android App with Firebase Authentication: 1️⃣   • Login & Register Android App using Firebas...   | 2️⃣   • Login and Register Android App with Fireba...  
Android Basics:    • Android Basics  

#bootstrap #WebDesign #BootstrapWebsite #html #css #responsivewebsite #websitecreation #csswebsite #tanztalkstech #tanzeelosama #tanztalkstech2