Posts

Showing posts from April, 2021

css in phone

  /* navigation */ #navbar {      flex-direction :  column ; } #navbar   ul   li   a {      font-size :  1rem ;      padding :  0px   7px ; } /* Home section */ #home {    height :  370px ;    padding :  3px   55px ; } #home   p {      font-size :  13px ; } #home::before {    height :  280px ; } /* services section */ #services { flex-direction :  column ; } #services   .box { padding :  14px ; margin :  2px   0px ; margin-bottom :  20px ; } /* clientsection */ #clients {      overflow :  hidden ; } #clients   img {      width :  66px ;      padding :  6px ; } /* contact Us section */ /* Footer */ /* Utility class...

CSS IN website

  /* css reset */ * {      margin :  0px ;      padding :  0px ; } html {      scroll-behavior :  smooth ; } /* CSS Variables */ :root {      --navbar-height :  59px ; } /* Navigaqtion Bar */ #navbar {      display :  flex ;      align-items :  center ;      position :  sticky ; } /* Navigation Bar: Logo and Image */ #logo { margin :  -3px   -5px ; } #logo   img {      margin :  8px   30px ;      height :  40px ; } #navbar {      position :  absolute ;      top :  0px ; } /* Navigation Bar: list Styling */   #navbar   ul {      display :  flex ;   ...

HTML 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" >      < title > Best Online Food Delivery in Gorakhpur!Sweetymeals.com </ title >      < link   rel = "stylesheet"   href = "style.css" >      < link   rel = "stylesheet"   media = "screen and (max-width:1170px)"   href = "phone.css" >      < link   rel = "preconnect"   href = "https://fonts.gstatic.com" >      < link   href = "https://fonts.googleapis.com/css2?family=Baloo+2&display=swap"   rel = ...

My first 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" >      < title > Shailesh Fitness </ title >      < link   rel = "stylesheet"   href = "css/style.css" > </ head > <!--  <link href="https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2&display=swap" rel="stylesheet"> -->      < style >          /* CSS Reseat */          body  {              font-family :  'B...

Alignment in 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" >      < title > Alignment </ title >      < link   rel = "preconnect"   href = "https://fonts.gstatic.com" >      < link   href = "https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap"   rel = "stylesheet" >      < style >          *  {              box-sizing :  border-box ;         }      ...