Learn how to make a Photography website with html and Css

website with html and Css

Language: english

Note: 0/5 (0 notes) 137 students  New course 

Instructor(s): Annie Ring

Last update: 2022-07-03

What you’ll learn

• Learn how to make a Photography website with html and Css
• AOS animation
• CSS animation
• On scroll animation

Requirements

• Intermediate level of Html and Css

Description

Hi guys!

This photography website course is divided inton6 sections. The details of each section are below:

First Section: Menu

Video where I explain how to make an interactive menu with 4 links and a menu icon which will have a transition when clicked.

The links will be related to the different sections of the home page and will have a font change transition when we place the cursor on one.

Second Section: Counter Animation

Video where I explain how to add the “loading” animation from 0 to 100% with cloudfare/ jquery scripts.

Third Section: Photo Animation

Video where I explain how to add an animation of three photos using the property “transform:rotate3d” to generate a sequence that is displayed and then gradually fades.

Fourth Section: Title Animation, subtitle and background image.

In this video I explain how to add the above animation to titles.

Also how to make a transition to display wallpaper with keyframes.

Fifth Section: About, Travel and Contact

In this video I explain how to add AOS animation ( trigger animation when we slide down with the mouse )

we are going to apply various types of animation to different sections. I also explain how to make a Grid or grid of images.

Sixth Section: Gallery

In this video I explain how to add a transition to display a second page from left to right slowly.

Also how to make a Slideshow of images that are shown in transition one after the other.

THE FILES SOURCES ARE ATTACHED TO THE LAST SECTION OF THE COURSE

Who this course is for

• Web development beginners

Course content

• Menu
  • Vertical menu navbar
• Counter-up section
  • Loading Box
• Top photos animation
  • Keyframes animation
• Title, Subtitle and Background image
  • Keyframes animation
• About, Travel and contact
  • Grid
• Contact and Social media
  • AOS animation
• Gallery
  • Gallery Slideshows

Excel Skills for Business [Coursera]

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate