Learn how to make a Photography website with html and Css

Focused View

Annie Ring

1:18:56

255 View

1 - Menu

1 - Vertical menu navbar.mp4

21:38

2 - Counterup section

2 - Loading Box.mp4

05:56

3 - Top photos animation

3 - Keyframes animation.mp4

07:11

4 - Title Subtitle and Background image

4 - Keyframes animation.mp4

09:53

5 - About Travel and contact

5 - Grid.mp4

10:58

6 - Contact and Social media

6 - AOS animation.mp4

04:04

7 - Gallery

7 - Gallery Slideshows.mp4

19:16

7 - Photographywebsite.rar

Description

website with html and Css

What You'll Learn?

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

Who is this for?

Web development beginners

More details

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

User Reviews

Rating

average 0

Total votes0

Focused display

Hi there!My name is Annie.I'm a web developer, Youtuber and now Udemy instructor.I'm glad to have the chance to share with you my knowledge on programming.Coding can look difficult, but it's a lot easier than you think, once you learn the basics, so check out my HTML & CSS free courses for absolute beginners and after the other ones that will improve your skills.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.