Posts

How to make Digital Clock using HTML,CSS & JAVASCRIPT

Image
<! DOCTYPE   html > < html   lang = "en" > < head >     < meta   charset = "UTF-8" >     < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >     < title >Digital Clock</ title >     < style >          @font-face  {             font-family: clock;             src:  url ( ./digital-7.regular.ttf );         }          *  {             padding:  0 ;             margin:  0 ;             box-sizing:  border-box ;         }          body  {             display:  flex ;             justify-content:  center ;             align-items:  center ;             min-height:  100 vh ;         }          .smallContainer  {             padding:  30 px ;             background-color: blueviolet;             border-radius:  10 px ;         }          .digitClock  {             background-color:  rgb ( 172 ,  224 ,  228 );             padding:  10 px ;             border:  20 px   solid   bla

How to make Analog Clock using HTML, CSS & JAVASCRIPT

Image
<! DOCTYPE   html > < html   lang = "en" > < head >     < meta   charset = "UTF-8" >     < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >     < title >Analog Clock</ title >     < style >          @font-face  {             font-family: clock;             src:  url ( ./digital-7.regular.ttf );         }          *  {             padding:  0 ;             margin:  0 ;             box-sizing:  border-box ;         }          body  {             display:  flex ;             justify-content:  center ;             align-items:  center ;             min-height:  100 vh ;         }          .container  {             display:  flex ;             align-items:  center ;             min-width:  850 px ;             justify-content:  space-between ;         }          .clock  {             height:  350 px ;             width:  350 px ;             background-color:  white ;