Animated website with HTML CSS & Vanilla JS
This Course is divided in 5 sections:
1. Intro:
- Brief explanation about the final result of the course.
2. Basic HTML and CSS structure
- Start coding on the code editor in html and CSS the sections of the template.
- Use an external font from google fonts.
- Add Headings, images, text and social Icons.
3. Responsiveness
- Use media query to adjust the code to look good for other devices as phone and tablets.
4. Animation
- Add a vanilla JS on scroll animation for the main Images.
- Add an Auto slider with CSS using keyframes for the gallery pictures.
5. Additional page
- Create an additional html page and link it to the index page.
- FILES RESOURCES ARE ATTACHED IN A ZIP FILE (2 html files that include the css code and Js code, plus the images)
What you’ll learn
HTML: Create sections, add images, links, paragraphs, headings.
CSS: Positions, margins, paddings, backgrounds, sizing, colors, Keyframes.
JS: Functions, methods, properties, parameters, variables.
Web design
Media Query - Responsiveness
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!
Learn how to remotely hack into any computer using metasploit framework in detail by using latest exploits and payloads
Learn some techniques to keep your skin glowing!
Accounting Corporate Finance Investments MBA Financial Analysis
Creating Stunning Kitchen Design in 3Ds Max
Smartphone VIDEO making with YouTub Mobile App - Grow your video views by creating YouTube Shorts StoryVideos
Hi!
My name is Eliana, and I am passionate about web development, web design and programming.
My Journey started in 2019 when I wanted to create a website for myself, since then I fell in love with my career and in 2021 I decided to start teaching to help others unlock their potential.
I believe that learning to code should be an exciting and rewarding journey, one that not only imparts valuable technical skills but also unleashes your creativity. Programming offers a unique blend of logic and imagination, allowing you to build innovative solutions and bring your ideas to life.
I strive to make complex concepts accessible and relatable by breaking them down into manageable steps and using real-world examples.
Teaching allows me to share my passion for programming with others and witness the transformative power of education.
Whether you're a complete beginner or looking to advance your skills, I am here to guide and support you on your programming journey.
Let's embark on this exciting adventure and unlock the limitless possibilities that coding offers!
Feel free to reach out to me with any questions or to discuss how we can work together to achieve your learning goals.
