1/15: Create Responsive Animated Flat Website using HTML5, CSS3 & Bootstrap4 | Portfolio Theme

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=18vRrf0JgHOLeHXXCoKEQWotP2J93c2rP

Complete Playlist:
https://www.youtube.com/playlist?list=PLnisUReSm0-nXCgnGW3D-A4irRWQKkY4F


1/15: Preview
https://youtu.be/M3DSuE-akk0

2/15: Getting Started and Head Tags
https://youtu.be/t8Mey3FfTaw

3/15: Cover Image, Navigation Bar and Banner Text on Cover Image
https://youtu.be/HNqoPsB0-YM

4/15: About Section | HTML5 & Bootstrap4
https://youtu.be/NqvexE_BvlM

5/15: Image-Grid (Thumbnails)
https://youtu.be/v7glEi6w6VY

6/15: Modal (Full Screen Image Viewer)
https://youtu.be/-oIZ8yPR0ao

7/15: Hide Body Scroll Bar When Modal (Image Viewer) is Active
https://youtu.be/TSnKiWBhZYc

8/15: Hide Navigation Bar When Modal (Image Viewer) is Active
https://youtu.be/v-pmwiOeZV0

9/15: Testimonials Section and Carousel
https://youtu.be/DEwJSu90j4E

10/15: Contact Section & Input Forms
https://youtu.be/EtycIv8peLQ

11/15: Footer & Font Awesome Icons
https://youtu.be/jIjKQb4md_Q

12/15: Get Smooth Scroll Effect using JQuery Plugin
https://youtu.be/U14OpPNCABE

13/15: Make Navbar Transparent in Cover Page and Opaque Elsewhere
https://youtu.be/L0EJfKSPUa4

14/15: Apply Animation to Webpage using JavaScript Plugin
https://youtu.be/_Xg3ML-vJ7U

15/15: Media Queries for Responsiveness of Webpage
https://youtu.be/e_-jyi3n0lc

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

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=1tD0zR2Na2PnNv3dk_eCyriMAyXTTb67r

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

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

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

CSS Tips and Tricks | CSS Animations and Effects:
https://www.youtube.com/playlist?list=PLnisUReSm0-nMk-6ujxyl4QBvm0Q0D3zi

Business Theme Responsive Animated Bootstrap Website:
https://www.youtube.com/playlist?list=PLnisUReSm0-kLEHlrDkw12syBQ7xjhtG2

Website Creation Tutorials:
https://www.youtube.com/playlist?list=PLnisUReSm0-nOe1CzyS3jEGk2-F9fl9A2

Host a website on your computer without any hosting server or buying domain:
https://www.youtube.com/watch?v=VlRQ6l6FsY0


#Bootstrap4 #PortfolioTheme #WebsiteCreationTutorial #WebsiteTutorial #WebsiteCreation #WebsiteDesign #BootstrapWebsite #tanzTalkstech