Skip to main content

Posts

Responsive Website

  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < link rel = "stylesheet" href = "../css/style2.css" >   < title > Navigation Bar </ title >   < style >     @import url ( 'https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap' );     * {         margin : 0 ;         padding : 0 ;         box-sizing : border-box ;         font-family : 'Poppins' ;     }     ul {         list-style-type : none ;         margin : 0 ;         padding : 0 ;         background-color : rgb ( 68 , 59 , 17 );   ...

W3.CSS Contact Form

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < link   rel = "stylesheet"   href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" >      < link   rel = "stylesheet"   href = "../css/w3.css" >      < title > Saturday, revising W3.CSS lessons </ title > </ head > < body >      < form   action = "#"   class = "w3-container w3-card-4 w3-light-gray w3-text-light-green w3-margin" >          < ...

The first website using W3.CSS

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < link   rel = "stylesheet"   href = "https://www.w3schools.com/w3css/4/w3.css" >      < script   src = "https://kit.fontawesome.com/c62ab2423f.js"   crossorigin = "anonymous" ></ script >      < title > Document </ title > </ head > < body >    < nav   class = "w3-bar w3-black" >      < a   href = "#"   class = "w3-button w3-bar-item" > home </ a >      < a   href = "#"   class = ...

The website form I built

  <! DOCTYPE   html > < html   lang = "en" > < head >      < meta   charset = "UTF-8" >      < meta   http-equiv = "X-UA-Compatible"   content = "IE=edge" >      < meta   name = "viewport"   content = "width=device-width, initial-scale=1.0" >      < link   rel = "stylesheet"   href = "style.css" >      < title > Fly makes you faster </ title >      < style >          * {      margin :  0 ;      padding :  0 ;      font-family :  sans-serif ; } body {      background-image :  linear-gradient (to  top   left ,  rgb ( 108 ,  206 ,  245 ),  rgb ( 19 ,  139 ,  237 )); ...