";font-family:"La Belle Aurore",cursive;color:#515152;font-size:1.8rem;position:absolute;margin-top:3.8rem;margin-left:2rem}.text-zone header{position:relative}.text-zone p{position:relative;margin-bottom:1.5rem}.text-zone p:first-of-type:before{content:"
";font-family:"La Belle Aurore",cursive;color:#515152;font-size:18px;position:absolute;margin-top:-2rem;left:-2rem}.text-zone p:last-of-type:after{content:"
";font-family:"La Belle Aurore",cursive;color:#515152;font-size:18px;position:absolute;left:-2rem;bottom:-3rem}.main-menu{width:13rem;background-color:#181818;height:100vh;position:fixed;left:0;top:0;right:auto;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:3;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0}.main-menu__top{background:#000;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem 0}.main-menu__top>span{font-family:"Montserrat";color:#a5a5a5;font-size:1.2rem;margin-top:1rem}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo span{color:#fff;margin-top:1px;font-size:2.7rem}.main-menu_nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #282828}.main-menu_nav a{text-align:center;width:100%;display:block;font-size:1.6rem;color:#909096;line-height:5rem;border-bottom:1px solid #282828}.social{color:#909096;margin:0;padding:0;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:20rem}.social li{text-align:center}.social li a{padding:2rem 7px}.mbtn{display:none}.chart{margin-bottom:2rem}.chart span{font-size:18px;font-family:font-file-82132;margin-bottom:7px;display:block}.chart footer{background-color:#373737;height:2px}.chart footer div{width:0;height:100%;background-color:#f60}.section-full{min-height:100vh;padding:9rem 3rem;position:relative;opacity:1}.section-full .text-zone{padding-left:5rem}.page-skills{overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page-skills .text-zone{width:50%;padding-right:5rem}.page-skills .text-zone+div{padding-right:5rem;width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}@media screen and (max-width:1300px){body{padding-left:0}.section-full:first-child{padding-top:10rem}.main-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;z-index:-5;left:0;right:0;bottom:0;top:0;width:100%;opacity:0}.main-menu>*{opacity:0}.main-menu .main-menu__top{padding-top:6rem}.main-menu .social{margin-top:2rem;height:4rem}.mbtn{position:fixed;top:10px;right:10px;width:5rem;height:5rem;z-index:100;background-color:rgba(0,0,0,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:3px}}@media screen and (max-width:1100px){h1{font-size:8.3rem;line-height:7rem}.top-tags:after{margin-left:0}.bottom-tags:before{margin-left:0}.section-full .text-zone{padding-left:2rem;padding-right:2rem}.page-skills{display:block}.page-skills .text-zone{width:100%}.page-skills .text-zone+div{width:100%;padding:2rem}}@media screen and (max-width:900px){h1{font-size:8rem;line-height:7rem}}@media screen and (max-width:600px){body{font-size:1.5rem}h1{font-size:5.3rem;line-height:4.5rem}.page-skills .text-zone+div,.section-full .text-zone{padding-left:0;padding-right:0}.page-skills .text-zone{padding-right:0;padding-left:0}.section-full{padding:9rem 3rem}.tags{left:2rem}}@media screen and (max-width:480px){h1:before{margin-top:-3rem}}@media screen and (max-width:380px){h1{font-size:4.2rem;line-height:3.6rem}}.main-menu_nav ul{margin:0;padding:0;list-style:none}.main-menu_nav ul li.current-menu-item a{color:#08fdd8}.main-menu_nav ul li.current-menu-item a{color:#f60}a{color:#f60;text-decoration:none}body{font-family:'Montserrat',sans-serif!important;font-size:1.6rem;line-height:1.8;color:#ffffffe6}.social{padding-top:10px}.social li a{padding:2rem 5px;color:inherit;font-size:30px}With a decade of experience as a freelance developer, I've had the opportunity to work with agencies, consult for startups, and collaborate with talented individuals to build web products for both business and consumer audiences.
My focus lies in front-end development, where I excel in creating fast, user-friendly and responsive websites using HTML, CSS, JavaScript, animations, and interactive layouts. Additionally, I have full-stack development knowledge and experience with open-source CMSs such as WordPress, Shopify, Squarespace, Webflow and more.
I ensure that my projects are built with industry best practices and deliver high-quality results to my clients.
© Copyright 2024 jobayerhossan.com All Right Reserved | Developed by BitwiseCode Technologies