From 933530f2f48a4e25cc5942638ce0092ec14fa191 Mon Sep 17 00:00:00 2001 From: Utpal Barman Date: Fri, 3 May 2024 01:44:09 +0600 Subject: [PATCH] chore: Updated button gradients --- assets/css/style.css | 14 +++++++---- assets/css/style.min.css | 2 +- assets/js/api-call.js | 4 +-- assets/js/api-call.min.js | 1 + index.html | 41 +++++++++++++++--------------- index.min.html | 53 ++++++++++++++++++++++++++++++++++++++- 6 files changed, 86 insertions(+), 29 deletions(-) create mode 100644 assets/js/api-call.min.js diff --git a/assets/css/style.css b/assets/css/style.css index 74ebc60..819098a 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -187,9 +187,13 @@ a:hover { border-radius: 50%; } -.bg-brand { - background: #333333 !important; - border-color: #5e7062 !important; +.bg-gradient { + background-image: linear-gradient(135deg, #87498c, #0c3475); + border: none; +} + +.bg-gradient:hover { + background-image: linear-gradient(45deg, #87498c, #0c3475); } .box-shadow, @@ -1027,8 +1031,8 @@ span.material-icons.rounded { background-color: #111111; } -.u-card a { - color: #3c85b5; +#u-contact .u-card a { + color: #89cd89; } /* Company Logo */ diff --git a/assets/css/style.min.css b/assets/css/style.min.css index fbea682..56de875 100644 --- a/assets/css/style.min.css +++ b/assets/css/style.min.css @@ -1 +1 @@ -:root{--primary-color:#00ff3a}*{font-family:'Courier New',monospace;margin:0;padding:0}html{overflow-y:scroll;background-color:#000}.container{max-width:1300px}.u-header-span,h1,h2,h3,h4,h5,h6{font-family:'Courier New',monospace;color:#f4f4f4}.u-header-span,h2{font-size:30px;font-weight:600}h3{font-size:25px!important;font-weight:600!important}@media (max-width:981px){h2{font-size:22px}h3{font-size:20px!important}}.u-opcaity-70{opacity:.7}.u-opcaity-100-on-hover:hover{opacity:100!important}.u-button-text{font-family:'Courier New',monospace;text-transform:uppercase;font-size:14px}.u-social{display:inline-block;margin:4px;width:48px;height:48px}.u-social img{width:32px;margin:8px;transition:.3s ease}.u-social img:hover{margin:0;width:48px}.u-text-brand{color:var(--primary-color)}.u-btn-brand{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);width:100%;padding:15px;text-align:center;text-transform:uppercase}.u-btn-brand:hover{color:#fff!important;background-color:var(--primary-color);opacity:.9}body{background-color:#000;color:#bfbfbf;font-size:16px!important}body#u-body{background:linear-gradient(135deg,#44324f 0 5%,#11173d 15% 20%,#000 30% 100%)}a{color:#1e1e1e;transition:all .5s ease-in-out}a:hover{color:var(--primary-color);text-decoration:none;transition:all .5s ease-in-out}.u-button-text,.u-button-text:hover{color:#fff!important}.u-center{display:block;margin:0 auto}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label-info{background-color:#5bc0de}.u-institute-logo{width:70px;height:70px;object-fit:cover;border-radius:50%;background-color:rgb(89 89 89 / 53%);margin-bottom:16px}.u-blue-circle{border:10px solid #ebebf1;transition:.5s;box-shadow:0 0 20px 20px #00000026}.u-blue-circle:hover{border:10px solid #8f96bf;box-shadow:0 0 20px 0 #555666}.u-carousel-slider:focus{border:0}.u-circle-border{border-radius:50%}.bg-brand{background:#333!important;border-color:#5e7062!important}.box-shadow,.card-blog,.paralax-mf,.service-box,.work-box{box-shadow:0 13px 8px -10px rgba(0,0,0,.1)}.box-shadow-a,.button:hover{box-shadow:0 0 0 4px #cde1f8}.bg-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.overlay-mf{background-color:#000}.overlay-mf{position:absolute;top:0;left:0;padding:0;height:100%;width:100%;opacity:.7}.progress-bar{background-color:var(--primary-color)}.paralax-mf{position:relative;padding:8rem 0}.display-table{width:100%;height:100%;display:table}.table-cell{display:table-cell;vertical-align:middle}.sect-4{padding:4rem 0}.sect-mt4{margin-top:4rem}.work-img{height:220px!important}.title-box-2{margin-bottom:3rem}.title-left:before{content:'';position:absolute;height:3px;background-color:var(--primary-color);width:100px;bottom:-12px}.box-shadow-full{padding:3rem 1.25rem;position:relative;background-color:#fff;margin-bottom:3rem;z-index:2;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.socials{padding:1.5rem 0}.socials ul li{display:inline-block}.socials .ico-circle{height:40px;width:40px;font-size:1.7rem;border-radius:50%;line-height:1.4;margin:0 15px 0 0;box-shadow:0 0 0 3px var(--primary-color);transition:all .5s ease}.socials .ico-circle:hover{background-color:var(--primary-color);color:#fff;box-shadow:0 0 0 3px #cde1f8;transition:all .5s ease}.blog-wrapper .post-meta ul,.box-comments .list-comments,.list-ico,.socials ul,.ul-resect,.widget-sidebar .list-sidebar,.widget-tags ul{list-style:none;padding-left:0;margin-bottom:0}.list-ico{line-height:2}.list-ico span{color:var(--primary-color);margin-right:10px}.ico-circle{height:300px;width:300px;font-size:2rem;border-radius:50%;line-height:1.55;margin:0 auto;text-align:center;box-shadow:0 0 0 10px var(--primary-color);display:block}.owl-theme .owl-dots{text-align:center;margin-top:18px}.owl-theme .owl-dots .owl-dot{display:inline-block}.owl-theme .owl-dots .owl-dot span{width:18px;height:7px;margin:5px 5px;background:#cde1f8;border:0 solid #cde1f8;display:block;transition:all .6s ease-in-out;cursor:pointer}.owl-theme .owl-dots .owl-dot:hover span{background-color:#cde1f8}.owl-theme .owl-dots .owl-dot.active span{background-color:#1b1b1b;width:25px}.scrolltop-mf{position:relative;display:none}.scrolltop-mf span{z-index:999;position:fixed;width:42px;height:42px;background-color:var(--primary-color);opacity:.7;font-size:1.6rem;line-height:1.5;text-align:center;color:#fff;top:auto;left:auto;right:30px;bottom:50px;cursor:pointer;border-radius:50%}.back-to-top{position:fixed;display:none;background:var(--primary-color);color:#fff;width:44px;height:44px;text-align:center;line-height:1;font-size:30px;padding:10px;border-radius:50%;left:15px;bottom:15px;transition:background .5s;z-index:11}.back-to-top i{padding-top:12px;color:#fff}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#000}#preloader:before{content:'';position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #f2f2f2;border-top:6px solid var(--primary-color);border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}@-webkit-keyframes animate-preloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes animate-preloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}span.u-nav-call-icon{margin-bottom:16px!important;margin-left:16px!important}.navbar{padding:.5rem 2rem!important}.navbar-b{transition:all .5s ease-in-out;background-color:transparent;padding-top:1.563rem;padding-bottom:1.563rem}.navbar-b.navbar-reduce{box-shadow:0 6px 9px 0 rgba(0,0,0,.06)}.navbar-b.navbar-reduce .nav-item,.navbar-b.navbar-trans .nav-item{position:relative;padding-right:10px;padding-left:0}.navbar-b.navbar-reduce .nav-link,.navbar-b.navbar-trans .nav-link{color:#fff;text-transform:uppercase;font-weight:600}.navbar-b.navbar-reduce .nav-link:before,.navbar-b.navbar-trans .nav-link:before{content:'';position:absolute;margin-left:0;width:0%;bottom:0;left:0;height:2px;transition:all .5s ease}.navbar-b.navbar-reduce .nav-link:hover,.navbar-b.navbar-trans .nav-link:hover{color:#1b1b1b}.navbar-b.navbar-reduce .nav-link:hover:before,.navbar-b.navbar-trans .nav-link:hover:before{width:35px}.navbar-b.navbar-reduce .active>.nav-link:before,.navbar-b.navbar-reduce .nav-link.active:before,.navbar-b.navbar-reduce .nav-link.show:before,.navbar-b.navbar-reduce .show>.nav-link:before,.navbar-b.navbar-trans .active>.nav-link:before,.navbar-b.navbar-trans .nav-link.active:before,.navbar-b.navbar-trans .nav-link.show:before,.navbar-b.navbar-trans .show>.nav-link:before{width:35px}.navbar-b.navbar-trans .nav-link:before{background-color:#fff}.navbar-b.navbar-trans .nav-link:hover{color:#fff}.navbar-b.navbar-trans .active>.nav-link,.navbar-b.navbar-trans .nav-link.active,.navbar-b.navbar-trans .nav-link.show,.navbar-b.navbar-trans .show>.nav-link{color:#fff}.navbar-b.navbar-reduce{transition:all .5s ease-in-out;background-color:rgb(237 237 237 / 25%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:15px;padding-bottom:15px}.navbar-b.navbar-reduce .nav-link:before{background-color:var(--primary-color)}.navbar-b.navbar-reduce .nav-link:hover{color:var(--primary-color)}.navbar-b.navbar-reduce .active>.nav-link,.navbar-b.navbar-reduce .nav-link.active,.navbar-b.navbar-reduce .nav-link.show,.navbar-b.navbar-reduce .show>.nav-link{color:var(--primary-color)}.navbar-b.navbar-reduce .navbar-toggler span{background-color:#1b1b1b}.navbar-b .navbar-brand{color:#fff;font-size:1.6rem;font-weight:600}.navbar-b .dropdown-btn.show .dropdown-menu,.navbar-b .dropdown.show .dropdown-menu,.navbar-b .navbar-nav .dropdown-item.show .dropdown-menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible!important}.navbar-b .dropdown-menu{margin:1.12rem 0 0;border-radius:0}.navbar-b .dropdown-menu .dropdown-item{padding:.7rem 1.7rem;transition:all .5s ease}.navbar-b .dropdown-menu .dropdown-item:hover{background-color:var(--primary-color);color:#fff;transition:all .5s ease}.navbar-b .dropdown-menu .dropdown-item.active{background-color:var(--primary-color)}.navbar-toggler{position:relative}.navbar-toggler:active,.navbar-toggler:focus{outline:0}.navbar-toggler span{display:block;background-color:#fff;height:3px;width:25px;margin-top:4px;margin-bottom:4px;-webkit-transform:rotate(0);transform:rotate(0);left:0;opacity:1}.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3){transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.navbar-toggler:not(.collapsed) span:nth-child(1){position:absolute;left:12px;top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:.9}.navbar-toggler:not(.collapsed) span:nth-child(2){height:12px;visibility:hidden;background-color:transparent}.navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute;left:12px;top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);opacity:.9}.intro{height:100vh;position:relative;color:#fff}.intro .intro-content{text-align:center;position:absolute}.intro .overlay-itro{background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;padding:0;height:100%;width:100%;opacity:.9}.intro .intro-title{color:#fff;font-weight:600;font-size:2rem}.intro .intro-subtitle{font-size:1.5rem;font-weight:300}.intro .text-slider-items{display:none}.intro-single{height:350px}.intro-single .intro-content{margin-top:30px}.intro-single .intro-title{text-transform:uppercase;font-size:3rem}.intro-single .breadcrumb{background-color:transparent;color:var(--primary-color)}.intro-single .breadcrumb .breadcrumb-item:before{color:#cde1f8}.intro-single .breadcrumb .breadcrumb-item.active{color:#cde1f8}.intro-single .breadcrumb a{color:#fff}.progress{border-radius:30px;margin-bottom:25px}span.w-date{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;-webkit-box-orient:vertical}.service-box{background-color:#111;padding:2.5rem 1.3rem;border-radius:1rem;margin-bottom:3rem}.service-box:hover .ico-circle{transition:all .5s ease;color:#fff;background-color:var(--primary-color);box-shadow:0 0 0 10px #cde1f8}.service-box .service-ico{margin-bottom:1rem;color:#1e1e1e}.service-box .ico-circle{transition:all .5s ease;font-size:4rem}.service-box .s-title{font-size:1.4rem;text-transform:uppercase;text-align:center;padding:.4rem 0}.work-box{margin-bottom:3rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#181818}.work-box:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.work-img{display:block;overflow:hidden}.work-img img{transition:all 1s}.work-content{padding:2rem 3% 1rem 4%}.work-content .w-more{color:#949494;font-size:.8rem}.work-content .w-more .w-ctegory{color:var(--primary-color)}.work-content .w-like a{color:var(--primary-color)}.work-content .w-like .num-like{font-size:.7rem}.w-title{font-size:1.2rem}.footer-paralax{padding:4rem 0 0 0}.contact-mf{margin-top:4rem}footer{text-align:center;color:#fff;padding-bottom:4rem}footer .copyright{margin-bottom:.3rem}footer .credits{margin-bottom:0}footer .credits a{color:#fff}.button{display:inline-block;padding:.3rem .6rem;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1rem;border-radius:.3rem;border:1px solid transparent;transition:all .5s ease;cursor:pointer}.button:focus{outline:0}.button:hover{background-color:#0062d3;color:#fff;transition:all .5s ease}.button-a{background-color:var(--primary-color);color:#fff;border-color:#cde1f8}.button-big{padding:.9rem 2.3rem;font-size:1.2rem}.button-rouded{border-radius:5rem}@media (min-width:577px){.counter-box{margin-bottom:1.8rem}}@media (min-width:767px){.about-mf .box-pl2{margin-top:3rem;padding-left:0}.card-blog{margin-bottom:3rem}.contact-mf .box-pl2{margin-top:3rem;padding-left:0}}@media (min-width:768px){.box-shadow-full{padding:3rem}.navbar-b.navbar-reduce .nav-item,.navbar-b.navbar-trans .nav-item{padding-left:10px}.navbar-b.navbar-reduce .nav-link:before,.navbar-b.navbar-trans .nav-link:before{margin-left:18px}.intro .intro-title{font-size:4.5rem}.intro .intro-subtitle{font-size:2.5rem}}span.material-icons{padding:4px;position:relative;top:6px;border-radius:50%!important;color:var(--primary-color)!important;opacity:.8;margin:4px}span.material-icons.rounded{background-color:var(--primary-color);color:#3e3e3e!important}@media (min-width:992px){.testimonial-box .description{padding:0 8rem}}@media (min-width:1200px){.testimonial-box .description{padding:0 13rem}}@media (max-width:1024px){.bg-image{background-attachment:scroll}}@media (max-width:768px){.back-to-top{bottom:15px}}.u-card{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);padding:30px;margin:24px 2px;border-radius:8px;background-color:#111}.u-card a{color:#3c85b5}img.u-thumb-img{margin-left:8px;margin-right:8px;width:24px;height:24px;object-fit:contain;box-shadow:0 0 20px 5px #42424217;background-color:#fff}.work__experienceDetail{margin-left:36px;color:#424141;margin-bottom:8px}.work__experienceDetail span{color:rgb(204 204 204)!important}.work__experienceCard{margin-bottom:16px;padding:12px 8px}.work__experienceCompanyName{display:flex}.u-rounded-gray-bg{background-color:#181818;border-radius:8px}.u-align-center{display:flex;align-items:center}.u-neumorphism-shadow{box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 rgba(255,255,255,.2)}body.modal-open{overflow:hidden}p.u-web-project-text{line-height:1.8;color:#a2a2a2}.spacer{margin-bottom:72px!important}.u-container{padding:40px 20px;margin:20px;background-image:linear-gradient(45deg,#1b1f44b8,transparent)}.cta-container{height:300px;background-size:cover;background-repeat:no-repeat;background-position:10%}.u-overlay{height:100%;width:100%;background-color:rgba(13,18,58,.78);z-index:10}.navbar-b .navbar-brand{font-size:24px}.slick-arrow:before{color:var(--primary-color)!important;font-size:40px}.slick-arrow{z-index:99;width:30px;height:30px}@media (max-width:768px){.navbar-b .navbar-brand{font-size:18px}}@media (max-width:991px){.u-hide-on-mobile{display:none!important}}@media (min-width:992px){.u-show-on-mobile-only{display:none!important}.u-h-222{min-height:222px}}@media (max-width:992px){.navbar-collapse{position:absolute;top:65px;left:100%;margin-left:50%;background-color:#1b1b1b;padding:15px;width:100%;height:1000px;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);display:block}.navbar-collapse.collapsing{height:auto!important;margin-left:50%;transition:all .3s ease;display:block}.navbar-collapse.show{left:0}}*,:after,:before{box-sizing:border-box}:root{--c-grey-100:#f4f6f8;--c-grey-200:#e3e3e3;--c-grey-300:#b2b2b2;--c-grey-400:#7b7b7b;--c-grey-500:#3d3d3d;--c-blue-500:#688afd;--text-color:#ededed;--text-color-light:#cacaca;--background-color:#000;--backgroud-grey:#292929;--backgroud-grey-light:#181818}img{display:block;max-width:100%}.timeline{width:85%;max-width:700px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;padding:32px 0 32px 32px;border-left:1px solid #555;font-size:1.125rem}.timeline-item{display:flex;gap:32px}.timeline-item+*{margin-top:24px}.timeline-item+.extra-space{margin-top:48px}.timeline-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-left:-52px;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 6px #0c0c0c}.timeline-item-icon svg{width:24px;height:24px}.timeline-item-icon.faded-icon{background-color:var(--c-grey-100);color:var(--c-grey-400)}.timeline-item-icon.filled-icon{background-color:var(--c-blue-500);color:#fff}.timeline-item-description{display:flex;padding-top:6px;gap:4px;font-size:16px;color:#9f9f9f}.timeline-item-description img{flex-shrink:0}.timeline-item-description a{color:#e0e0e0;font-weight:500;text-decoration:none}.timeline-item-description a:focus,.timeline-item-description a:hover{outline:0;color:var(--c-blue-500)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;aspect-ratio:1/1;flex-shrink:0;width:40px;height:40px}.avatar.small{width:22px;height:22px}.avatar img{object-fit:cover}.comment{margin-top:12px;color:var(--text-color);border:1px solid var(--backgroud-grey);background-color:var(--backgroud-grey-light);border-radius:6px;padding:16px;font-size:1rem;margin-left:24px}@media (max-width:600px){.u-timeline.u-card{padding-right:16px}.comment{margin-left:0!important}.timeline{width:100%!important}.timeline-item{gap:16px}}#u-about{padding-top:124px} \ No newline at end of file +:root{--primary-color:#00ff3a}*{font-family:'Courier New',monospace;margin:0;padding:0}html{overflow-y:scroll;background-color:#000}.container{max-width:1300px}.u-header-span,h1,h2,h3,h4,h5,h6{font-family:'Courier New',monospace;color:#f4f4f4}.u-header-span,h2{font-size:30px;font-weight:600}h3{font-size:25px!important;font-weight:600!important}@media (max-width:981px){h2{font-size:22px}h3{font-size:20px!important}}.u-opcaity-70{opacity:.7}.u-opcaity-100-on-hover:hover{opacity:100!important}.u-button-text{font-family:'Courier New',monospace;text-transform:uppercase;font-size:14px}.u-social{display:inline-block;margin:4px;width:48px;height:48px}.u-social img{width:32px;margin:8px;transition:.3s ease}.u-social img:hover{margin:0;width:48px}.u-text-brand{color:var(--primary-color)}.u-btn-brand{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color);width:100%;padding:15px;text-align:center;text-transform:uppercase}.u-btn-brand:hover{color:#fff!important;background-color:var(--primary-color);opacity:.9}body{background-color:#000;color:#bfbfbf;font-size:16px!important}body#u-body{background:linear-gradient(135deg,#44324f 0 5%,#11173d 15% 20%,#000 30% 100%)}a{color:#1e1e1e;transition:all .5s ease-in-out}a:hover{color:var(--primary-color);text-decoration:none;transition:all .5s ease-in-out}.u-button-text,.u-button-text:hover{color:#fff!important}.u-center{display:block;margin:0 auto}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label-info{background-color:#5bc0de}.u-institute-logo{width:70px;height:70px;object-fit:cover;border-radius:50%;background-color:rgb(89 89 89 / 53%);margin-bottom:16px}.u-blue-circle{border:10px solid #ebebf1;transition:.5s;box-shadow:0 0 20px 20px #00000026}.u-blue-circle:hover{border:10px solid #8f96bf;box-shadow:0 0 20px 0 #555666}.u-carousel-slider:focus{border:0}.u-circle-border{border-radius:50%}.bg-gradient{background-image:linear-gradient(135deg,#87498c,#0c3475);border:none}.bg-gradient:hover{background-image:linear-gradient(45deg,#87498c,#0c3475)}.box-shadow,.card-blog,.paralax-mf,.service-box,.work-box{box-shadow:0 13px 8px -10px rgba(0,0,0,.1)}.box-shadow-a,.button:hover{box-shadow:0 0 0 4px #cde1f8}.bg-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.overlay-mf{background-color:#000}.overlay-mf{position:absolute;top:0;left:0;padding:0;height:100%;width:100%;opacity:.7}.progress-bar{background-color:var(--primary-color)}.paralax-mf{position:relative;padding:8rem 0}.display-table{width:100%;height:100%;display:table}.table-cell{display:table-cell;vertical-align:middle}.sect-4{padding:4rem 0}.sect-mt4{margin-top:4rem}.work-img{height:220px!important}.title-box-2{margin-bottom:3rem}.title-left:before{content:'';position:absolute;height:3px;background-color:var(--primary-color);width:100px;bottom:-12px}.box-shadow-full{padding:3rem 1.25rem;position:relative;background-color:#fff;margin-bottom:3rem;z-index:2;box-shadow:0 1px 1px 0 rgba(0,0,0,.06),0 2px 5px 0 rgba(0,0,0,.2)}.socials{padding:1.5rem 0}.socials ul li{display:inline-block}.socials .ico-circle{height:40px;width:40px;font-size:1.7rem;border-radius:50%;line-height:1.4;margin:0 15px 0 0;box-shadow:0 0 0 3px var(--primary-color);transition:all .5s ease}.socials .ico-circle:hover{background-color:var(--primary-color);color:#fff;box-shadow:0 0 0 3px #cde1f8;transition:all .5s ease}.blog-wrapper .post-meta ul,.box-comments .list-comments,.list-ico,.socials ul,.ul-resect,.widget-sidebar .list-sidebar,.widget-tags ul{list-style:none;padding-left:0;margin-bottom:0}.list-ico{line-height:2}.list-ico span{color:var(--primary-color);margin-right:10px}.ico-circle{height:300px;width:300px;font-size:2rem;border-radius:50%;line-height:1.55;margin:0 auto;text-align:center;box-shadow:0 0 0 10px var(--primary-color);display:block}.owl-theme .owl-dots{text-align:center;margin-top:18px}.owl-theme .owl-dots .owl-dot{display:inline-block}.owl-theme .owl-dots .owl-dot span{width:18px;height:7px;margin:5px 5px;background:#cde1f8;border:0 solid #cde1f8;display:block;transition:all .6s ease-in-out;cursor:pointer}.owl-theme .owl-dots .owl-dot:hover span{background-color:#cde1f8}.owl-theme .owl-dots .owl-dot.active span{background-color:#1b1b1b;width:25px}.scrolltop-mf{position:relative;display:none}.scrolltop-mf span{z-index:999;position:fixed;width:42px;height:42px;background-color:var(--primary-color);opacity:.7;font-size:1.6rem;line-height:1.5;text-align:center;color:#fff;top:auto;left:auto;right:30px;bottom:50px;cursor:pointer;border-radius:50%}.back-to-top{position:fixed;display:none;background:var(--primary-color);color:#fff;width:44px;height:44px;text-align:center;line-height:1;font-size:30px;padding:10px;border-radius:50%;left:15px;bottom:15px;transition:background .5s;z-index:11}.back-to-top i{padding-top:12px;color:#fff}#preloader{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;overflow:hidden;background:#000}#preloader:before{content:'';position:fixed;top:calc(50% - 30px);left:calc(50% - 30px);border:6px solid #f2f2f2;border-top:6px solid var(--primary-color);border-radius:50%;width:60px;height:60px;-webkit-animation:animate-preloader 1s linear infinite;animation:animate-preloader 1s linear infinite}@-webkit-keyframes animate-preloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes animate-preloader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}span.u-nav-call-icon{margin-bottom:16px!important;margin-left:16px!important}.navbar{padding:.5rem 2rem!important}.navbar-b{transition:all .5s ease-in-out;background-color:transparent;padding-top:1.563rem;padding-bottom:1.563rem}.navbar-b.navbar-reduce{box-shadow:0 6px 9px 0 rgba(0,0,0,.06)}.navbar-b.navbar-reduce .nav-item,.navbar-b.navbar-trans .nav-item{position:relative;padding-right:10px;padding-left:0}.navbar-b.navbar-reduce .nav-link,.navbar-b.navbar-trans .nav-link{color:#fff;text-transform:uppercase;font-weight:600}.navbar-b.navbar-reduce .nav-link:before,.navbar-b.navbar-trans .nav-link:before{content:'';position:absolute;margin-left:0;width:0%;bottom:0;left:0;height:2px;transition:all .5s ease}.navbar-b.navbar-reduce .nav-link:hover,.navbar-b.navbar-trans .nav-link:hover{color:#1b1b1b}.navbar-b.navbar-reduce .nav-link:hover:before,.navbar-b.navbar-trans .nav-link:hover:before{width:35px}.navbar-b.navbar-reduce .active>.nav-link:before,.navbar-b.navbar-reduce .nav-link.active:before,.navbar-b.navbar-reduce .nav-link.show:before,.navbar-b.navbar-reduce .show>.nav-link:before,.navbar-b.navbar-trans .active>.nav-link:before,.navbar-b.navbar-trans .nav-link.active:before,.navbar-b.navbar-trans .nav-link.show:before,.navbar-b.navbar-trans .show>.nav-link:before{width:35px}.navbar-b.navbar-trans .nav-link:before{background-color:#fff}.navbar-b.navbar-trans .nav-link:hover{color:#fff}.navbar-b.navbar-trans .active>.nav-link,.navbar-b.navbar-trans .nav-link.active,.navbar-b.navbar-trans .nav-link.show,.navbar-b.navbar-trans .show>.nav-link{color:#fff}.navbar-b.navbar-reduce{transition:all .5s ease-in-out;background-color:rgb(237 237 237 / 25%);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding-top:15px;padding-bottom:15px}.navbar-b.navbar-reduce .nav-link:before{background-color:var(--primary-color)}.navbar-b.navbar-reduce .nav-link:hover{color:var(--primary-color)}.navbar-b.navbar-reduce .active>.nav-link,.navbar-b.navbar-reduce .nav-link.active,.navbar-b.navbar-reduce .nav-link.show,.navbar-b.navbar-reduce .show>.nav-link{color:var(--primary-color)}.navbar-b.navbar-reduce .navbar-toggler span{background-color:#1b1b1b}.navbar-b .navbar-brand{color:#fff;font-size:1.6rem;font-weight:600}.navbar-b .dropdown-btn.show .dropdown-menu,.navbar-b .dropdown.show .dropdown-menu,.navbar-b .navbar-nav .dropdown-item.show .dropdown-menu{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible!important}.navbar-b .dropdown-menu{margin:1.12rem 0 0;border-radius:0}.navbar-b .dropdown-menu .dropdown-item{padding:.7rem 1.7rem;transition:all .5s ease}.navbar-b .dropdown-menu .dropdown-item:hover{background-color:var(--primary-color);color:#fff;transition:all .5s ease}.navbar-b .dropdown-menu .dropdown-item.active{background-color:var(--primary-color)}.navbar-toggler{position:relative}.navbar-toggler:active,.navbar-toggler:focus{outline:0}.navbar-toggler span{display:block;background-color:#fff;height:3px;width:25px;margin-top:4px;margin-bottom:4px;-webkit-transform:rotate(0);transform:rotate(0);left:0;opacity:1}.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3){transition:-webkit-transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out}.navbar-toggler:not(.collapsed) span:nth-child(1){position:absolute;left:12px;top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg);opacity:.9}.navbar-toggler:not(.collapsed) span:nth-child(2){height:12px;visibility:hidden;background-color:transparent}.navbar-toggler:not(.collapsed) span:nth-child(3){position:absolute;left:12px;top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);opacity:.9}.intro{height:100vh;position:relative;color:#fff}.intro .intro-content{text-align:center;position:absolute}.intro .overlay-itro{background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;padding:0;height:100%;width:100%;opacity:.9}.intro .intro-title{color:#fff;font-weight:600;font-size:2rem}.intro .intro-subtitle{font-size:1.5rem;font-weight:300}.intro .text-slider-items{display:none}.intro-single{height:350px}.intro-single .intro-content{margin-top:30px}.intro-single .intro-title{text-transform:uppercase;font-size:3rem}.intro-single .breadcrumb{background-color:transparent;color:var(--primary-color)}.intro-single .breadcrumb .breadcrumb-item:before{color:#cde1f8}.intro-single .breadcrumb .breadcrumb-item.active{color:#cde1f8}.intro-single .breadcrumb a{color:#fff}.progress{border-radius:30px;margin-bottom:25px}span.w-date{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;-webkit-box-orient:vertical}.service-box{background-color:#111;padding:2.5rem 1.3rem;border-radius:1rem;margin-bottom:3rem}.service-box:hover .ico-circle{transition:all .5s ease;color:#fff;background-color:var(--primary-color);box-shadow:0 0 0 10px #cde1f8}.service-box .service-ico{margin-bottom:1rem;color:#1e1e1e}.service-box .ico-circle{transition:all .5s ease;font-size:4rem}.service-box .s-title{font-size:1.4rem;text-transform:uppercase;text-align:center;padding:.4rem 0}.work-box{margin-bottom:3rem;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#181818}.work-box:hover img{-webkit-transform:scale(1.3);transform:scale(1.3)}.work-img{display:block;overflow:hidden}.work-img img{transition:all 1s}.work-content{padding:2rem 3% 1rem 4%}.work-content .w-more{color:#949494;font-size:.8rem}.work-content .w-more .w-ctegory{color:var(--primary-color)}.work-content .w-like a{color:var(--primary-color)}.work-content .w-like .num-like{font-size:.7rem}.w-title{font-size:1.2rem}.footer-paralax{padding:4rem 0 0 0}.contact-mf{margin-top:4rem}footer{text-align:center;color:#fff;padding-bottom:4rem}footer .copyright{margin-bottom:.3rem}footer .credits{margin-bottom:0}footer .credits a{color:#fff}.button{display:inline-block;padding:.3rem .6rem;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:1rem;border-radius:.3rem;border:1px solid transparent;transition:all .5s ease;cursor:pointer}.button:focus{outline:0}.button:hover{background-color:#0062d3;color:#fff;transition:all .5s ease}.button-a{background-color:var(--primary-color);color:#fff;border-color:#cde1f8}.button-big{padding:.9rem 2.3rem;font-size:1.2rem}.button-rouded{border-radius:5rem}@media (min-width:577px){.counter-box{margin-bottom:1.8rem}}@media (min-width:767px){.about-mf .box-pl2{margin-top:3rem;padding-left:0}.card-blog{margin-bottom:3rem}.contact-mf .box-pl2{margin-top:3rem;padding-left:0}}@media (min-width:768px){.box-shadow-full{padding:3rem}.navbar-b.navbar-reduce .nav-item,.navbar-b.navbar-trans .nav-item{padding-left:10px}.navbar-b.navbar-reduce .nav-link:before,.navbar-b.navbar-trans .nav-link:before{margin-left:18px}.intro .intro-title{font-size:4.5rem}.intro .intro-subtitle{font-size:2.5rem}}span.material-icons{padding:4px;position:relative;top:6px;border-radius:50%!important;color:var(--primary-color)!important;opacity:.8;margin:4px}span.material-icons.rounded{background-color:var(--primary-color);color:#3e3e3e!important}@media (min-width:992px){.testimonial-box .description{padding:0 8rem}}@media (min-width:1200px){.testimonial-box .description{padding:0 13rem}}@media (max-width:1024px){.bg-image{background-attachment:scroll}}@media (max-width:768px){.back-to-top{bottom:15px}}.u-card{box-shadow:0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.2),0 1px 8px 0 rgba(0,0,0,.12);padding:30px;margin:24px 2px;border-radius:8px;background-color:#111}#u-contact .u-card a{color:#89cd89}img.u-thumb-img{margin-left:8px;margin-right:8px;width:24px;height:24px;object-fit:contain;box-shadow:0 0 20px 5px #42424217;background-color:#fff}.work__experienceDetail{margin-left:36px;color:#424141;margin-bottom:8px}.work__experienceDetail span{color:rgb(204 204 204)!important}.work__experienceCard{margin-bottom:16px;padding:12px 8px}.work__experienceCompanyName{display:flex}.u-rounded-gray-bg{background-color:#181818;border-radius:8px}.u-align-center{display:flex;align-items:center}.u-neumorphism-shadow{box-shadow:12px 12px 16px 0 rgba(0,0,0,.2),-8px -8px 12px 0 rgba(255,255,255,.2)}body.modal-open{overflow:hidden}p.u-web-project-text{line-height:1.8;color:#a2a2a2}.spacer{margin-bottom:72px!important}.u-container{padding:40px 20px;margin:20px;background-image:linear-gradient(45deg,#1b1f44b8,transparent)}.cta-container{height:300px;background-size:cover;background-repeat:no-repeat;background-position:10%}.u-overlay{height:100%;width:100%;background-color:rgba(13,18,58,.78);z-index:10}.navbar-b .navbar-brand{font-size:24px}.slick-arrow:before{color:var(--primary-color)!important;font-size:40px}.slick-arrow{z-index:99;width:30px;height:30px}@media (max-width:768px){.navbar-b .navbar-brand{font-size:18px}}@media (max-width:991px){.u-hide-on-mobile{display:none!important}}@media (min-width:992px){.u-show-on-mobile-only{display:none!important}.u-h-222{min-height:222px}}@media (max-width:992px){.navbar-collapse{position:absolute;top:65px;left:100%;margin-left:50%;background-color:#1b1b1b;padding:15px;width:100%;height:1000px;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);display:block}.navbar-collapse.collapsing{height:auto!important;margin-left:50%;transition:all .3s ease;display:block}.navbar-collapse.show{left:0}}*,:after,:before{box-sizing:border-box}:root{--c-grey-100:#f4f6f8;--c-grey-200:#e3e3e3;--c-grey-300:#b2b2b2;--c-grey-400:#7b7b7b;--c-grey-500:#3d3d3d;--c-blue-500:#688afd;--text-color:#ededed;--text-color-light:#cacaca;--background-color:#000;--backgroud-grey:#292929;--backgroud-grey-light:#181818}img{display:block;max-width:100%}.timeline{width:85%;max-width:700px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;padding:32px 0 32px 32px;border-left:1px solid #555;font-size:1.125rem}.timeline-item{display:flex;gap:32px}.timeline-item+*{margin-top:24px}.timeline-item+.extra-space{margin-top:48px}.timeline-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-left:-52px;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 6px #0c0c0c}.timeline-item-icon svg{width:24px;height:24px}.timeline-item-icon.faded-icon{background-color:var(--c-grey-100);color:var(--c-grey-400)}.timeline-item-icon.filled-icon{background-color:var(--c-blue-500);color:#fff}.timeline-item-description{display:flex;padding-top:6px;gap:4px;font-size:16px;color:#9f9f9f}.timeline-item-description img{flex-shrink:0}.timeline-item-description a{color:#e0e0e0;font-weight:500;text-decoration:none}.timeline-item-description a:focus,.timeline-item-description a:hover{outline:0;color:var(--c-blue-500)}.avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;aspect-ratio:1/1;flex-shrink:0;width:40px;height:40px}.avatar.small{width:22px;height:22px}.avatar img{object-fit:cover}.comment{margin-top:12px;color:var(--text-color);border:1px solid var(--backgroud-grey);background-color:var(--backgroud-grey-light);border-radius:6px;padding:16px;font-size:1rem;margin-left:24px}@media (max-width:600px){.u-timeline.u-card{padding-right:16px}.comment{margin-left:0!important}.timeline{width:100%!important}.timeline-item{gap:16px}}#u-about{padding-top:124px} \ No newline at end of file diff --git a/assets/js/api-call.js b/assets/js/api-call.js index 0064443..fe374c4 100644 --- a/assets/js/api-call.js +++ b/assets/js/api-call.js @@ -56,8 +56,8 @@ function appendProjectCard(name, link, description, i) { Project Details diff --git a/assets/js/api-call.min.js b/assets/js/api-call.min.js new file mode 100644 index 0000000..17fe543 --- /dev/null +++ b/assets/js/api-call.min.js @@ -0,0 +1 @@ +function appendProjectCard(e,n,s,r){$("#u-carousel").append(`\n
\n ${e} \n
\n
\n ${s}\n\n
\n\n \n Project Details\n \n\n
\n \n \n `),console.log(e,n,s)}let data;const url="https://api.github.com/users/utpal-barman/repos",response=fetch(url).then(e=>e.json()).catch(e=>console.log(e));response.then(e=>{for(i=0;i - --> @@ -172,14 +172,6 @@

Utpal Barman

alt="LinkedIn Logo" /> -
- - Skype Logo - -
Utpal Barman
+ + Skype Logo + +
+ + @@ -384,7 +385,7 @@

Timeline


- Preview & Download My Resume @@ -463,7 +464,7 @@

-
+ @@ -524,7 +525,7 @@

More Projects

 Project Details @@ -555,7 +556,7 @@

More Projects

Project Details @@ -585,7 +586,7 @@

More Projects

Project Details @@ -824,7 +825,7 @@
View + class="btn u-button-text waves-effect waves-light bg-gradient d-block px-5 py-3">View on Github @@ -872,7 +873,7 @@
View + class="btn u-button-text waves-effect waves-light bg-gradient d-block px-5 py-3">View on Github @@ -921,7 +922,7 @@