Coding Talk

  /* 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 classes */ .h-primary {      font-size :  26px ; } .btn {      font-size :  13px ; }

  /* 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 ;      font-family :  'Acme' ,  sans-serif ;  }   #navbar::before {      content :  "" ;      background-color :  black ;      position :  absolute ;      height :  100% ;      width :  100% ;      z-index :  -1 ;      opacity :  0.4 ;  }   #navbar   ul   li {     list-style :  none ;     font-size :  1.3rem ;  }   #navbar   ul   li   a {       color :  white ;       display :  block ;       padding :  3px   22px ;       border-

  <! 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 = "stylesheet" > </ head > < body >      < nav   id = "navbar" >          < div   id = "logo"

  <! 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 :  'Baloo Bhaina 2' , cursive;              margin :  0px ;              padding :  0px ;              background :  url ( 'fitness.jpg' );              color : black ;         }          .left  {              position :  absolute ;              left : 

  <! 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 ;         }          body  {              font-family :  'Ubuntu' ,  sans-serif ;         }          .container  {              width :  900px ;              border :  3px   solid   purple ;              margin :  33px   auto ;              background-color :  rgb ( 248 ,  191 ,  141 );