Create a Split Landing Page With HTML, CSS & JS - Best Webhosting

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Watch Web Development Traversy Media Video: Create a Split Landing Page With HTML, CSS & JS.
Create a split animated landing page using HTML5, CSS3 transitions and a bit of vanilla JavaScript. We will also be using CSS variables aka custom properties.

CODE: Code for this project
https://codepen.io/bradtraversy/pen/dJzzdB

• BECOME A PATRON: Show support & get perks!
http://www.patreon.com/traversymedia

VISIT MY WEBISTE: Check Out My Udemy Courses
http://www.traversymedia.com

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia
https://discord.gg/traversymedia

Published: Friday, August 30, 2019 11:08 AM
Category: Web Development Traversy Media

102 Views

Related Videos

Split Screen Landing Page with CSS Flex | Html CSS Hover Effects

by Best Webhosting Added 4 years ago 81 Views / 0 Likes

Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Track: Cadmium - Melody (feat. Jon Becker) Link: https://youtu.be/9MiFRbymQXQ
7 Landing Page Best Practices - How to Create Landing Pages That Convert

by Best Webhosting Added 3 years ago 59 Views / 0 Likes

When you are creating a landing page or multiple landing pages, you should keep some of the top strategies and best practices in mind below. There are more considerations when creating your landing pages for PPC Advertising, social media marketing, social advertising, and any paid advertising you are doing. However, the best practices below can serve as a landing page checklist for any beginning or experienced marketer that wants to make sure they cre
Split Banner On Page Scroll Using CSS Clip-path | Html CSS & Vanilla Javascript

by Best Webhosting Added 4 years ago 71 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D ------------------ Join Our Channel Membership And Get Source Code Everyday Join : https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog/join ------------------ Used Website for css clip-path Url : https://bennettfeely.com/clippy/ ------------------ Please LIKE our Faceboo
Popular
How to Create Landing Page with Elementor in 30 minutes? (iPhone XR page example) #Monstroid2

by Best Webhosting Added 4 years ago 104 Views / 0 Likes

If you have such a reliable tool like Elementor it becomes really easy to create landing page design. When you have the tools you can possibly need, website building transforms into constructing a car from LEGO bricks. It is really fast and when I say “fast” I mean not some hours, but about 30 minutes. Yeah, that’s correct, after spending only a half an hour you will be able to launch a fresh landing page. In this video, you will witness the whole pro
Responsive Landing Page Using HTML & CSS (A Little jQuery)

by Best Webhosting Added 4 years ago 76 Views / 0 Likes

In this project we will build a responsive landing page website from scratch without any frameworks. It will be modeled after the iTunes website as far as layout and content. We will use HTML5, CSS3 and a bit of jQuery Sponsor: JavaScript Edegree Mastery Course https://www.kickstarter.com/projects/1311831077/eduonix-fullstack-javascript-developer-edegree?ref=clxt1u Code: https://github.com/bradtraversy/mytunes_landing Deployment: https://bradtraversy.
Easy Fullscreen Landing Page With HTML & CSS

by Best Webhosting Added 4 years ago 89 Views / 0 Likes

In this small project I will show you how to create a simple HTML/CSS landing page with a fullscreen image in the background. We will also use a little bit of flexbox styling. CODE: Code for this project https://codepen.io/bradtraversy/pen/XerXYV SPONSORS: DevMountain Bootcamp - https://goo.gl/6q0dEa BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY ME
Popular
Pure CSS Landing Page Website Design | Html CSS

by Best Webhosting Added 4 years ago 107 Views / 0 Likes

Part 2 : https://www.youtube.com/watch?v=Qn7QmPoQQHs Part 3 : https://www.youtube.com/watch?v=bd3E1IGTwLU Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ Music Credit Track: Rival x Cadmium - Seasons (feat. Harley Bird) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/Nl_4MWNh08I Free Download / Stream: http://ncs.io/SeasonsYO
Product Landing Page | Build & Deploy | HTML & CSS

by Best Webhosting Added 4 years ago 91 Views / 0 Likes

In this project we will build a small responsive landing page using modern css (grid, flex, media queries) and deploy it to Netlify with a working form. Code: https://codepen.io/bradtraversy/pen/MNEgoJ Udemy Course - Modern HTML & CSS From The Beginning https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get perks! http://www.pat
Build a Netflix Landing Page Clone with HTML, CSS & JS

by Best Webhosting Added 4 years ago 82 Views / 0 Likes

In this video, we will re-create the Netflix landing page using HTML, CSS and a bit of JavaScript for the tabs. We will use modern CSS3+ techniques like Grid, Flex, overlays, shadows, etc Code: https://codepen.io/bradtraversy/pen/yWPONg Modern HTML & CSS Udemy Course Promo: https://www.udemy.com/course/modern-html-css-from-the-beginning/?couponCode=TRAVERSYMEDIA Sponsor: DevMountain Bootcamp https://goo.gl/6q0dEa • Become a Patron: Show support & get
Build a Modern Landing Page Website | HTML & CSS

by Best Webhosting Added 3 years ago 50 Views / 0 Likes

Build a clean and modern landing page website with HTML, CSS & Sass Kevin Powell YouTube Channel: https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw Code: https://github.com/kevin-powell/shoes • Support The Channel! http://www.patreon.com/traversymedia Website & Brad Traversy Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.
Landing Page HTML Templates With Builder. How To Upload Template

by Best Webhosting Added 4 years ago 85 Views / 0 Likes

This tutorial will show you how to upload Landing Page HTML templates with builder. Choose your template now: http://www.templatemonster.com/best-sellers/?utm_source=youtube&utm_medium=link&utm_campaign=lptuts10 Subscribe Our Channel: http://goo.gl/zjoR8Z Follow us: Facebook http://goo.gl/3yXKEu, Twitter http://goo.gl/NR5fDK , LinkedIn http://goo.gl/qDZeEO, Dribbble http://goo.gl/UwqX48, Pinterest http://goo.gl/Tp8Je5
Passion | Creative Landing Page Design Using Html CSS & Javascript

by Best Webhosting Added 3 years ago 26 Views / 0 Likes

Enroll My Course : Next Level CSS Animation and Hover Effects https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-expert/?referralCode=90A9FFA7990A4491CF8D Another Course : Build Complete Real World Responsive Websites from Scratch https://www.udemy.com/course/complete-responsive-website-design-from-scratch/?referralCode=F1DFAF1715AF6CE5780E ------------------ Join Our Channel Membership And Get Source Code of My New Video's Eve