diff --git a/scss/custom-nav-dropper.css b/scss/custom-nav-dropper.css index 47ac1ce..a96ad91 100644 --- a/scss/custom-nav-dropper.css +++ b/scss/custom-nav-dropper.css @@ -1,5 +1,5 @@ #nav-dropper { - background-color: #FFF; + background-color: #fff; position: fixed; top: -130px; width: 100%; @@ -88,7 +88,7 @@ font-size: 3.7rem; font-weight: 700; font-family: "poppins"; - color: #A5F721; + color: #a5f721; background: #000000; /* fallback for old browsers */ box-shadow: none; padding-left: 1.8rem; @@ -104,7 +104,7 @@ line-height: 2rem; font-weight: 700; font-family: "poppins"; - color: #FFFFFF; + color: #ffffff; height: inherit; background-color: #000000; box-shadow: 7px 7px #cacaca; @@ -119,7 +119,7 @@ line-height: 5.6rem; font-weight: 700; font-family: "poppins"; - color: #FFFFFF; + color: #ffffff; height: inherit; background-color: #000000; box-shadow: 17px 17px #cacaca; @@ -129,13 +129,13 @@ padding-bottom: 1.3rem; } .billboard-text .brand-neon { - color: #A5F721; + color: #a5f721; } .brand-neon-hero { background-color: #000000; box-shadow: 7px 7px #cacaca; - color: #A5F721; + color: #a5f721; padding: 4px 6px 4px 6px; } @@ -145,7 +145,7 @@ line-height: 4rem; font-weight: 700; font-family: "poppins"; - color: #FFFFFF; + color: #ffffff; height: inherit; background-color: #000000; box-shadow: 17px 17px #cacaca; diff --git a/scss/custom-nav-dropper.css.map b/scss/custom-nav-dropper.css.map index f4be6b1..6b2d963 100644 --- a/scss/custom-nav-dropper.css.map +++ b/scss/custom-nav-dropper.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom-nav-dropper.scss","custom-nav-dropper.css"],"names":[],"mappings":"AAEA;EACE,sBAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,cAAA;EACA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,oCAAA;ACDF;ADGE;EAEM,YAAA;EACA,oBAAA;EACA,cAAA;ACFR;ADME;EAEK,YAAA;ACLP;;ADaA;EACE,qBAAA;EACA,WAAA;EACA,cAAA;EACA,YAAA;EACA,kBAAA;EACA,sBAAA;EACA,qBAAA;EACA,eAAA;ACVF;;ADaA;EAEE,cAAA;ACXF;;ADcA;EAEI,sBAAA;ACZJ;;ADeA;EAEI,sBAAA;ACbJ;;ADoBA;EACE,iBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EAEA,mBAAA,EAAA,8BAAA;EAIA,2BAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;ACtBF;;AD2BA;EAEE;IACA,iBAAA;IACA,gBAAA;IACA,sBAAA;IACA,cAAA;IAEA,mBAAA,EAAA,8BAAA;IAEA,2BAAA;IACA,oBAAA;IACA,qBAAA;IACA,mBAAA;IACA,sBAAA;EC3BA;AACF;ADkCA;EAEE,iBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EAEA,mBAAA,EAAA,8BAAA;EAIA,2BAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,gBAAA;ACtCF;;AD8CA;EAEE,iBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EAEA,mBAAA,EAAA,8BAAA;EAIA,gBAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,gBAAA;ACjDF;;ADqDC;EAEC;IAEE,eAAA;IACA,iBAAA;IACA,gBAAA;IACA,sBAAA;IACA,cAAA;IACA,eAAA;IACA,yBAAA;IACA,2BAAA;IAEA,oBAAA;IACA,qBAAA;IACA,mBAAA;IACA,sBAAA;ECrDF;AACF;AD0DA;EAEI,eAAA;EACA,mBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EACA,eAAA;EACA,yBAAA;EAGJ,6BAAA;EAEE,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;AC5DF;AD+DE;EAEE,cAAA;AC9DJ;;ADmEA;EAEI,yBAAA;EACA,2BAAA;EACA,cA3MS;EA4MT,wBAAA;ACjEJ;;ADsEC;EAEC;IAEE,eAAA;IACA,iBAAA;IACA,gBAAA;IACA,sBAAA;IACA,cAAA;IACA,eAAA;IACA,yBAAA;IACA,6BAAA;IAEA,oBAAA;IACA,qBAAA;IACA,mBAAA;IACA,sBAAA;ECtEF;AACF","file":"custom-nav-dropper.css"} \ No newline at end of file +{"version":3,"sources":["custom-nav-dropper.scss","custom-nav-dropper.css"],"names":[],"mappings":"AAEA;EACE,sBAAA;EACA,eAAA;EACA,WAAA;EACA,WAAA;EACA,eAAA;EACA,cAAA;EACA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,oCAAA;ACDF;ADGE;EACE,YAAA;EACA,oBAAA;EACA,cAAA;ACDJ;ADIE;EACE,YAAA;ACFJ;;ADMA;EACE,qBAAA;EACA,WAAA;EACA,cAAA;EACA,YAAA;EACA,kBAAA;EACA,sBAAA;EACA,qBAAA;EACA,eAAA;ACHF;;ADMA;EAEE,cAAA;ACJF;;ADOA;EACE,sBAAA;ACJF;;ADOA;EACE,sBAAA;ACJF;;ADOA;EACE,iBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EAEA,mBAAA,EAAA,8BAAA;EAIA,2BAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;ACTF;;ADYA;EACE;IACE,iBAAA;IACA,gBAAA;IACA,sBAAA;IACA,cAAA;IAEA,mBAAA,EAAA,8BAAA;IAEA,2BAAA;IACA,oBAAA;IACA,qBAAA;IACA,mBAAA;IACA,sBAAA;ECXF;AACF;ADcA;EACE,iBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EAEA,mBAAA,EAAA,8BAAA;EAIA,2BAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,gBAAA;ACjBF;;ADuBA;EACE,iBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EAEA,mBAAA,EAAA,8BAAA;EAIA,gBAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;EACA,gBAAA;ACzBF;;AD4BA;EACE;IACE,eAAA;IACA,iBAAA;IACA,gBAAA;IACA,sBAAA;IACA,cAAA;IACA,eAAA;IACA,yBAAA;IACA,2BAAA;IAEA,oBAAA;IACA,qBAAA;IACA,mBAAA;IACA,sBAAA;EC1BF;AACF;AD6BA;EACE,eAAA;EACA,mBAAA;EACA,gBAAA;EACA,sBAAA;EACA,cAAA;EACA,eAAA;EACA,yBAAA;EAEA,6BAAA;EAEA,oBAAA;EACA,qBAAA;EACA,mBAAA;EACA,sBAAA;AC7BF;AD+BE;EACE,cAAA;AC7BJ;;ADiCA;EACE,yBAAA;EACA,2BAAA;EACA,cAxKW;EAyKX,wBAAA;AC9BF;;ADmCA;EACE;IACE,eAAA;IACA,iBAAA;IACA,gBAAA;IACA,sBAAA;IACA,cAAA;IACA,eAAA;IACA,yBAAA;IACA,6BAAA;IAEA,oBAAA;IACA,qBAAA;IACA,mBAAA;IACA,sBAAA;ECjCF;AACF","file":"custom-nav-dropper.css"} \ No newline at end of file diff --git a/scss/custom-nav-dropper.min.css b/scss/custom-nav-dropper.min.css index af98026..47a2ea8 100644 --- a/scss/custom-nav-dropper.min.css +++ b/scss/custom-nav-dropper.min.css @@ -1 +1 @@ -#nav-dropper{background-color:#FFF;position:fixed;top:-130px;width:100%;height:inherit;display:block;transition:top 0.3s;z-index:845654636436;padding-top:1.5rem;padding-bottom:1.5rem;font-family:'Open Sans', sans-serif}#nav-dropper .plus-button-style{height:3rem;padding-top:0.13rem;color:#4dc14f}#nav-dropper .dropper-logo-style{height:3rem}#nav-dropper a{padding-right:0.5rem;float:left;display:block;color:black;text-align:center;padding-bottom:0.7rem;text-decoration:none;font-size:1rem}#nav-dropper a:hover{color:#4dc14f}.special-side-nav-layer{z-index:9845654636436}#offcanvasRight{z-index:9845654636436}.black-box-style{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#ffffff;background:#000000;box-shadow:7px 7px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem}@media (max-width: 575.98px){.black-box-style{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#ffffff;background:#000000;box-shadow:7px 7px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem}}.reverse-box-style{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#ffffff;background:#000000;box-shadow:7px 7px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem;transition:0.8s}.reverse-box-style:hover{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#A5F721;background:#000000;box-shadow:none;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem;transition:0.8s}@media (max-width: 575.98px){.reverse-box-style{font-size:2rem;line-height:2rem;font-weight:700;font-family:"poppins";color:#FFFFFF;height:inherit;background-color:#000000;box-shadow:7px 7px #cacaca;padding-left:0.6rem;padding-right:0.6rem;padding-top:1.5rem;padding-bottom:0.5rem}}.billboard-text{font-size:7rem;line-height:5.6rem;font-weight:700;font-family:"poppins";color:#FFFFFF;height:inherit;background-color:#000000;box-shadow:17px 17px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.3rem;padding-bottom:1.3rem}.billboard-text .brand-neon{color:#A5F721}.brand-neon-hero{background-color:#000000;box-shadow:7px 7px #cacaca;color:#A5F721;padding:4px 6px 4px 6px}@media (max-width: 575.98px){.billboard-text{font-size:4rem;line-height:4rem;font-weight:700;font-family:"poppins";color:#FFFFFF;height:inherit;background-color:#000000;box-shadow:17px 17px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.3rem;padding-bottom:1.3rem}} +#nav-dropper{background-color:#fff;position:fixed;top:-130px;width:100%;height:inherit;display:block;transition:top 0.3s;z-index:845654636436;padding-top:1.5rem;padding-bottom:1.5rem;font-family:"Open Sans", sans-serif}#nav-dropper .plus-button-style{height:3rem;padding-top:0.13rem;color:#4dc14f}#nav-dropper .dropper-logo-style{height:3rem}#nav-dropper a{padding-right:0.5rem;float:left;display:block;color:black;text-align:center;padding-bottom:0.7rem;text-decoration:none;font-size:1rem}#nav-dropper a:hover{color:#4dc14f}.special-side-nav-layer{z-index:9845654636436}#offcanvasRight{z-index:9845654636436}.black-box-style{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#ffffff;background:#000000;box-shadow:7px 7px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem}@media (max-width: 575.98px){.black-box-style{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#ffffff;background:#000000;box-shadow:7px 7px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem}}.reverse-box-style{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#ffffff;background:#000000;box-shadow:7px 7px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem;transition:0.8s}.reverse-box-style:hover{font-size:3.7rem;font-weight:700;font-family:"poppins";color:#a5f721;background:#000000;box-shadow:none;padding-left:1.8rem;padding-right:1.8rem;padding-top:0.3rem;padding-bottom:0.3rem;transition:0.8s}@media (max-width: 575.98px){.reverse-box-style{font-size:2rem;line-height:2rem;font-weight:700;font-family:"poppins";color:#ffffff;height:inherit;background-color:#000000;box-shadow:7px 7px #cacaca;padding-left:0.6rem;padding-right:0.6rem;padding-top:1.5rem;padding-bottom:0.5rem}}.billboard-text{font-size:7rem;line-height:5.6rem;font-weight:700;font-family:"poppins";color:#ffffff;height:inherit;background-color:#000000;box-shadow:17px 17px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.3rem;padding-bottom:1.3rem}.billboard-text .brand-neon{color:#a5f721}.brand-neon-hero{background-color:#000000;box-shadow:7px 7px #cacaca;color:#a5f721;padding:4px 6px 4px 6px}@media (max-width: 575.98px){.billboard-text{font-size:4rem;line-height:4rem;font-weight:700;font-family:"poppins";color:#ffffff;height:inherit;background-color:#000000;box-shadow:17px 17px #cacaca;padding-left:1.8rem;padding-right:1.8rem;padding-top:1.3rem;padding-bottom:1.3rem}} diff --git a/scss/custom-nav-dropper.scss b/scss/custom-nav-dropper.scss index f278dbc..d9c34f3 100644 --- a/scss/custom-nav-dropper.scss +++ b/scss/custom-nav-dropper.scss @@ -1,7 +1,7 @@ -$neon-brand: #A5F721; +$neon-brand: #a5f721; #nav-dropper { - background-color: #FFF; + background-color: #fff; position: fixed; top: -130px; width: 100%; @@ -11,26 +11,19 @@ $neon-brand: #A5F721; z-index: 845654636436; padding-top: 1.5rem; padding-bottom: 1.5rem; - font-family: 'Open Sans', sans-serif; + font-family: "Open Sans", sans-serif; .plus-button-style { - - height: 3rem; - padding-top: 0.13rem; - color: #4dc14f; - + height: 3rem; + padding-top: 0.13rem; + color: #4dc14f; } .dropper-logo-style { - - height: 3rem; - - + height: 3rem; } - } - #nav-dropper a { padding-right: 0.5rem; float: left; @@ -44,76 +37,62 @@ $neon-brand: #A5F721; #nav-dropper a:hover { // color: #EB168C; - color:#4dc14f; + color: #4dc14f; } .special-side-nav-layer { - - z-index: 9845654636436 ; + z-index: 9845654636436; } #offcanvasRight { - - z-index: 9845654636436 ; - - + z-index: 9845654636436; } - - .black-box-style { font-size: 3.7rem; font-weight: 700; font-family: "poppins"; color: #ffffff; - background: #000000; /* fallback for old browsers */ -// background: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */ -// background: linear-gradient(to right, #45a247, #283c86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ - + background: #000000; /* fallback for old browsers */ + // background: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */ + // background: linear-gradient(to right, #45a247, #283c86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + box-shadow: 7px 7px #cacaca; padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 0.3rem; padding-bottom: 0.3rem; - - } -@media (max-width: 575.98px) { - +@media (max-width: 575.98px) { .black-box-style { - font-size: 3.7rem; - font-weight: 700; - font-family: "poppins"; - color: #ffffff; - - background: #000000; /* fallback for old browsers */ - - box-shadow: 7px 7px #cacaca; - padding-left: 1.8rem; - padding-right: 1.8rem; - padding-top: 0.3rem; - padding-bottom: 0.3rem; - - - } + font-size: 3.7rem; + font-weight: 700; + font-family: "poppins"; + color: #ffffff; - } + background: #000000; /* fallback for old browsers */ + box-shadow: 7px 7px #cacaca; + padding-left: 1.8rem; + padding-right: 1.8rem; + padding-top: 0.3rem; + padding-bottom: 0.3rem; + } +} .reverse-box-style { - font-size: 3.7rem; font-weight: 700; font-family: "poppins"; color: #ffffff; - background: #000000; /* fallback for old browsers */ -// background: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */ -// background: linear-gradient(to right, #45a247, #283c86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ - + background: #000000; /* fallback for old browsers */ + // background: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */ + // background: linear-gradient(to right, #45a247, #283c86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ + box-shadow: 7px 7px #cacaca; padding-left: 1.8rem; @@ -121,24 +100,21 @@ $neon-brand: #A5F721; padding-top: 0.3rem; padding-bottom: 0.3rem; transition: 0.8s; - } -// LOGO HOVER EFFECT +// LOGO HOVER EFFECT ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// - .reverse-box-style:hover { - font-size: 3.7rem; font-weight: 700; font-family: "poppins"; - color: #A5F721; + color: #a5f721; + + background: #000000; /* fallback for old browsers */ + // background: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */ + // background: linear-gradient(to right, #45a247, #283c86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ - background: #000000; /* fallback for old browsers */ -// background: -webkit-linear-gradient(to right, #45a247, #283c86); /* Chrome 10-25, Safari 5.1-6 */ -// background: linear-gradient(to right, #45a247, #283c86); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ - box-shadow: none; padding-left: 1.8rem; @@ -146,18 +122,15 @@ $neon-brand: #A5F721; padding-top: 0.3rem; padding-bottom: 0.3rem; transition: 0.8s; - } - @media (max-width: 575.98px) { - +@media (max-width: 575.98px) { .reverse-box-style { - font-size: 2rem; line-height: 2rem; font-weight: 700; font-family: "poppins"; - color: #FFFFFF; + color: #ffffff; height: inherit; background-color: #000000; box-shadow: 7px 7px #cacaca; @@ -166,56 +139,46 @@ $neon-brand: #A5F721; padding-right: 0.6rem; padding-top: 1.5rem; padding-bottom: 0.5rem; - } - - } +} .billboard-text { + font-size: 7rem; + line-height: 5.6rem; + font-weight: 700; + font-family: "poppins"; + color: #ffffff; + height: inherit; + background-color: #000000; - font-size: 7rem; - line-height: 5.6rem; - font-weight: 700; - font-family: "poppins"; - color: #FFFFFF; - height: inherit; - background-color: #000000; - - -box-shadow: 17px 17px #cacaca; + box-shadow: 17px 17px #cacaca; padding-left: 1.8rem; padding-right: 1.8rem; padding-top: 1.3rem; padding-bottom: 1.3rem; - .brand-neon { - - color: #A5F721; + color: #a5f721; } - } .brand-neon-hero { - - background-color: #000000; - box-shadow: 7px 7px #cacaca; - color: $neon-brand; - padding: 4px 6px 4px 6px; - } + background-color: #000000; + box-shadow: 7px 7px #cacaca; + color: $neon-brand; + padding: 4px 6px 4px 6px; +} // MEDIA QUERY BELOW - @media (max-width: 575.98px) { - +@media (max-width: 575.98px) { .billboard-text { - font-size: 4rem; line-height: 4rem; font-weight: 700; font-family: "poppins"; - color: #FFFFFF; + color: #ffffff; height: inherit; background-color: #000000; box-shadow: 17px 17px #cacaca; @@ -224,7 +187,5 @@ box-shadow: 17px 17px #cacaca; padding-right: 1.8rem; padding-top: 1.3rem; padding-bottom: 1.3rem; - } - - } \ No newline at end of file +} diff --git a/scss/project.css b/scss/project.css index 9475aab..a0c7f48 100644 --- a/scss/project.css +++ b/scss/project.css @@ -4,7 +4,7 @@ } .custom-purple { - background-color: #EB168C; + background-color: #eb168c; } .big-about { @@ -44,7 +44,7 @@ } .blue-presentation { - background-color: #2E4464; + background-color: #2e4464; height: inherit; padding-top: 4rem; padding-bottom: 4rem; @@ -111,7 +111,7 @@ width: 100%; top: 0; left: 0; - color: #FFFFFF; + color: #ffffff; display: flex; align-items: center; justify-content: center; @@ -119,14 +119,14 @@ } .web-presentation { - background-color: #FFF; + background-color: #fff; height: inherit; padding-top: 4rem; padding-bottom: 4rem; } #web-final { - background-color: #0A39C9; + background-color: #0a39c9; } .big-web { @@ -146,7 +146,7 @@ .content-styles-deliver-web { padding-bottom: 8rem; padding-top: 8rem; - background-color: #0A39C9; + background-color: #0a39c9; } .content-styles-deliver-web .netsol-laptop-intro-style { margin-top: 3rem; @@ -200,7 +200,7 @@ } .fis-deliverables { - background-color: #89B0AE; + background-color: #89b0ae; height: inherit; padding-top: 4rem; padding-bottom: 4rem; @@ -214,7 +214,7 @@ } .dmn-red-color { - background-color: #B63837; + background-color: #b63837; } .dmn-presentation { @@ -265,7 +265,7 @@ } .billing-presentation { - background-color: #003C7C; + background-color: #003c7c; height: inherit; padding-top: 4rem; padding-bottom: 4rem; @@ -331,7 +331,7 @@ position: relative; background-size: cover; background-position: 50% 50%; - background-color: #F4C20D; + background-color: #f4c20d; } .big-workspace .custom-eyebrow { text-transform: uppercase; @@ -351,7 +351,7 @@ .content-styles-deliver-workspace { padding-bottom: 4rem; padding-top: 4rem; - background-color: #0F9D58; + background-color: #0f9d58; } .content-styles-deliver-workspace .netsol-laptop-intro-style { margin-top: 5rem; @@ -378,28 +378,28 @@ } .workspace-presentation-deliverables { - background-color: #0F9D58; + background-color: #0f9d58; height: inherit; padding-top: 4rem; padding-bottom: 4rem; } .netsol-presentation-deliverables { - background-color: #89B0AE; + background-color: #89b0ae; height: inherit; padding-top: 4rem; padding-bottom: 4rem; } .google-presentation-deliverables { - background-color: #89B0AE; + background-color: #89b0ae; height: inherit; padding-top: 4rem; padding-bottom: 4rem; } .billing-presentation-deliverables { - background-color: #89B0AE; + background-color: #89b0ae; height: inherit; padding-top: 4rem; padding-bottom: 4rem; diff --git a/scss/project.css.map b/scss/project.css.map index c5c56b5..dbfe6c5 100644 --- a/scss/project.css.map +++ b/scss/project.css.map @@ -1 +1 @@ -{"version":3,"sources":["project.scss","project.css"],"names":[],"mappings":"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","file":"project.css"} \ No newline at end of file +{"version":3,"sources":["project.scss","project.css"],"names":[],"mappings":"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","file":"project.css"} \ No newline at end of file diff --git a/scss/project.min.css b/scss/project.min.css index b700e1b..110819e 100644 --- a/scss/project.min.css +++ b/scss/project.min.css @@ -1 +1 @@ -@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.custom-dark{background-color:#f1efef}.custom-purple{background-color:#EB168C}.big-about{height:45vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/single-headshot-bio.png")}.big-about .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-about .custom-eyebrow{text-transform:uppercase}.big-about-mobile{height:60vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/mobile-about-img.png")}.big-about-mobile .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-about-mobile .custom-eyebrow{text-transform:uppercase}#blue-final{background-color:#2b2b2b}.blue-presentation{background-color:#2E4464;height:inherit;padding-top:4rem;padding-bottom:4rem}.big-bluehost{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/blue-img/blue-hero-3.png")}.big-bluehost .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-bluehost #dmn-final{background-color:#680303}.big-bluehost .custom-eyebrow{text-transform:uppercase}#dmn-final{background-color:#570202}.big-dmn-serv{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-serv-img/dmn-hero-3.png")}.big-dmn-serv .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-dmn-serv #dmn-final{background-color:#2b2b2b}.big-dmn-serv .custom-eyebrow{text-transform:uppercase}.big-web-social{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-img/award-2.png")}.big-web-social .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.overlay-dmn{height:100%;width:100%;top:0;left:0;color:#FFFFFF;display:flex;align-items:center;justify-content:center;flex-direction:column}.web-presentation{background-color:#FFF;height:inherit;padding-top:4rem;padding-bottom:4rem}#web-final{background-color:#0A39C9}.big-web{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-color:#131313}.big-web .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.content-styles-deliver-web{padding-bottom:8rem;padding-top:8rem;background-color:#0A39C9}.content-styles-deliver-web .netsol-laptop-intro-style{margin-top:3rem;margin-bottom:auto}.content-styles-deliver-web .intro-asset-style{margin-bottom:-7rem}.content-styles-deliver-web .bill-laptop-intro-style-image{margin-bottom:-14rem}.overlay-web{height:100%;width:100%;top:0;left:0;color:#767676;display:flex;align-items:center;justify-content:center;flex-direction:column}.big-domain-social{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-img/award-2.png")}.big-domain-social .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.big-domain{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-img/domain-cover.svg")}.big-domain .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.fis-deliverables{background-color:#89B0AE;height:inherit;padding-top:4rem;padding-bottom:4rem}.fis-deliverables .fis-padding{padding-top:4rem}.fis-green-color{background-color:#012834}.dmn-red-color{background-color:#B63837}.dmn-presentation{background-color:#f2f2f2;height:inherit;padding-top:9rem}.dmn-presentation .dmn-padding{padding-top:4.5rem}.big-glados{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-color:#2d3436;background-image:linear-gradient(315deg, #2d3436 0%, #000 74%)}.big-glados .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.glados-presentation{background-color:#191919;height:inherit;padding-top:4rem;padding-bottom:4rem}.big-billing{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/bill-refresh/chill-payment.jpg")}.big-billing .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-billing .custom-eyebrow{text-transform:uppercase}.billing-presentation{background-color:#003C7C;height:inherit;padding-top:4rem;padding-bottom:4rem}.content-styles-deliver-bill{padding-bottom:8rem;padding-top:8rem}.content-styles-deliver-bill .netsol-laptop-intro-style{margin-top:3rem;margin-bottom:auto}.content-styles-deliver-bill .intro-asset-style{margin-bottom:-7rem}.content-styles-deliver-bill .bill-laptop-intro-style-image{margin-bottom:-14rem}.custom-billing-seperator{margin-top:4rem;margin-bottom:4rem}.big-fis{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/fis-img/fis-cover.png")}.big-fis .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-fis .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-netsol{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/netsol-img/netsol-cover.jpg")}.big-netsol .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-netsol .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-workspace{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-color:#F4C20D}.big-workspace .custom-eyebrow{text-transform:uppercase}.big-workspace .overlay-workspace{height:100%;width:100%;top:0;left:0;color:#000000;display:flex;align-items:center;justify-content:center;flex-direction:column}.content-styles-deliver-workspace{padding-bottom:4rem;padding-top:4rem;background-color:#0F9D58}.content-styles-deliver-workspace .netsol-laptop-intro-style{margin-top:5rem}.content-styles-deliver-workspace .intro-asset-style{margin-bottom:-8rem}.google-presentation{background-color:#404040;height:inherit;padding-top:4rem;padding-bottom:4rem}.netsol-presentation{background-color:#f2f2f2;height:inherit;padding-top:4rem;padding-bottom:4rem}.netsol-presentation .project-spacer{padding-top:4.5rem}.workspace-presentation-deliverables{background-color:#0F9D58;height:inherit;padding-top:4rem;padding-bottom:4rem}.netsol-presentation-deliverables{background-color:#89B0AE;height:inherit;padding-top:4rem;padding-bottom:4rem}.google-presentation-deliverables{background-color:#89B0AE;height:inherit;padding-top:4rem;padding-bottom:4rem}.billing-presentation-deliverables{background-color:#89B0AE;height:inherit;padding-top:4rem;padding-bottom:4rem}.intro-project{height:inherit;background-color:#ffffff;padding-bottom:5rem;padding-top:5rem}.intro-project .content-styles{padding-bottom:5.5rem}.netsol-laptop-intro-style{margin-top:1rem;margin-bottom:1rem}.netsol-laptop-intro-style-image{margin-bottom:-9rem}.content-styles{padding-bottom:8rem;padding-top:8rem}.content-styles-deliver{padding-bottom:4rem;padding-top:4rem}.overlay-netsol{height:100%;width:100%;top:0;left:0;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column} +@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.custom-dark{background-color:#f1efef}.custom-purple{background-color:#eb168c}.big-about{height:45vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/single-headshot-bio.png")}.big-about .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-about .custom-eyebrow{text-transform:uppercase}.big-about-mobile{height:60vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/mobile-about-img.png")}.big-about-mobile .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-about-mobile .custom-eyebrow{text-transform:uppercase}#blue-final{background-color:#2b2b2b}.blue-presentation{background-color:#2e4464;height:inherit;padding-top:4rem;padding-bottom:4rem}.big-bluehost{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/blue-img/blue-hero-3.png")}.big-bluehost .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-bluehost #dmn-final{background-color:#680303}.big-bluehost .custom-eyebrow{text-transform:uppercase}#dmn-final{background-color:#570202}.big-dmn-serv{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-serv-img/dmn-hero-3.png")}.big-dmn-serv .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-dmn-serv #dmn-final{background-color:#2b2b2b}.big-dmn-serv .custom-eyebrow{text-transform:uppercase}.big-web-social{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-img/award-2.png")}.big-web-social .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.overlay-dmn{height:100%;width:100%;top:0;left:0;color:#ffffff;display:flex;align-items:center;justify-content:center;flex-direction:column}.web-presentation{background-color:#fff;height:inherit;padding-top:4rem;padding-bottom:4rem}#web-final{background-color:#0a39c9}.big-web{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-color:#131313}.big-web .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.content-styles-deliver-web{padding-bottom:8rem;padding-top:8rem;background-color:#0a39c9}.content-styles-deliver-web .netsol-laptop-intro-style{margin-top:3rem;margin-bottom:auto}.content-styles-deliver-web .intro-asset-style{margin-bottom:-7rem}.content-styles-deliver-web .bill-laptop-intro-style-image{margin-bottom:-14rem}.overlay-web{height:100%;width:100%;top:0;left:0;color:#767676;display:flex;align-items:center;justify-content:center;flex-direction:column}.big-domain-social{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-img/award-2.png")}.big-domain-social .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.big-domain{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/dmn-img/domain-cover.svg")}.big-domain .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.fis-deliverables{background-color:#89b0ae;height:inherit;padding-top:4rem;padding-bottom:4rem}.fis-deliverables .fis-padding{padding-top:4rem}.fis-green-color{background-color:#012834}.dmn-red-color{background-color:#b63837}.dmn-presentation{background-color:#f2f2f2;height:inherit;padding-top:9rem}.dmn-presentation .dmn-padding{padding-top:4.5rem}.big-glados{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-color:#2d3436;background-image:linear-gradient(315deg, #2d3436 0%, #000 74%)}.big-glados .custom-eyebrow{text-transform:uppercase;font-weight:600;font-family:"Poppins", sans-serif}.glados-presentation{background-color:#191919;height:inherit;padding-top:4rem;padding-bottom:4rem}.big-billing{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/bill-refresh/chill-payment.jpg")}.big-billing .custom-eyebrow{text-transform:uppercase;font-family:"Poppins", sans-serif}.big-billing .custom-eyebrow{text-transform:uppercase}.billing-presentation{background-color:#003c7c;height:inherit;padding-top:4rem;padding-bottom:4rem}.content-styles-deliver-bill{padding-bottom:8rem;padding-top:8rem}.content-styles-deliver-bill .netsol-laptop-intro-style{margin-top:3rem;margin-bottom:auto}.content-styles-deliver-bill .intro-asset-style{margin-bottom:-7rem}.content-styles-deliver-bill .bill-laptop-intro-style-image{margin-bottom:-14rem}.custom-billing-seperator{margin-top:4rem;margin-bottom:4rem}.big-fis{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/fis-img/fis-cover.png")}.big-fis .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-fis .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-netsol{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-image:url("../img/netsol-img/netsol-cover.jpg")}.big-netsol .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-netsol .custom-eyebrow{text-transform:uppercase;font-weight:500}.big-workspace{height:99vh;width:100%;position:relative;background-size:cover;background-position:50% 50%;background-color:#f4c20d}.big-workspace .custom-eyebrow{text-transform:uppercase}.big-workspace .overlay-workspace{height:100%;width:100%;top:0;left:0;color:#000000;display:flex;align-items:center;justify-content:center;flex-direction:column}.content-styles-deliver-workspace{padding-bottom:4rem;padding-top:4rem;background-color:#0f9d58}.content-styles-deliver-workspace .netsol-laptop-intro-style{margin-top:5rem}.content-styles-deliver-workspace .intro-asset-style{margin-bottom:-8rem}.google-presentation{background-color:#404040;height:inherit;padding-top:4rem;padding-bottom:4rem}.netsol-presentation{background-color:#f2f2f2;height:inherit;padding-top:4rem;padding-bottom:4rem}.netsol-presentation .project-spacer{padding-top:4.5rem}.workspace-presentation-deliverables{background-color:#0f9d58;height:inherit;padding-top:4rem;padding-bottom:4rem}.netsol-presentation-deliverables{background-color:#89b0ae;height:inherit;padding-top:4rem;padding-bottom:4rem}.google-presentation-deliverables{background-color:#89b0ae;height:inherit;padding-top:4rem;padding-bottom:4rem}.billing-presentation-deliverables{background-color:#89b0ae;height:inherit;padding-top:4rem;padding-bottom:4rem}.intro-project{height:inherit;background-color:#ffffff;padding-bottom:5rem;padding-top:5rem}.intro-project .content-styles{padding-bottom:5.5rem}.netsol-laptop-intro-style{margin-top:1rem;margin-bottom:1rem}.netsol-laptop-intro-style-image{margin-bottom:-9rem}.content-styles{padding-bottom:8rem;padding-top:8rem}.content-styles-deliver{padding-bottom:4rem;padding-top:4rem}.overlay-netsol{height:100%;width:100%;top:0;left:0;color:white;display:flex;align-items:center;justify-content:center;flex-direction:column} diff --git a/scss/project.scss b/scss/project.scss index 91a64e9..2160b8f 100644 --- a/scss/project.scss +++ b/scss/project.scss @@ -1,17 +1,13 @@ -@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); - +@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); .custom-dark { - - background-color: #f1efef; + background-color: #f1efef; } .custom-purple { - - background-color: #EB168C; + background-color: #eb168c; } - .big-about { height: 45vh; width: 100%; @@ -20,24 +16,16 @@ background-position: 50% 50%; background-image: url("../img/single-headshot-bio.png"); - -.custom-eyebrow { - + .custom-eyebrow { text-transform: uppercase; font-family: "Poppins", sans-serif; - -} - - -.custom-eyebrow { - - text-transform: uppercase ; - } + .custom-eyebrow { + text-transform: uppercase; + } } - .big-about-mobile { height: 60vh; width: 100%; @@ -46,39 +34,28 @@ background-position: 50% 50%; background-image: url("../img/mobile-about-img.png"); - -.custom-eyebrow { - + .custom-eyebrow { text-transform: uppercase; font-family: "Poppins", sans-serif; + } -} - - -.custom-eyebrow { - - text-transform: uppercase ; - + .custom-eyebrow { + text-transform: uppercase; } } // BlueHost Product page CSS /// #blue-final { - background-color: #2b2b2b ; - - - } - - .blue-presentation { - - background-color: #2E4464; - height: inherit; - - padding-top: 4rem; - padding-bottom: 4rem; + background-color: #2b2b2b; +} +.blue-presentation { + background-color: #2e4464; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } .big-bluehost { @@ -89,37 +66,26 @@ background-position: 50% 50%; background-image: url("../img/blue-img/blue-hero-3.png"); - -.custom-eyebrow { - + .custom-eyebrow { text-transform: uppercase; font-family: "Poppins", sans-serif; + } -} - -#dmn-final { - background-color: #680303 ; - - - } - - -.custom-eyebrow { - - text-transform: uppercase ; - + #dmn-final { + background-color: #680303; } + .custom-eyebrow { + text-transform: uppercase; + } } /// Domain service product page CSS ////////////// -/// +/// #dmn-final { - background-color: #570202 ; - - - } + background-color: #570202; +} .big-dmn-serv { height: 99vh; @@ -129,228 +95,176 @@ background-position: 50% 50%; background-image: url("../img/dmn-serv-img/dmn-hero-3.png"); - -.custom-eyebrow { - + .custom-eyebrow { text-transform: uppercase; font-family: "Poppins", sans-serif; + } -} - -#dmn-final { - background-color: #2b2b2b ; - - - } - - -.custom-eyebrow { - - text-transform: uppercase ; - + #dmn-final { + background-color: #2b2b2b; } + .custom-eyebrow { + text-transform: uppercase; + } } // web.com black friday campaign -.big-web-social { - +.big-web-social { height: 99vh; width: 100%; position: relative; background-size: cover; background-position: 50% 50%; background-image: url("../img/dmn-img/award-2.png"); - - .custom-eyebrow { + .custom-eyebrow { text-transform: uppercase; font-weight: 600; - - font-family: "Poppins", sans-serif; - } + font-family: "Poppins", sans-serif; + } } .overlay-dmn { - - height: 100%; - width: 100%; - top: 0; - left: 0; - color: #FFFFFF; - display: flex; - align-items: center; + height: 100%; + width: 100%; + top: 0; + left: 0; + color: #ffffff; + display: flex; + align-items: center; justify-content: center; - flex-direction: column; - + flex-direction: column; } - .web-presentation { - - background-color: #FFF; - height: inherit; - - padding-top: 4rem; - padding-bottom: 4rem; - +.web-presentation { + background-color: #fff; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } #web-final { - background-color: #0A39C9 ; - - - } + background-color: #0a39c9; +} -.big-web { - +.big-web { height: 99vh; width: 100%; position: relative; background-size: cover; background-position: 50% 50%; background-color: #131313; - - .custom-eyebrow { + .custom-eyebrow { text-transform: uppercase; font-weight: 600; - - font-family: "Poppins", sans-serif; - } + font-family: "Poppins", sans-serif; + } } .content-styles-deliver-web { + padding-bottom: 8rem; + padding-top: 8rem; + background-color: #0a39c9; - padding-bottom: 8rem; - padding-top: 8rem; - background-color: #0A39C9 ; - - .netsol-laptop-intro-style { - + .netsol-laptop-intro-style { margin-top: 3rem; margin-bottom: auto; -} - - .intro-asset-style { - - margin-bottom: -7rem; - - } - + } - .bill-laptop-intro-style-image { + .intro-asset-style { + margin-bottom: -7rem; + } + .bill-laptop-intro-style-image { margin-bottom: -14rem; -} - } +} .overlay-web { - - height: 100%; - width: 100%; - top: 0; - left: 0; - color: #767676; - display: flex; - align-items: center; + height: 100%; + width: 100%; + top: 0; + left: 0; + color: #767676; + display: flex; + align-items: center; justify-content: center; - flex-direction: column; - + flex-direction: column; } // Domain-search Code proj css -.big-domain-social { - +.big-domain-social { height: 99vh; width: 100%; position: relative; background-size: cover; background-position: 50% 50%; background-image: url("../img/dmn-img/award-2.png"); - - .custom-eyebrow { + .custom-eyebrow { text-transform: uppercase; font-weight: 600; - - font-family: "Poppins", sans-serif; - } + font-family: "Poppins", sans-serif; + } } -.big-domain { - +.big-domain { height: 99vh; width: 100%; position: relative; background-size: cover; background-position: 50% 50%; background-image: url("../img/dmn-img/domain-cover.svg"); - - .custom-eyebrow { + .custom-eyebrow { text-transform: uppercase; font-weight: 600; - - font-family: "Poppins", sans-serif; -} + font-family: "Poppins", sans-serif; + } } .fis-deliverables { + background-color: #89b0ae; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; - background-color: #89B0AE ; - height: inherit; - padding-top: 4rem; - padding-bottom: 4rem; - - .fis-padding { - - padding-top: 4rem; - - } - + .fis-padding { + padding-top: 4rem; + } } - .fis-green-color { - background-color: #012834; - } .dmn-red-color { - - background-color: #B63837; - + background-color: #b63837; } .dmn-presentation { + background-color: #f2f2f2; + height: inherit; - background-color: #f2f2f2; - height: inherit; - - padding-top: 9rem; - - .dmn-padding { - - padding-top: 4.5rem; - - } + padding-top: 9rem; + .dmn-padding { + padding-top: 4.5rem; + } } +// Glados Code proj css - -// Glados Code proj css - -.big-glados { +.big-glados { height: 99vh; width: 100%; position: relative; @@ -358,28 +272,23 @@ background-position: 50% 50%; background-color: #2d3436; background-image: linear-gradient(315deg, #2d3436 0%, #000000 74%); - - .custom-eyebrow { + .custom-eyebrow { text-transform: uppercase; font-weight: 600; - - font-family: "Poppins", sans-serif; -} + font-family: "Poppins", sans-serif; + } } - .glados-presentation { - - background-color: #191919; - height: inherit; - - padding-top: 4rem; - padding-bottom: 4rem; +.glados-presentation { + background-color: #191919; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } - // Billing App CSS ///////////// .big-billing { @@ -388,70 +297,51 @@ position: relative; background-size: cover; background-position: 50% 50%; - - background-image: url("../img/bill-refresh/chill-payment.jpg"); + background-image: url("../img/bill-refresh/chill-payment.jpg"); -.custom-eyebrow { - + .custom-eyebrow { text-transform: uppercase; font-family: "Poppins", sans-serif; - -} - - -.custom-eyebrow { - - text-transform: uppercase ; - } + .custom-eyebrow { + text-transform: uppercase; + } } - .billing-presentation { - - background-color: #003C7C; - height: inherit; - - padding-top: 4rem; - padding-bottom: 4rem; +.billing-presentation { + background-color: #003c7c; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } .content-styles-deliver-bill { + padding-bottom: 8rem; + padding-top: 8rem; - padding-bottom: 8rem; - padding-top: 8rem; - - .netsol-laptop-intro-style { - + .netsol-laptop-intro-style { margin-top: 3rem; margin-bottom: auto; -} - - .intro-asset-style { - - margin-bottom: -7rem; - - } - - - .bill-laptop-intro-style-image { - - margin-bottom: -14rem; -} - } - .custom-billing-seperator { - - margin-top: 4rem; - margin-bottom: 4rem; + .intro-asset-style { + margin-bottom: -7rem; + } + .bill-laptop-intro-style-image { + margin-bottom: -14rem; } +} +.custom-billing-seperator { + margin-top: 4rem; + margin-bottom: 4rem; +} - .big-fis { +.big-fis { height: 99vh; width: 100%; position: relative; @@ -459,25 +349,18 @@ background-position: 50% 50%; background-image: url("../img/fis-img/fis-cover.png"); -.custom-eyebrow { - - - text-transform: uppercase ; + .custom-eyebrow { + text-transform: uppercase; font-weight: 500; + } -} - - -.custom-eyebrow { - - text-transform: uppercase ; + .custom-eyebrow { + text-transform: uppercase; font-weight: 500; - } - } -// Network solutions css +// Network solutions css .big-netsol { height: 99vh; @@ -487,26 +370,18 @@ background-position: 50% 50%; background-image: url("../img/netsol-img/netsol-cover.jpg"); -.custom-eyebrow { - - - text-transform: uppercase ; + .custom-eyebrow { + text-transform: uppercase; font-weight: 500; + } -} - - -.custom-eyebrow { - - text-transform: uppercase ; + .custom-eyebrow { + text-transform: uppercase; font-weight: 500; - } - } -// Google Workspace CSS - +// Google Workspace CSS .big-workspace { height: 99vh; @@ -514,161 +389,117 @@ position: relative; background-size: cover; background-position: 50% 50%; - background-color: #F4C20D; - - - -.custom-eyebrow { - - text-transform: uppercase ; + background-color: #f4c20d; + .custom-eyebrow { + text-transform: uppercase; } - - .overlay-workspace { - - height: 100%; - width: 100%; - top: 0; - left: 0; - color: #000000; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; - + height: 100%; + width: 100%; + top: 0; + left: 0; + color: #000000; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; } - } - .content-styles-deliver-workspace { + padding-bottom: 4rem; + padding-top: 4rem; + background-color: #0f9d58; - padding-bottom: 4rem; - padding-top: 4rem; - background-color: #0F9D58; - - .netsol-laptop-intro-style { - + .netsol-laptop-intro-style { margin-top: 5rem; -} - - .intro-asset-style { - - margin-bottom: -8rem; - } - } - .google-presentation { - - background-color: #404040; - height: inherit; + .intro-asset-style { + margin-bottom: -8rem; + } +} - padding-top: 4rem; - padding-bottom: 4rem; +.google-presentation { + background-color: #404040; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } .netsol-presentation { + background-color: #f2f2f2; + height: inherit; - background-color: #f2f2f2; - height: inherit; - - padding-top: 4rem; - padding-bottom: 4rem; - - .project-spacer { - - padding-top: 4.5rem; - - } - + padding-top: 4rem; + padding-bottom: 4rem; + .project-spacer { + padding-top: 4.5rem; + } } .workspace-presentation-deliverables { - - background-color: #0F9D58; - height: inherit; - padding-top: 4rem; - padding-bottom: 4rem; - - + background-color: #0f9d58; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } .netsol-presentation-deliverables { - - background-color: #89B0AE ; - height: inherit; - padding-top: 4rem; - padding-bottom: 4rem; - - + background-color: #89b0ae; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } .google-presentation-deliverables { - - background-color: #89B0AE ; - height: inherit; - padding-top: 4rem; - padding-bottom: 4rem; - - + background-color: #89b0ae; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } - .billing-presentation-deliverables { - - background-color: #89B0AE ; - height: inherit; - padding-top: 4rem; - padding-bottom: 4rem; - - + background-color: #89b0ae; + height: inherit; + padding-top: 4rem; + padding-bottom: 4rem; } .intro-project { - height: inherit; background-color: #ffffff; padding-bottom: 5rem; - padding-top: 5rem; + padding-top: 5rem; .content-styles { - - padding-bottom: 5.5rem ; - - - } - + padding-bottom: 5.5rem; + } } .netsol-laptop-intro-style { - - margin-top: 1rem; - margin-bottom: 1rem; + margin-top: 1rem; + margin-bottom: 1rem; } .netsol-laptop-intro-style-image { - - // margin-top: 4rem; - margin-bottom: -9rem; + // margin-top: 4rem; + margin-bottom: -9rem; } - .content-styles { - - padding-bottom: 8rem; - padding-top: 8rem; - +.content-styles { + padding-bottom: 8rem; + padding-top: 8rem; } - .content-styles-deliver { - - padding-bottom: 4rem; - padding-top: 4rem; - } +.content-styles-deliver { + padding-bottom: 4rem; + padding-top: 4rem; +} // .cover-text { @@ -676,15 +507,13 @@ // } .overlay-netsol { - - height: 100%; - width: 100%; - top: 0; - left: 0; - color: white; - display: flex; - align-items: center; + height: 100%; + width: 100%; + top: 0; + left: 0; + color: white; + display: flex; + align-items: center; justify-content: center; - flex-direction: column; - -} \ No newline at end of file + flex-direction: column; +}