14/15: Apply Animation to Webpage using JavaScript Plugin | Create Responsive Bootstrap Website

Publié le: 03 septembre 2018
sur la chaîne: tanzTalks.tech

1,945

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:
   • Portfolio Theme Website | Create Resp...

1/15: Preview
   • 1/15: Create Responsive Animated Flat...

2/15: Getting Started and Head Tags
   • 2/15: Getting Started and Head Tags |...

3/15: Cover Image, Navigation Bar and Banner Text on Cover Image
   • 3/15: Cover Image, Navigation Bar and...

4/15: About Section | HTML5 & Bootstrap4
   • 4/15: About Section | Create Portfoli...

5/15: Image-Grid (Thumbnails)
   • 5/15: Image Grid | Image Thumbnails |...

6/15: Modal (Full Screen Image Viewer)
   • 6/15: Full Screen Image Viewer | Imag...

7/15: Hide Body Scroll Bar When Modal (Image Viewer) is Active
   • 7/15: Hide Body Scroll Bar When Modal...

8/15: Hide Navigation Bar When Modal (Image Viewer) is Active
   • 8/15: Hide Navigation Bar When Modal ...

9/15: Testimonials Section and Carousel
   • 9/15: Testimonials Section and Carous...

10/15: Contact Section & Input Forms
   • 10/15: Contact Section & Input Forms ...

11/15: Footer & Font Awesome Icons
   • 11/15: Footer | Create Portfolio Them...

12/15: Get Smooth Scroll Effect using JQuery Plugin
   • 12/15: Get Smooth Scrolling Effect us...

13/15: Make Navbar Transparent in Cover Page and Opaque Elsewhere
   • 13/15: Make Navbar Transparent in Cov...

14/15: Apply Animation to Webpage using JavaScript Plugin
   • 14/15: Apply Animation to Webpage usi...

15/15: Media Queries for Responsiveness of Webpage
   • 15/15: Adding Media Queries for Respo...

-----------------------------------------------------------------------------------------------------------------

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 broswer's visible area (viewport)
13. Animation using JavaScript Plugins

WEBSITE SCREENSHOT:
https://drive.google.com/open?id=1tD0...

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

-----------------------------------------------------------------------------------------------------------------

If you are interested in learning about Web Design. Check out these playlist

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

Business Theme Responsive Animated Bootstrap Website:
   • Create Responsive Animated Business T...

Website Creation Tutorials:
   • Website Creation Tutorial | Create Re...

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

#Animation #AnimatedWebsite #AnimatePlugin #WebsiteAnimation #Bootstrap4 #WebDesign #BootstrapWebsite #WebsiteCreation #WebsiteCreationTutorial #PortfolioTheme #tanzTalkstech

Sur cette page du site, vous pouvez voir la vidéo en ligne 14/15: Apply Animation to Webpage using JavaScript Plugin | Create Responsive Bootstrap Website durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur tanzTalks.tech 03 septembre 2018, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 1,945 fois et il a aimé 30 téléspectateurs. Bon visionnage!

7,186