css-basics

This repo will hold a combination of css trainings and css tricks that I've learned.

Live Demos

Udemy Course: Advanced CSS

• Natours: Touring agency site

• Trillo: Touring agency site

Dribbble Recreations

• Order Details
  A very nice admin panel for orders. Written with HTML & CSS. No libraries, frameworks, tools or JS was used.
  - Original Design

• Signup
  A simple and clean sign up form. Designed responsive views on my own to allow for more device accessibility. Written with HTML, CSS and a tiny bit of Plain JS for the form submission. No libraries or frameworks were used.
  - Original Design

• Login
  A simple and clean login form. Designed responsive views on my own to allow for more device accessibility. Written entirely with HTML & CSS. No libraries, frameworks, tools or JS were needed.
  - Original Design

• SignIn / SignOut Animated Form
  An animated sign in and sign up form. Not an exact recreation, but an interesting challenge with the animation aspect. Written in vanilla HTML, CSS, and a little bit of JS for changing classes on button presses. No responsive design was implemented, just set minimum page sizes to prevent it from breaking.
  - Original Design

Simple Animations

• SVG Text Animation
• Nav Bar Animation
• Card Hover Animation

Quick CSS Tricks

• Vertical Centering

---