
Set up the project with index.html, styles.css, and script.js, link Dura and Poppins from Google fonts, and apply reset styles for a fixed dark background with a gradient overlay.
Create animated mouse circle and dot that follow the cursor with HTML, CSS, and JavaScript; apply fixed positioning, transform centering, keyframe animations, show on move, and hide on leave.
Animate circles on landing page with javascript in response to mouse movement. Use left, top, and translate with querySelectorAll and forEach to move circles and the image in opposite directions.
Apply a hover ripple to the main button using JavaScript and CSS, calculating the cursor position inside the button, creating and animating ripple elements, and resetting on mouse leave.
Explore creating and customizing interactive project cards, loading a dynamic full-screen image on click, with animated overlays, lazy image handling, and a close button while fixing hover gaps.
Add a show more feature for the portfolio projects by hiding the last four items and toggling a show more / show less button with a rotating arrow.
Create and customize a contact form for a portfolio site using HTML, CSS, and JavaScript, featuring name, email, and subject inputs, a textarea, a dynamic heading, styling, and form behavior.
PORTFOLIO WEBSITE USING HTML, CSS, & JAVASCRIPT WITH HOSTING
Welcome to the brand new course where you can learn about how to build a personal portfolio website from scratch with only three core technologies HTML, CSS, and JS.
If you want to create your own portfolio which will help you to represent yourself in the best way and get hired then this is the right course for you.
If you ask any of the employers or project managers how to choose the best developers everyone will answer that the most important thing about the developer is to represent himself or herself with a good portfolio.
If you are familiar with HTML, CSS, and JS then you already can create a really good personal portfolio website that will allow you to express yourself and show everyone your skills and knowledge.
Throughout this course, we will build a portfolio website template that will be full of modern and beautiful features and effects because if you want to create the website using just those three core technologies then it should be definitely an advanced and cool one.
We will build this project from absolute scratch, we won't use any of the third-party tools I mean the libraries and frameworks, once we build the website then we will teach you how to host the project and make it live, in order to make it available for everyone and also you will be able to learn about how to make the formwork in order to get feedback from your guests.
We will make the project responsive to different screen sizes so that every user could access the website from any devices
I think this course will be interesting and helpful for everyone I mean starter or experienced developers.
JOIN US!!!