Course
3D Card | Front-end Project
In this project, you will build a 3D card design by yourself!
Syllabus
5 chapters31 lessons4 projectsIntroduction
1 lesson- 01What you will build?
HTML
Project8 lessons- 01Title and Outers
- 02Div Sections
- 03Spans
- 04Content
- 05Bottom - I
- 06Bottom - II
- 07Add SVGs
- 08View more option
CSS - I
Project9 lessons- 01Universal Tag
- 02Body
- 03Class 'parent'
- 04Class 'card'
- 05Class 'glass'
- 06Class 'content'
- 07Headline Title
- 08Class 'text'
- 09Class 'bottom'
CSS - II
Project6 lessons- 01Class 'view-more'
- 02Class 'view-more-button'
- 03Class 'svg'
- 04'social-buttons-container'
- 05Class 'social-button'
- 06Class 'logo'
CSS - III
Project7 lessons- 01Class 'circle'
- 02Class 'circle1'
- 03Class 'circle2'
- 04Class 'circle3'
- 05Class 'circle4'
- 06Hovering Effect - I
- 07Hovering Effect - II
More like this
Image Accordion | Front-end project
In this project, you will create an image accordion by yourself!
- 17
- 3
Coddy Profile Card Clone | Front-end project
In this project, you will create a Coddy profile card clone.
- 26
- 4
CSS Project - Fancy Button
In this course you will create a fully customized fancy button, like you see in your favorite websites!
- 8
- 1
Circular Progress Bar | Front-end Project
In this project, you are going to create a circular progress bar using HTML, CSS, and JavaScript.
- 11
- 3
Login Form - HTML/CSS Project
In this course you will create a simple login form using HTML and style it using CSS.
- 7
- 2
Frequently asked questions
How many lessons does 3D Card | Front-end Project have?
3D Card | Front-end Project contains 31 interactive lessons you can complete at your own pace.
What does 3D Card | Front-end Project cover?
The course is organized into chapters covering: Introduction, HTML, CSS - I , CSS - II, and more.
Is 3D Card | Front-end Project free?
Yes - every course on Coddy is free to start. You can complete lessons in your browser without any downloads or signup.
