10/15: Contact Section & Input Forms | Create Portfolio Theme Responsive Bootstrap Website

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: /playlist/PLnisUReSm0-nXCgnGW3D-A4irRWQKkY4F 1/15: Preview /watch/0kka-EuSD3MSa 2/15: Getting Started and Head Tags /watch/waTfF3yeM8tef 3/15: Cover Image, Navigation Bar and Banner Text on Cover Image /watch/MY-0BsPoqNHo0 4/15: About Section | HTML5 & Bootstrap4 /watch/MlvB_ExevqNeB 5/15: Image-Grid (Thumbnails) /watch/YV6w6iElg7vlw 6/15: Modal (Full Screen Image Viewer) /watch/oa0RPy8ZIo-ZR 7/15: Hide Body Scroll Bar When Modal (Image Viewer) is Active /watch/cYZhBWiKnSTKh 8/15: Hide Navigation Bar When Modal (Image Viewer) is Active /watch/0VZeOiwmp-vme 9/15: Testimonials Section and Carousel /watch/E4j09uSJwEDJ0 10/15: Contact Section & Input Forms /watch/QLep8vIcytEcp 11/15: Footer & Font Awesome Icons /watch/Q_dm4bQKjIjKm 12/15: Get Smooth Scroll Effect using JQuery Plugin /watch/EBACNPpO41UOC 13/15: Make Navbar Transparent in Cover Page and Opaque Elsewhere /watch/4aUPSKfJE0LJP 14/15: Apply Animation to Webpage using JavaScript Plugin /watch/U7Jv-LM3gX_3v 15/15: Media Queries for Responsiveness of Webpage /watch/cl0n3iyj-_ejn ----------------------------------------------------------------------------------------------------------------- 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: /playlist/PLnisUReSm0-nMk-6ujxyl4QBvm0Q0D3zi Business Theme Responsive Animated Bootstrap Website: /playlist/PLnisUReSm0-kLEHlrDkw12syBQ7xjhtG2 Website Creation Tutorials: /playlist/PLnisUReSm0-nOe1CzyS3jEGk2-F9fl9A2 Host a website on your computer without any hosting server or buying domain: /watch/0YsF6l6QRlVQF #ContactSection #InputForm #Bootstrap4 #WebDesign #BootstrapWebsite #WebsiteCreation #WebsiteCreationTutorial #PortfolioTheme #tanzTalkstech

Category