Skip to main content

Posts

Showing posts from September, 2020

Pure CSS Hamburger Menu | Side Bar Menu

Video:  Source Code: HTML <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < meta   http-equiv = "X-UA-Compatible"   content = "ie=edge" >      < link   rel = "stylesheet"   href = "style.css" >      < title > Hamburger Menu </ title > </ head > < body >      < input   type = "checkbox"   name = ""   id = "check" >      < label   class = "ham_menu"   for = "check" > &#9776; </ label >      < div   class = "main" >          < label   for = "check" > &times; </ label >          < h1 > Menu </ h1 >          < ul >              < li >< a   href = "#" > Home </ a >

Image Grid Gallery Using CSS3

  Video:  Images: Source Code: HTML: <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < link   rel = "stylesheet"   href = "style.css" >      < title > CSS Image Grid Gallery </ title > </ head > < body >      < main >          < div   class = "box1" >   </ div >          < div   class = "box2" >   </ div >          < div   class = "box3" >   </ div >          < div   class = "box4" >   </ div >          < div   class = "box5" >   </ div >          < div   class = "box6" >   </ div >      </ main > </ body > </ html > CSS: * {      margin :  0 ;      padding :  0 ;      box-sizing : border