navbar ongoing

css/themeStyle.css

@@ -1,46 +1,114 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
 @import url("https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap");
 * {
   list-style: none;
   text-decoration: none;
 }
 
+a {
+  opacity: 1;
+}
+
 body {
   height: 200vh;
 }
 
+.link-btn {
+  margin: 0 !important;
+  padding: 0.35rem 1rem !important;
+  background: rgb(0, 38, 136);
+  border-color: rgb(0, 38, 136);
+  border-width: 2px;
+  font-size: 0.9rem;
+  font-weight: 600;
+  box-shadow: none;
+}
+.link-btn:hover {
+  opacity: 1;
+  background: rgb(255, 255, 255);
+  color: rgb(0, 38, 136);
+}
+
 #navbar {
-  position: sticky;
+  position: fixed;
   top: 0;
-  background: aliceblue;
+  left: 0;
+  width: 100%;
   padding: 0.75rem 0;
+  font-family: "Poppins", sans-serif;
 }
-#navbar .container {
+#navbar .container-fluid {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
+@media screen and (max-width: 768px) {
+  #navbar .container-fluid {
+    flex-direction: column;
+  }
+}
+#navbar .nav-icons {
+  display: flex;
+  align-items: center;
+}
+@media screen and (max-width: 768px) {
+  #navbar .nav-icons {
+    justify-content: space-between;
+    width: 100%;
+  }
+}
+#navbar .navbar-brand {
+  height: 3.5rem;
+}
+#navbar .navbar-brand img {
+  height: 100%;
+}
+#navbar .res-btn {
+  font-size: 1.2rem;
+  padding: 0.25rem;
+  background: unset;
+  color: rgb(0, 0, 0);
+  border: none;
+  margin: 0;
+  width: unset;
+  height: -moz-fit-content;
+  height: fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  display: none;
+}
+#navbar .res-btn:focus {
+  box-shadow: none;
+}
+@media screen and (max-width: 768px) {
+  #navbar .res-btn {
+    display: block;
+  }
+}
 #navbar .nav-links {
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.75rem;
 }
+@media screen and (max-width: 768px) {
+  #navbar .nav-links {
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+}
 #navbar .nav-links li {
   margin: unset;
   padding: unset;
 }
 #navbar .link-item {
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.5rem;
   margin: unset;
-  color: #000;
-  font-weight: 600;
-  background: #fff;
+  color: rgba(0, 0, 0, 0.8);
+  font-size: 0.9rem;
+  font-weight: 500;
+  background: transparent;
 }
-#navbar .login-registar {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.25rem;
-  font-family: "Noto Serif Bengali", serif;
-  font-weight: 600;
+#navbar .link-item:hover {
+  color: rgb(0, 38, 136);
 }/*# sourceMappingURL=themeStyle.css.map */

css/themeStyle.css.map

@@ -1 +1 @@
-{"version":3,"sources":["themeStyle.sass","themeStyle.css"],"names":[],"mappings":"AAAQ,wHAAA;AASR;EACI,gBAAA;EACA,qBAAA;ACPJ;;ADSA;EACI,aAAA;ACNJ;;ADSA;EACI,gBAAA;EACA,MAAA;EACA,qBAAA;EACA,kBAAA;ACNJ;ADQI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;ACNR;ADQI;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;ACNR;ADQQ;EACI,aAAA;EACA,cAAA;ACNZ;ADQI;EACI,wBAAA;EACA,aAAA;EACA,WApCK;EAqCL,gBAAA;EACA,gBArCK;AC+Bb;ADQI;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;EACA,wCAhDQ;EAiDR,gBAAA;ACNR","file":"themeStyle.css"}
+{"version":3,"sources":["themeStyle.sass","themeStyle.css"],"names":[],"mappings":"AAAQ,6GAAA;AACA,wHAAA;AAcR;EACI,gBAAA;EACA,qBAAA;ACZJ;;ADcA;EACI,UAAA;ACXJ;;ADaA;EACI,aAAA;ACVJ;;ADcA;EACI,oBAAA;EACA,gCAAA;EACA,2BAnBW;EAoBX,6BApBW;EAqBX,iBAAA;EACA,iBAAA;EACA,gBAAA;EACA,gBAAA;ACXJ;ADYI;EACI,UAAA;EACA,8BA5BK;EA6BL,sBA5BO;ACkBf;;ADeA;EACI,eAAA;EACA,MAAA;EACA,OAAA;EACA,WAAA;EACA,kBAAA;EACA,kCA9CS;ACkCb;ADcI;EACI,aAAA;EACA,8BAAA;EACA,mBAAA;ACZR;ADaQ;EAJJ;IAKQ,sBAAA;ECVV;AACF;ADYI;EACI,aAAA;EACA,mBAAA;ACVR;ADWQ;EAHJ;IAIQ,8BAAA;IACA,WAAA;ECRV;AACF;ADSI;EACI,cAAA;ACPR;ADSQ;EACI,YAAA;ACPZ;ADSI;EACI,iBAAA;EACA,gBAAA;EACA,iBAAA;EACA,mBAtEK;EAuEL,YAAA;EACA,SAAA;EACA,YAAA;EACA,wBAAA;EAAA,mBAAA;EACA,uBAAA;EAAA,kBAAA;EACA,aAAA;ACPR;ADQQ;EACI,gBAAA;ACNZ;ADOQ;EAbJ;IAcQ,cAAA;ECJV;AACF;ADKI;EACI,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,YAAA;ACHR;ADIQ;EALJ;IAMQ,sBAAA;IACA,2BAAA;ECDV;AACF;ADEQ;EACI,aAAA;EACA,cAAA;ACAZ;ADEI;EACI,uBAAA;EACA,aAAA;EACA,yBAjGK;EAkGL,iBAAA;EACA,gBAAA;EACA,uBAAA;ACAR;ADCQ;EACI,sBAnGG;ACoGf","file":"themeStyle.css"}

css/themeStyle.sass

@@ -1,54 +1,113 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap')
 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Bengali:wght@300;400;500;600;700;800;900&display=swap')
 
-$fontNotoSerif: 'Noto Serif Bengali', serif
+$fontBangla: 'Noto Serif Bengali', serif
+$fontPopins: 'Poppins', sans-serif
 
 
-$blackColor: #000
-$whiteColor: #fff
-
+$blackColor: rgba(0, 0, 0, 1)
+$blackLight: rgba(0, 0, 0, 0.8)
+$greyColor: rgba( 0, 0, 0, .6)
+$whiteColor: rgba(255, 255, 255, 1)
+$primaryColor: rgba(0, 38, 136, 1)
+$seconderyColor: rgba(203, 236, 71, 1)
+$thirdColor: rgba(173, 188, 255, 1)
 
 *
     list-style: none
     text-decoration: none
 
+a
+    opacity: 1
+
 body
     height: 200vh
 
+
+// utility
+.link-btn
+    margin: 0 !important
+    padding: .35rem 1rem !important
+    background: $primaryColor
+    border-color: $primaryColor
+    border-width: 2px
+    font-size: .9rem
+    font-weight: 600
+    box-shadow: none
+    &:hover
+        opacity: 1
+        background: $whiteColor
+        color: $primaryColor
+
+// utility end
+
 // navbar
 #navbar
-    position: sticky
+    position: fixed
     top: 0
-    background: aliceblue
+    left: 0
+    width: 100%
     padding: .75rem 0
+    font-family: $fontPopins
 
-    .container
+    .container-fluid
         display: flex
         justify-content: space-between
         align-items: center
+        @media screen and ( max-width: 768px )
+            flex-direction: column
+
+
+    .nav-icons
+        display: flex
+        align-items: center
+        @media screen and ( max-width: 768px )
+            justify-content: space-between
+            width: 100%
+
+    .navbar-brand
+        height: 3.5rem
+
+        img
+            height: 100%
+
+    .res-btn
+        font-size: 1.2rem
+        padding: .25rem
+        background: unset
+        color: $blackColor
+        border: none
+        margin: 0
+        width: unset
+        height: fit-content
+        width: fit-content
+        display: none
+        &:focus
+            box-shadow: none
+        @media screen and ( max-width: 768px )
+            display: block
 
     .nav-links
         display: flex
         justify-content: center
         align-items: center
         gap: .75rem
+        @media screen and ( max-width: 768px )
+            flex-direction: column
+            justify-content: flex-start
 
         li
             margin: unset
             padding: unset
 
     .link-item
-        padding: .25rem .75rem
+        padding: .25rem .5rem
         margin: unset
-        color: $blackColor
-        font-weight: 600
-        background: $whiteColor
-
-    .login-registar
-        display: flex
-        justify-content: center
-        align-items: center
-        gap: .25rem
-        font-family: $fontNotoSerif
-        font-weight: 600
+        color: $blackLight
+        font-size: .9rem
+        font-weight: 500
+        background: transparent
+        &:hover
+            color: $primaryColor
 
 // navbar end

images/studypress-main-logo.svg

@@ -1,41 +1,36 @@
-<svg width="276" height="84" viewBox="0 0 276 84" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1_469)">
-<mask id="mask0_1_469" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="1" y="1" width="275" height="83">
-<path d="M275.006 1.15527H1.22388V83.8436H275.006V1.15527Z" fill="white"/>
+<svg width="216" height="67" viewBox="0 0 216 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1_27" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="216" height="67">
+<path d="M215.863 0.865479H0.110962V66.6344H215.863V0.865479Z" fill="white"/>
 </mask>
-<g mask="url(#mask0_1_469)">
-<path d="M141.484 50.507C141.484 50.507 140.408 51.1011 139.017 47.3403C137.626 43.5726 128.35 30.8852 118.291 27.7605L110.783 44.0829C110.783 44.0829 120.276 49.046 122.478 57.8118C122.478 57.8118 122.939 58.6227 123.813 58.4759L141.484 50.5139V50.507Z" fill="url(#paint0_linear_1_469)"/>
-<path d="M141.883 49.2976C141.883 49.2976 146.413 38.1481 137.717 25.6284L130.482 33.5624C130.482 33.5624 139.429 40.5527 141.792 49.4654" fill="#079FEA"/>
-<path d="M122.303 57.1478C121.898 58.2313 118.221 59.3008 118.221 59.3008L118.864 57.679L117.228 57.2107L121.52 55.0996C121.52 55.0996 122.492 56.6375 122.303 57.1548V57.1478Z" fill="#079FEA"/>
+<g mask="url(#mask0_1_27)">
+<path d="M104.593 36.6725C104.593 36.6725 103.649 37.2304 102.428 33.6991C101.207 30.1613 93.0665 18.2482 84.2388 15.3142L77.6503 30.6405C77.6503 30.6405 85.9811 35.3007 87.9135 43.5316C87.9135 43.5316 88.3184 44.293 89.0852 44.1551L104.593 36.6791V36.6725Z" fill="url(#paint0_linear_1_27)"/>
+<path d="M104.943 35.5372C104.943 35.5372 108.919 25.0681 101.287 13.3125L94.9377 20.7623C94.9377 20.7623 102.79 27.326 104.864 35.6947" fill="#002688"/>
+<path d="M87.7602 42.9081C87.4044 43.9252 84.1776 44.9292 84.1776 44.9292L84.742 43.4068L83.3065 42.9671L87.0731 40.9854C87.0731 40.9854 87.9258 42.429 87.7602 42.9146V42.9081Z" fill="#002688"/>
 <g style="mix-blend-mode:multiply" opacity="0.5">
-<path d="M123.813 58.4688L141.47 50.5138C141.373 50.5557 140.799 50.7165 139.974 49.4023L122.296 57.1965C122.359 57.3993 122.415 57.602 122.471 57.8047C122.471 57.8047 122.932 58.6156 123.806 58.4688H123.813Z" fill="#079FEA"/>
-</g>
-<path d="M142.148 50.3602C142.086 50.3462 142.044 50.2903 142.044 50.2274C142.044 50.1575 142.114 50.1085 142.176 50.1155C142.225 50.1155 147.251 50.5419 150.25 46.5645C150.292 46.5085 150.369 46.5015 150.425 46.5365C150.481 46.5784 150.488 46.6553 150.453 46.7113C147.377 50.8006 142.211 50.3672 142.162 50.3602H142.155H142.148Z" fill="#079FEA"/>
-<path d="M142.162 49.5423C142.114 49.5353 142.079 49.5003 142.065 49.4514C142.051 49.3815 142.086 49.3186 142.155 49.2976C142.197 49.2836 146.28 48.1722 147.685 43.8801C147.706 43.8172 147.776 43.7822 147.839 43.8032C147.902 43.8242 147.936 43.8941 147.915 43.957C146.468 48.3819 142.253 49.5283 142.211 49.5423C142.19 49.5423 142.176 49.5423 142.155 49.5423H142.162Z" fill="#079FEA"/>
-<path d="M150.823 46.5573C150.788 46.767 150.586 46.8998 150.383 46.8649C150.18 46.8299 150.041 46.6272 150.075 46.4245C150.11 46.2218 150.313 46.082 150.516 46.1169C150.719 46.1519 150.858 46.3546 150.823 46.5573Z" fill="#079FEA"/>
-<path d="M148.195 43.873C148.16 44.0827 147.957 44.2155 147.755 44.1806C147.552 44.1456 147.412 43.9429 147.447 43.7402C147.482 43.5375 147.685 43.3977 147.887 43.4326C148.09 43.4676 148.23 43.6703 148.195 43.873Z" fill="#079FEA"/>
-<path d="M82.5281 40.1052L82.64 51.6672C82.6749 56.0781 79.8928 59.2167 74.4334 59.2657L70.8891 59.3006C65.4297 59.3495 62.5847 56.2668 62.5357 51.8629L62.4239 40.301L66.2895 40.266L66.4014 51.6882C66.4223 53.9251 68.1 55.6097 71.134 55.5818L74.2376 55.5468C77.2714 55.5188 78.8862 53.8062 78.8652 51.5623L78.7534 40.1402L82.5142 40.1052H82.5281Z" fill="#079FEA"/>
-<path d="M58.901 55.7566L58.9359 59.2658L55.5037 59.3007C51.5612 59.3357 49.8485 57.7628 49.7996 52.7788L49.7157 43.964L47.1153 43.985L47.0804 40.3011L49.6808 40.2731L49.6388 35.7574L53.5045 35.7224L53.5464 40.2381L58.8241 40.1892L58.8591 43.8731L53.5814 43.922L53.6653 52.9535C53.6862 55.0856 54.4482 55.7986 56.2587 55.7846L58.901 55.7566Z" fill="#079FEA"/>
-<path d="M44.5917 51.9958C44.6266 56.1201 42.4527 59.1748 36.8954 59.2307L23.3062 59.3636L23.2643 55.0995L37.0002 54.9667C39.314 54.9457 40.3486 53.6734 40.3346 51.8979C40.3206 50.3111 39.4748 48.8711 36.4759 48.8991L30.7998 48.955C24.2988 49.0179 22.74 45.3829 22.712 41.9857C22.6771 37.9383 24.8161 34.9534 30.2336 34.9045L42.5995 34.7856L42.6344 39.0497L30.1287 39.1686C27.9268 39.1895 26.9621 40.3919 26.9761 42.0905C26.9901 43.5725 27.759 44.9775 30.6111 44.9495L36.3291 44.8936C42.9769 44.8307 44.5637 48.5006 44.5987 52.0028L44.5917 51.9958Z" fill="#079FEA"/>
-<path d="M107.491 31.8289L103.625 31.8638L103.702 40.1403L95.2785 40.2242C90.1895 40.2731 87.0369 43.4118 87.0998 49.8429C87.1627 56.2809 90.3713 59.3567 95.4672 59.3078L100.745 59.2588C105.303 59.2169 107.728 56.5186 107.679 51.0242L107.498 31.8358L107.491 31.8289ZM99.5845 55.54L95.7888 55.5749C92.5033 55.6099 91.0004 53.9182 90.9654 49.8009C90.9305 45.6836 92.3915 43.9361 95.6839 43.9011L103.744 43.8242L103.807 50.8705C103.842 54.1209 102.66 55.505 99.5915 55.533L99.5845 55.54Z" fill="#079FEA"/>
-<path d="M163.651 34.7858C169.145 34.7299 171.529 38.1062 171.564 42.0138C171.599 45.6977 169.502 49.6962 163.797 49.7521L156.206 49.822C155.808 49.822 155.591 50.0107 155.598 50.4441L155.682 59.2589L151.418 59.3008L151.327 49.6542C151.299 46.907 152.445 45.7746 155.122 45.7536L163.902 45.6697C166.321 45.6488 167.286 43.9781 167.265 42.2794C167.251 40.5109 166.188 39.0359 163.874 39.0569L151.187 39.1758L151.145 34.9117L163.651 34.7928V34.7858Z" fill="#079FEA"/>
-<path d="M187.837 40.0913L187.872 43.7752L181.147 43.8381C179.449 43.8521 178.701 44.656 178.715 46.3197L178.841 59.2587L175.01 59.2937L174.877 45.7814C174.842 41.9507 176.233 40.2032 179.994 40.1682L187.837 40.0913Z" fill="#079FEA"/>
-<path d="M204.25 40.1612C208.766 40.1193 210.702 42.2653 210.737 45.9562C210.772 49.4584 209.018 51.4646 204.32 51.5135L195.247 51.5974L195.261 52.9675C195.275 54.4844 196.121 55.5958 198.211 55.5749L209.885 55.463L209.919 59.1889L198.246 59.3007C193.478 59.3496 191.57 56.6933 191.535 53.0793L191.472 46.5784C191.437 42.9644 193.29 40.2731 198.064 40.2242L204.243 40.1682L204.25 40.1612ZM195.226 48.5985L204.187 48.5147C206.25 48.4937 206.998 47.6199 206.984 46.2079C206.97 44.7609 206.131 43.8312 204.25 43.8521L198.106 43.9081C196.009 43.929 195.191 45.0894 195.205 46.5714L195.226 48.5985Z" fill="#079FEA"/>
-<path d="M231.051 40.0634L231.086 43.7473L220.531 43.8451C218.762 43.8591 218.042 44.5931 218.056 46.0401C218.07 47.3752 218.657 48.0953 220.782 48.0743L225.263 48.0323C230.541 47.9834 231.897 50.3881 231.925 53.352C231.96 56.7492 230.212 59.1539 225.732 59.1959L214.638 59.3007L214.603 55.5749L225.697 55.47C227.465 55.456 228.185 54.8339 228.171 53.352C228.157 51.8351 227.353 51.2269 225.438 51.2479L220.922 51.2898C215.645 51.3388 214.316 48.7174 214.288 45.7884C214.253 42.3562 216.008 40.2032 220.454 40.1612L231.044 40.0564L231.051 40.0634Z" fill="#079FEA"/>
-<path d="M252.225 40.0635L252.26 43.7474L241.704 43.8522C239.936 43.8662 239.216 44.6002 239.23 46.0472C239.244 47.3823 239.831 48.1023 241.956 48.0814L246.437 48.0394C251.715 47.9905 253.071 50.3951 253.099 53.359C253.134 56.7563 251.386 59.161 246.905 59.2029L235.812 59.3078L235.777 55.582L246.87 55.4771C248.639 55.4631 249.359 54.841 249.345 53.359C249.331 51.8421 248.527 51.234 246.612 51.255L242.096 51.2969C236.818 51.3458 235.49 48.7245 235.462 45.7955C235.427 42.3633 237.182 40.2103 241.628 40.1683L252.218 40.0635H252.225Z" fill="#079FEA"/>
+<path d="M89.0855 44.1486L104.582 36.6791C104.496 36.7185 103.993 36.8695 103.269 35.6355L87.7543 42.954C87.8095 43.1444 87.8586 43.3347 87.9076 43.5251C87.9076 43.5251 88.3125 44.2865 89.0794 44.1486H89.0855Z" fill="#002688"/>
 </g>
+<path d="M105.176 36.5343C105.121 36.5212 105.084 36.4687 105.084 36.4097C105.084 36.344 105.146 36.2981 105.201 36.3047C105.244 36.3047 109.655 36.705 112.287 32.9711C112.323 32.9186 112.391 32.912 112.44 32.9449C112.489 32.9842 112.495 33.0564 112.464 33.1089C109.765 36.9478 105.232 36.5409 105.189 36.5343H105.183H105.176Z" fill="#002688"/>
+<path d="M105.188 35.7664C105.145 35.7598 105.115 35.727 105.102 35.681C105.09 35.6154 105.121 35.5563 105.182 35.5366C105.219 35.5235 108.802 34.4799 110.035 30.4498C110.053 30.3907 110.114 30.3579 110.17 30.3776C110.225 30.3972 110.256 30.4629 110.237 30.522C108.967 34.6768 105.268 35.7532 105.231 35.7664C105.213 35.7664 105.201 35.7664 105.182 35.7664H105.188Z" fill="#002688"/>
+<path d="M112.79 32.9633C112.759 33.1596 112.581 33.284 112.403 33.2513C112.225 33.2186 112.103 33.0287 112.133 32.8389C112.164 32.6491 112.342 32.5182 112.52 32.5509C112.698 32.5836 112.82 32.7735 112.79 32.9633Z" fill="#002688"/>
+<path d="M110.482 30.4428C110.452 30.6391 110.274 30.7635 110.096 30.7308C109.918 30.698 109.795 30.5082 109.826 30.3184C109.857 30.1286 110.035 29.9977 110.212 30.0304C110.39 30.0631 110.513 30.253 110.482 30.4428Z" fill="#002688"/>
+<path d="M52.8541 26.906L52.9522 37.7624C52.9829 41.9041 50.5413 44.8512 45.7502 44.8971L42.6398 44.9299C37.8487 44.9759 35.3519 42.0813 35.309 37.9462L35.2108 27.0898L38.6033 27.057L38.7014 37.7821C38.7198 39.8825 40.1921 41.4643 42.8547 41.438L45.5784 41.4052C48.2408 41.379 49.6579 39.7709 49.6395 37.6639L49.5414 26.9388L52.8418 26.906H52.8541Z" fill="#002688"/>
+<path d="M32.1191 41.6019L32.1498 44.8968L29.1377 44.9297C25.6778 44.9625 24.1748 43.4856 24.1318 38.8057L24.0582 30.5289L21.7762 30.5486L21.7455 27.0895L24.0276 27.0633L23.9908 22.8231L27.3832 22.7903L27.42 27.0304L32.0516 26.9845L32.0823 30.4436L27.4507 30.4895L27.5243 38.9698C27.5427 40.9717 28.2114 41.6412 29.8002 41.6281L32.1191 41.6019Z" fill="#002688"/>
+<path d="M19.5617 38.0707C19.5924 41.9433 17.6845 44.8117 12.8075 44.8642L0.881796 44.9889L0.844988 40.985L12.8995 40.8603C14.9301 40.8406 15.838 39.646 15.8257 37.9788C15.8134 36.4889 15.0711 35.1368 12.4394 35.163L7.4581 35.2155C1.75291 35.2746 0.384893 31.8615 0.360355 28.6715C0.329682 24.8711 2.20687 22.0684 6.96119 22.0225L17.8133 21.9109L17.844 25.9147L6.86917 26.0263C4.93677 26.046 4.0902 27.175 4.10247 28.77C4.11474 30.1615 4.78954 31.4808 7.29246 31.4545L12.3106 31.402C18.1446 31.3429 19.5371 34.7889 19.5678 38.0773L19.5617 38.0707Z" fill="#002688"/>
+<path d="M74.7609 19.1345L71.3685 19.1673L71.436 26.9388L64.0438 27.0175C59.5778 27.0635 56.8111 30.0106 56.8663 36.0492C56.9215 42.0944 59.7373 44.9824 64.2094 44.9365L68.841 44.8905C72.8408 44.8511 74.9695 42.3175 74.9266 37.1585L74.7671 19.1411L74.7609 19.1345ZM67.8227 41.3986L64.4916 41.4314C61.6083 41.4643 60.2894 39.8758 60.2587 36.0098C60.2281 32.1438 61.5102 30.5029 64.3996 30.47L71.4728 30.3978L71.528 37.0141C71.5587 40.0662 70.5219 41.3658 67.8288 41.3921L67.8227 41.3986Z" fill="#002688"/>
+<path d="M124.046 21.9115C128.868 21.859 130.96 25.0293 130.99 28.6984C131.021 32.1575 129.181 35.9119 124.175 35.9644L117.513 36.0301C117.163 36.0301 116.973 36.2073 116.979 36.6142L117.053 44.8911L113.31 44.9305L113.231 35.8725C113.206 33.293 114.212 32.2297 116.562 32.21L124.267 32.1312C126.389 32.1115 127.236 30.5428 127.218 28.9478C127.205 27.2872 126.273 25.9023 124.242 25.922L113.108 26.0335L113.071 22.0297L124.046 21.9181V21.9115Z" fill="#002688"/>
+<path d="M145.272 26.8928L145.303 30.3519L139.401 30.411C137.911 30.4241 137.254 31.1789 137.267 32.7411L137.377 44.8905L134.015 44.9233L133.899 32.2357C133.868 28.6388 135.089 26.9978 138.389 26.965L145.272 26.8928Z" fill="#002688"/>
+<path d="M159.676 26.9586C163.639 26.9192 165.339 28.9342 165.369 32.3999C165.4 35.6883 163.86 37.5721 159.738 37.618L151.775 37.6968L151.787 38.9833C151.8 40.4076 152.542 41.4512 154.376 41.4315L164.621 41.3265L164.652 44.825L154.407 44.93C150.223 44.9759 148.548 42.4817 148.518 39.0883L148.462 32.9841C148.432 29.5906 150.057 27.0636 154.247 27.0176L159.67 26.9651L159.676 26.9586ZM151.757 34.881L159.621 34.8022C161.431 34.7825 162.087 33.962 162.075 32.6362C162.063 31.2775 161.327 30.4045 159.676 30.4242L154.284 30.4767C152.444 30.4964 151.726 31.586 151.738 32.9775L151.757 34.881Z" fill="#002688"/>
+<path d="M183.196 26.8669L183.227 30.326L173.964 30.4179C172.412 30.431 171.78 31.1202 171.792 32.4789C171.804 33.7326 172.32 34.4086 174.185 34.3889L178.117 34.3495C182.749 34.3036 183.939 36.5615 183.963 39.3445C183.994 42.5345 182.46 44.7924 178.528 44.8318L168.792 44.9302L168.762 41.4318L178.497 41.3333C180.049 41.3202 180.681 40.736 180.669 39.3445C180.657 37.9202 179.951 37.3492 178.27 37.3688L174.307 37.4082C169.676 37.4542 168.51 34.9928 168.486 32.2426C168.455 29.0198 169.995 26.9982 173.896 26.9588L183.19 26.8604L183.196 26.8669Z" fill="#002688"/>
+<path d="M201.778 26.8669L201.809 30.326L192.545 30.4245C190.993 30.4376 190.362 31.1268 190.374 32.4855C190.386 33.7391 190.901 34.4152 192.766 34.3955L196.699 34.3561C201.33 34.3102 202.52 36.5681 202.545 39.3511C202.576 42.5411 201.042 44.799 197.11 44.8384L187.374 44.9368L187.343 41.4384L197.079 41.3399C198.631 41.3268 199.263 40.7426 199.251 39.3511C199.238 37.9268 198.533 37.3557 196.852 37.3754L192.889 37.4148C188.257 37.4608 187.092 34.9994 187.067 32.2492C187.037 29.0264 188.576 27.0048 192.478 26.9654L201.772 26.8669H201.778Z" fill="#002688"/>
 </g>
 <defs>
-<linearGradient id="paint0_linear_1_469" x1="116.55" y1="35.6735" x2="137.025" y2="58.5598" gradientUnits="userSpaceOnUse">
-<stop offset="0.39" stop-color="#079FEA"/>
-<stop offset="0.44" stop-color="#13A3EB"/>
-<stop offset="0.53" stop-color="#33B0ED"/>
-<stop offset="0.66" stop-color="#67C4F2"/>
-<stop offset="0.8" stop-color="#AEE0F8"/>
+<linearGradient id="paint0_linear_1_27" x1="82.7113" y1="22.7443" x2="102.037" y2="42.9344" gradientUnits="userSpaceOnUse">
+<stop offset="0.39" stop-color="#002688"/>
+<stop offset="0.44" stop-color="#0B3BB6"/>
+<stop offset="0.53" stop-color="#1B51DD"/>
+<stop offset="0.66" stop-color="#5785FA"/>
+<stop offset="0.8" stop-color="#BDD0FF"/>
 <stop offset="0.95" stop-color="white"/>
 </linearGradient>
-<clipPath id="clip0_1_469">
-<rect width="274.02" height="83.1846" fill="white" transform="translate(0.986206 0.658936)"/>
-</clipPath>
 </defs>
 </svg>

images/stydypress-logo-menu.svg

@@ -1,31 +0,0 @@
-<svg width="232" height="35" viewBox="0 0 232 35" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M119.484 25.507C119.484 25.507 118.408 26.1011 117.017 22.3403C115.626 18.5726 106.35 5.88516 96.2906 2.7605L88.783 19.0829C88.783 19.0829 98.2758 24.046 100.478 32.8118C100.478 32.8118 100.939 33.6227 101.813 33.4759L119.484 25.5139V25.507Z" fill="url(#paint0_linear_1_473)"/>
-<path d="M119.883 24.2976C119.883 24.2976 124.413 13.1481 115.717 0.628418L108.482 8.56242C108.482 8.56242 117.429 15.5527 119.792 24.4654" fill="#079FEA"/>
-<path d="M100.303 32.1478C99.8976 33.2313 96.2206 34.3008 96.2206 34.3008L96.8638 32.679L95.228 32.2107L99.5201 30.0996C99.5201 30.0996 100.492 31.6375 100.303 32.1548V32.1478Z" fill="#079FEA"/>
-<g style="mix-blend-mode:multiply" opacity="0.5">
-<path d="M101.813 33.4688L119.47 25.5138C119.373 25.5557 118.799 25.7165 117.974 24.4023L100.296 32.1965C100.359 32.3993 100.415 32.602 100.471 32.8047C100.471 32.8047 100.932 33.6156 101.806 33.4688H101.813Z" fill="#079FEA"/>
-</g>
-<path d="M120.148 25.3602C120.086 25.3462 120.044 25.2903 120.044 25.2274C120.044 25.1575 120.114 25.1085 120.176 25.1155C120.225 25.1155 125.251 25.5419 128.25 21.5645C128.292 21.5085 128.369 21.5015 128.425 21.5365C128.481 21.5784 128.488 21.6553 128.453 21.7113C125.377 25.8006 120.211 25.3672 120.162 25.3602H120.155H120.148Z" fill="#079FEA"/>
-<path d="M120.162 24.5423C120.114 24.5353 120.079 24.5003 120.065 24.4514C120.051 24.3815 120.086 24.3186 120.155 24.2976C120.197 24.2836 124.28 23.1722 125.685 18.8801C125.706 18.8172 125.776 18.7822 125.839 18.8032C125.902 18.8242 125.936 18.8941 125.915 18.957C124.468 23.3819 120.253 24.5283 120.211 24.5423C120.19 24.5423 120.176 24.5423 120.155 24.5423H120.162Z" fill="#079FEA"/>
-<path d="M128.823 21.5573C128.788 21.767 128.586 21.8998 128.383 21.8649C128.18 21.8299 128.041 21.6272 128.075 21.4245C128.11 21.2218 128.313 21.082 128.516 21.1169C128.719 21.1519 128.858 21.3546 128.823 21.5573Z" fill="#079FEA"/>
-<path d="M126.195 18.873C126.16 19.0827 125.957 19.2155 125.755 19.1806C125.552 19.1456 125.412 18.9429 125.447 18.7402C125.482 18.5375 125.685 18.3977 125.887 18.4326C126.09 18.4676 126.23 18.6703 126.195 18.873Z" fill="#079FEA"/>
-<path d="M60.5281 15.1052L60.64 26.6672C60.6749 31.0781 57.8928 34.2167 52.4334 34.2657L48.8891 34.3006C43.4297 34.3495 40.5847 31.2668 40.5357 26.8629L40.4239 15.301L44.2895 15.266L44.4014 26.6882C44.4223 28.9251 46.1 30.6097 49.134 30.5818L52.2376 30.5468C55.2714 30.5188 56.8862 28.8062 56.8652 26.5623L56.7534 15.1402L60.5142 15.1052H60.5281Z" fill="#079FEA"/>
-<path d="M36.901 30.7566L36.9359 34.2658L33.5037 34.3007C29.5612 34.3357 27.8485 32.7628 27.7996 27.7788L27.7157 18.964L25.1153 18.985L25.0804 15.3011L27.6808 15.2731L27.6388 10.7574L31.5045 10.7224L31.5464 15.2381L36.8241 15.1892L36.8591 18.8731L31.5814 18.922L31.6653 27.9535C31.6862 30.0856 32.4482 30.7986 34.2587 30.7846L36.901 30.7566Z" fill="#079FEA"/>
-<path d="M22.5917 26.9958C22.6266 31.1201 20.4527 34.1748 14.8954 34.2307L1.3062 34.3636L1.26426 30.0995L15.0002 29.9667C17.314 29.9457 18.3486 28.6734 18.3346 26.8979C18.3206 25.3111 17.4748 23.8711 14.4759 23.8991L8.79981 23.955C2.29883 24.0179 0.739991 20.3829 0.71203 16.9857C0.677078 12.9383 2.81611 9.95341 8.2336 9.90448L20.5995 9.78564L20.6344 14.0497L8.12874 14.1686C5.9268 14.1895 4.96214 15.3919 4.97612 17.0905C4.9901 18.5725 5.75903 19.9775 8.61108 19.9495L14.3291 19.8936C20.9769 19.8307 22.5637 23.5006 22.5987 27.0028L22.5917 26.9958Z" fill="#079FEA"/>
-<path d="M85.4905 6.82886L81.6249 6.86381L81.7018 15.1403L73.2785 15.2242C68.1895 15.2731 65.0369 18.4118 65.0998 24.8429C65.1627 31.2809 68.3713 34.3567 73.4672 34.3078L78.7449 34.2588C83.3026 34.2169 85.7282 31.5186 85.6793 26.0242L85.4975 6.83585L85.4905 6.82886ZM77.5845 30.54L73.7888 30.5749C70.5033 30.6099 69.0004 28.9182 68.9654 24.8009C68.9305 20.6836 70.3915 18.9361 73.6839 18.9011L81.7437 18.8242L81.8066 25.8705C81.8416 29.1209 80.6602 30.505 77.5915 30.533L77.5845 30.54Z" fill="#079FEA"/>
-<path d="M141.651 9.78584C147.145 9.72992 149.529 13.1062 149.564 17.0138C149.599 20.6977 147.502 24.6962 141.797 24.7521L134.206 24.822C133.808 24.822 133.591 25.0107 133.598 25.4441L133.682 34.2589L129.418 34.3008L129.327 24.6542C129.299 21.907 130.445 20.7746 133.122 20.7536L141.902 20.6697C144.321 20.6488 145.286 18.9781 145.265 17.2794C145.251 15.5109 144.188 14.0359 141.874 14.0569L129.187 14.1758L129.145 9.91167L141.651 9.79283V9.78584Z" fill="#079FEA"/>
-<path d="M165.837 15.0913L165.872 18.7752L159.147 18.8381C157.449 18.8521 156.701 19.656 156.715 21.3197L156.841 34.2587L153.01 34.2937L152.877 20.7814C152.842 16.9507 154.233 15.2032 157.994 15.1682L165.837 15.0913Z" fill="#079FEA"/>
-<path d="M182.25 15.1612C186.766 15.1193 188.702 17.2653 188.737 20.9562C188.772 24.4584 187.018 26.4646 182.32 26.5135L173.247 26.5974L173.261 27.9675C173.275 29.4844 174.121 30.5958 176.211 30.5749L187.885 30.463L187.919 34.1889L176.246 34.3007C171.478 34.3496 169.57 31.6933 169.535 28.0793L169.472 21.5784C169.437 17.9644 171.29 15.2731 176.064 15.2242L182.243 15.1682L182.25 15.1612ZM173.226 23.5985L182.187 23.5147C184.25 23.4937 184.998 22.6199 184.984 21.2079C184.97 19.7609 184.131 18.8312 182.25 18.8521L176.106 18.9081C174.009 18.929 173.191 20.0894 173.205 21.5714L173.226 23.5985Z" fill="#079FEA"/>
-<path d="M209.051 15.0634L209.086 18.7473L198.531 18.8451C196.762 18.8591 196.042 19.5931 196.056 21.0401C196.07 22.3752 196.657 23.0953 198.782 23.0743L203.263 23.0323C208.541 22.9834 209.897 25.3881 209.925 28.352C209.96 31.7492 208.212 34.1539 203.732 34.1959L192.638 34.3007L192.603 30.5749L203.697 30.47C205.465 30.456 206.185 29.8339 206.171 28.352C206.157 26.8351 205.353 26.2269 203.438 26.2479L198.922 26.2898C193.645 26.3388 192.316 23.7174 192.288 20.7884C192.253 17.3562 194.008 15.2032 198.454 15.1612L209.044 15.0564L209.051 15.0634Z" fill="#079FEA"/>
-<path d="M230.225 15.0635L230.26 18.7474L219.704 18.8522C217.936 18.8662 217.216 19.6002 217.23 21.0472C217.244 22.3823 217.831 23.1023 219.956 23.0814L224.437 23.0394C229.715 22.9905 231.071 25.3951 231.099 28.359C231.134 31.7563 229.386 34.161 224.905 34.2029L213.812 34.3078L213.777 30.582L224.87 30.4771C226.639 30.4631 227.359 29.841 227.345 28.359C227.331 26.8421 226.527 26.234 224.612 26.255L220.096 26.2969C214.818 26.3458 213.49 23.7245 213.462 20.7955C213.427 17.3633 215.182 15.2103 219.628 15.1683L230.218 15.0635H230.225Z" fill="#079FEA"/>
-<defs>
-<linearGradient id="paint0_linear_1_473" x1="94.55" y1="10.6735" x2="115.025" y2="33.5598" gradientUnits="userSpaceOnUse">
-<stop offset="0.39" stop-color="#079FEA"/>
-<stop offset="0.44" stop-color="#13A3EB"/>
-<stop offset="0.53" stop-color="#33B0ED"/>
-<stop offset="0.66" stop-color="#67C4F2"/>
-<stop offset="0.8" stop-color="#AEE0F8"/>
-<stop offset="0.95" stop-color="white"/>
-</linearGradient>
-</defs>
-</svg>

index.html

@@ -4,6 +4,9 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <!-- font awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+
     <!-- pico css -->
     <link rel="stylesheet" href="./css/pico.min.css">
 
@@ -18,14 +21,23 @@
     
     <nav id="navbar" class="navbar navbar-expand-lg">
 
-        <div class="container">
+        <div class="container-fluid">
 
             <!-- navbar brand -->
-            <a class="navbar-brand" href="#">
-                <img src="./images/stydypress-logo-menu.svg" alt="">
-            </a>
+            <div class="nav-icons">
+                <a class="navbar-brand" href="#">
+                    <img src="./images/studypress-main-logo.svg" alt="">
+                </a>
+
+                <button class="res-btn">
+                    <i class="fa-solid fa-bars"></i>
+                </button>
+            </div>
 
             <ul class="nav-links">
+                <li>
+                    <a href="#" class="link-item">Home</a>
+                </li>
                 <li>
                     <a href="#" class="link-item">About</a>
                 </li>
@@ -41,15 +53,9 @@
             </ul>
 
 
-            <div class="login-registar">
-                <span>
-                    <a href="#">লগইন</a>
-                </span>
-                <span>/</span>
-                <span>
-                    <a href="#">রেজিস্টার</a>
-                </span>
-            </div>
+            <a class="link-btn" href="#" role="button">
+                Join for free
+            </a>
 
         </div>