Categories
Website Design

Complete Responsive Personal Portfolio Website – Using Html, CSS & Javascript [Video]

Complete Responsive Personal Portfolio Website – Using Html, CSS & Javascript

Complete Responsive Personal Portfolio Website – Using Html, CSS & Javascript

In this video, you will learn how to design a complete personal portfolio website using HTML, CSS and Javascript.

About the Project –
✔️ Clear Coding
✔️ Easy to Follow

Website Features –
✔️ Responsive
✔️ Easy Navigation
✔️ Dark/Light Theme
✔️ Popup Modals
✔️ Hover Effects
✔️ Scrolling Effects
✔️ SwiperJs
✔️ Scroll Reveal Animations

+ Like and Subscribe 🔔 for More! ❤

📚 Chapters
————————-
0:00 – Website Intro
6:43 – Files setup
7:30 – CSS Variables
10:57 – Header
14:38 – Home
22:09 – About
30:40 – Header navigation bar (On scroll)
32:33 – Custom scroll bar
33:23 – Skills
47:39 – Services
01:01:32 – Portfolio
01:14:02 – Get-In-Touch
01:17:19 – Our Clients
01:26:37 – Contact Me
01:35:32 – Footer
01:41:55 – ScrollToTop button (On scroll)
01:45:17 – Navigation menu items active (On scroll)
01:48:46 – Dark/Light theme
01:55:46 – Media queries – (All Sections)
02:16:46 – Scroll reveal animations

∎ Source Codes & Download Images, Files Setup – https://codingsnow.com
∎ Download Source Files On Patreon – https://www.patreon.com/posts/58528786
∎ Facebook Page – https://www.facebook.com/codingsnow
∎ Instagram – https://www.instagram.com/coding.snow
∎ Support Me On Patreon – https://www.patreon.com/codingsnow
∎ Paypal Donation – https://paypal.me/codingsnowget

External Sources
___________________
∎ Image Source – https://pexels.com
∎ FontAwesome Icons – https://cdnjs.com/libraries/font-awesome
∎ SwiperJS – swiperjs.com
∎ ScrollRevealJS – https://scrollrevealjs.org

#CodingSnow #WebDesign #Portfolio
____________________
Copyright Disclaimer under section 107 of the Copyright Act of 1976, allowance is made for “fair use” for purposes such as criticism, comment, news reporting, teaching, scholarship, education, and research. Fair use is a use permitted by copyright statutes that might otherwise be infringing.

Watch/Read More
  • Tags

Most Popular Posts Today

Download This Stunning and Creative HTML Website Template for free today [Video]
►
Categories
Website Design

Download This Stunning and Creative HTML Website Template for free today [Video]

11+ Complete website design course in bundle Enroll here - https://www.udemy.com/course/be-a-front-end-website-developer-today-10-projects-included/?couponCode=U-THE-BEST Top animation videos watch these below -------------------- #1- https://youtu.be/icrEhXdVcUw #2-https://youtu.be/i0YOfn2bn_8 #3-https://www.youtube.com/watch?v=Qco4kOjNDno #4-https://www.youtube.com/watch?v=cUe9FUAMH18 #5-https://www.youtube.com/watch?v=1dQJzKUwKCo #6-https://www.youtube.com/watch?v=cOLM2RrVX_4 #7-https://www.youtube.com/watch?v=TkiiGL_YMbA&t #8-https://www.youtube.com/watch?v=RJ0Gz3ApZ4M&t=43s #9-https://www.youtube.com/watch?v=p_gsUxCC_L0 Download this theme - http://www.uplabs.com/posts/foody-latest-html-css-js-responsive-website-template Join our fb group - https://www.facebook.com/groups/328971707545530

  • Tags

Most Popular This Week

Coding a Button Dropdown Menu [Video]
►
Categories
Website Design

Coding a Button Dropdown Menu [Video]

https://bit.ly/39L5LQ0 👈 Learn UI/UX Today. Use "UI2022" for 22% Off! -- Today, we're going to take the button dropdown that we designed in Figma in the previous tutorial (linked below), and make it a working reality in the browser with HTML and CSS only. Part 1 (Design in Figma)l: https://www.youtube.com/watch?v=VjMfSfKflfk 0:00 - Introduction 0:44 - Learn UI/UX Today 1:29 - Preview in Figma 2:23 - Project Setup 3:20 - Writing the HTML 7:18 - Writing the CSS 17:17 - Final Thoughts Let's get started! #frontenddeveloper #html #css - - - - - - - - - - - - - - - - - - - - - - Subscribe for NEW VIDEOS! Learn UI/UX: https://designcourse.com My personal FB account: http://fb.com/logodesigner Coursetro FB: http://fb.com/coursetro Coursetro's Twitter: http://twitter.com/designcoursecom Join my Discord! https://discord.gg/a27CKAF ^-Chat with me and others - - - - - - - - - - - - - - - - - - - - - - Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. Now, I focus all of my time and energy on this channel and my website Designcourse.com. Come to my discord server or add me on social media and say Hi!

  • Tags
CSS Button with Cool Hover animation effect [Video]
►
Categories
Website Design

CSS Button with Cool Hover animation effect [Video]

11+ Complete website design course in bundle Enroll here - https://www.udemy.com/course/be-a-front-end-website-developer-today-10-projects-included/?couponCode=U-THE-BEST Top animation videos watch these below -------------------- #1- https://youtu.be/icrEhXdVcUw #2-https://youtu.be/i0YOfn2bn_8 #3-https://www.youtube.com/watch?v=Qco4kOjNDno #4-https://www.youtube.com/watch?v=cUe9FUAMH18 #5-https://www.youtube.com/watch?v=1dQJzKUwKCo #6-https://www.youtube.com/watch?v=cOLM2RrVX_4 #7-https://www.youtube.com/watch?v=TkiiGL_YMbA&t #8-https://www.youtube.com/watch?v=RJ0Gz3ApZ4M&t=43s #9-https://www.youtube.com/watch?v=p_gsUxCC_L0 Join our fb group - https://www.facebook.com/groups/328971707545530

  • Tags