LOGIN PAGE WITHOUT CLASSES

-


 

Comments

Post a Comment

Popular posts from this blog

ANIMATION AND TRANSITIONS CSS FILE

-
  body {     height : 100 vh ; background-color : black ; display : flex ; justify-content : center ; align-items : center ; } header {     color : white ;     position : absolute ;     top : 0 ;     font-size : xx-large ;     text-transform : uppercase ;     text-align : center ; } #container { background-color : rgba ( 205 , 21 , 0 , 0.978 ); border : 2 px solid ; height : 200 px ; width : 200 px ; /* transform: rotate(30deg); transform: skew(130deg); transform: scaleX(4); transform: scaleY(4); transform: scaleZ(4); */ transition : transform 1 s ease , background-color 1 s linear , border 1 s linear ,border-radius 1 s ease ; } #container:hover {     transform : rotate ( 57 deg )   translate ( 20 px );     background-color : rgb ( 13 , 129 , 67 );     border : 5 px solid white ;     border-radius : 50 % ; }
Read more

Javascript Chp 6 Switch Statement in JS

-
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title >Document</ title > </ head > < body >     < script >         let day = 5 ;         let dayName; switch (day) {     case 1 :         dayName = "Monday" ;         break ;     case 2 :         dayName = "Tuesday" ;         break ;     case 3 :         dayName = "Wednesday" ;         break ;     case 4 :         dayName = "Thursday" ;         break ;     case 5 :         dayName = "Friday" ;         break ; ...
Read more

green theme login page HTML _ CSS

-
  <! DOCTYPE html > < html lang = " en " > < head >     < link rel = " stylesheet " href = " style.css " >     < meta charset = " UTF-8 " >     < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " >     < title > Document </ title >     < link rel = " preconnect " href = " https://fonts.googleapis.com " > < link rel = " preconnect " href = " https://fonts.gstatic.com " crossorigin > < link href = " https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Playwrite+US+Modern+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0...
Read more