Skip to content

This is the repository for simple applications made with HTML and CSS. Main point create some stuff only with CSS and try to understand some CSS concepts.

Notifications You must be signed in to change notification settings

OrhanOzkercin/Simple-Html-Css-Projects

Repository files navigation

01 - EdgeLedger web page

I focused full of CSS with this project. This is nice project who wants to dive into Css Flexbox and basics HTML elements. Only thing I used for styling is basic css. Also I used css variables and utilities to use some classes later on somewhere else

Main goal is:

  • Creating reusable classes.
  • Practicing variables with Css
  • Practicing CSS Flexbox

Exchange Rate

02 - News Web

In this project I fully focused CSS Grip. I created template full of grids. It's great to understand this approach of CSS. It's a quite smoth project for this goal. Also I practice reusable classes in this project too, such as .btn .primary.If you want to learn and practice those things, you are welcome to took this example and move forward.

Main goal is:

  • Creating reusable classes.
  • Practicing variables with Css
  • Practicing CSS Grid

Exchange Rate

03 - Hamburger Menu Without Javascript

This is not useful way to do hamburger menu but still I wanted to try it. For me it was experimental.

Main goal is:

  • Make checkbox to hambuger menu

Exchange Rate

04 - Menu Slider

In this project I use little bit of vanilla Js to add couple of events. It's really easy to make menu slider with just css. I made this just a tiny animation. It's a smooth display to use.

Main goal is:

  • Make slider with Css
  • Practice some basic Css

Exchange Rate

About

This is the repository for simple applications made with HTML and CSS. Main point create some stuff only with CSS and try to understand some CSS concepts.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published