Portfolio Website template with sliding pages , Use Javascript to make your websites more interactive.
Course Description
Hello Everyone!
Welcome to the Course Portfolio Website template with sliding pages!
On this course you will learn how to create a website with 3 Pages that slide from the left menu bar across the header.
You will use HTML CSS and JS to create the template.
The course is divided in the below 7 sections.
First Section: Introduction
– Take a quick look at what you’ll be able to create by the end of the course.
Second Section: Header
– Add the Main heading and picture, create a vertical navigation Bar.
Third Section: About
– Create the about section by using basic HTML and CSS.
Fourth Section: Gallery
– Create an slider by using vanilla JS
Fifth Section: Contact
– Create a list of the Model’ Social media accounts with icons.
Sixth Section: Sliding Transition for Pages
– Use a JS Function to create the sliding transition for each page.
Seventh Section: Responsiveness
– Use media Query to make your website responsive.
This is what you will learn throughout the course:
– Remove the background of an Image with PS.
– Add headings, paragraphs, and Images to your HTML File.
– How to Create a vertical Navbar.
– How to create a Page with a transparent Background with Glass Effect.
– Javascript Functions, Variables, Parameters, Methods, Properties.
– How to add social media Icons to a template.
– How to create an slider with Vanilla JS
– CSS Position, padding, margin, z-index, transform, transition, float.
And much more…
Please remember to take a moment to review the course at the end!
Your feedback is invaluable and helps us continually improve the curriculum and
overall learning experience for future students.
Thank you for passing by!
