A Complete tutorial on making a modern and responsive website using HTML, CSS and Javascript along with a couple of libraries like swiper JS and Animate CSS.
What You Will Learn:
How to:
- Layer images on a webpage and create some beautiful effects
- Animate HTML elements on scroll with Animate.CSS and Wow.js
- Responsive Design
- Make a responsive navbar with open/close functionality
- Use before & after elements on a webpage in creative ways
- Create stunning text decorations
- Make awesome link hover animations
- Create content and image swipers that work on desktop and
mobile using Swiper.js
- Turn a PSD design to HTML
- Create advanced layouts with Flexbox and CSS Grid
- Use CSS variables across your webpage for easier color
customization
- Use colors across a webpage and make it look lovely
- Add Font Awesome icons to your page
- Create sleek looking buttons with CSS
- Handle and layout text accross a webpage to make it look clean
- How to create a full landing page design &
general web design concepts
Font Awesome Icons:
https://fontawesome.com
Google Fonts:
https://fonts.google.com/specimen/Roboto
Swipper JS:
https://swiperjs.com/get-started
Animate CSS:
https://animate.style
WOW JS:
https://wowjs.uk
All Images Used In The Video:
https://ibb.co/QNcw1PG
https://ibb.co/2MfnR6C
https://ibb.co/Wkr12Qk
https://ibb.co/mDQgbZM
https://ibb.co/CPRsm27
https://ibb.co/3yCvFQV
https://ibb.co/0ttHNQX
https://ibb.co/2gtRBwy
https://ibb.co/9GpN6KL
https://ibb.co/z864Ctn
https://ibb.co/Q8kpdBj
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/posts
Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/
My Products:
https://www.buymeacoffee.com/webcode/extras
Support Me To Keep Creating And Improving My Content:
https://paypal.me/quickcodingtuts?locale.x=en_US
Tags:
#javascript
#html
#website
What You Will Learn:
How to:
- Layer images on a webpage and create some beautiful effects
- Animate HTML elements on scroll with Animate.CSS and Wow.js
- Responsive Design
- Make a responsive navbar with open/close functionality
- Use before & after elements on a webpage in creative ways
- Create stunning text decorations
- Make awesome link hover animations
- Create content and image swipers that work on desktop and
mobile using Swiper.js
- Turn a PSD design to HTML
- Create advanced layouts with Flexbox and CSS Grid
- Use CSS variables across your webpage for easier color
customization
- Use colors across a webpage and make it look lovely
- Add Font Awesome icons to your page
- Create sleek looking buttons with CSS
- Handle and layout text accross a webpage to make it look clean
- How to create a full landing page design &
general web design concepts
Font Awesome Icons:
https://fontawesome.com
Google Fonts:
https://fonts.google.com/specimen/Roboto
Swipper JS:
https://swiperjs.com/get-started
Animate CSS:
https://animate.style
WOW JS:
https://wowjs.uk
All Images Used In The Video:
https://ibb.co/QNcw1PG
https://ibb.co/2MfnR6C
https://ibb.co/Wkr12Qk
https://ibb.co/mDQgbZM
https://ibb.co/CPRsm27
https://ibb.co/3yCvFQV
https://ibb.co/0ttHNQX
https://ibb.co/2gtRBwy
https://ibb.co/9GpN6KL
https://ibb.co/z864Ctn
https://ibb.co/Q8kpdBj
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/posts
Follow me on Instagram:
https://www.instagram.com/quickcodingtuts/
My Products:
https://www.buymeacoffee.com/webcode/extras
Support Me To Keep Creating And Improving My Content:
https://paypal.me/quickcodingtuts?locale.x=en_US
Tags:
#javascript
#html
#website
- Category
- Web design

Be the first to comment