Learn how to make a Photography website with html and Css

website with html and Css

4.45 (14 reviews)
Udemy
platform
English
language
Web Development
category
instructor
Learn how to make a Photography website with html and Css
2,152
students
1.5 hours
content
Apr 2023
last update
FREE
regular price

What you will learn

Learn how to make a Photography website with html and Css

AOS animation

CSS animation

On scroll animation

Why take this course?

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

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

Screenshots

Learn how to make a Photography website with html and Css - Screenshot_01Learn how to make a Photography website with html and Css - Screenshot_02Learn how to make a Photography website with html and Css - Screenshot_03Learn how to make a Photography website with html and Css - Screenshot_04

Charts

Price

Learn how to make a Photography website with html and Css - Price chart

Rating

Learn how to make a Photography website with html and Css - Ratings chart

Enrollment distribution

Learn how to make a Photography website with html and Css - Distribution chart

Related Topics

4764388
udemy ID
7/3/2022
course created date
7/7/2022
course indexed date
Bot
course submited by