Skip to content

Commit

Permalink
added images, content and hero to style guide pg
Browse files Browse the repository at this point in the history
  • Loading branch information
@BracketNerd101
BracketNerd101 committed Jul 1, 2024
1 parent bb04340 commit 3517c3c
Show file tree
Hide file tree
Showing 12 changed files with 113 additions and 59 deletions.
Binary file added img/img_style/def_v3.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/def_v4.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/def_v5.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/hero_att_v2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/logo_various_v2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/mobile-swag_v2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/presentation_v2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/img_style/safe-area_v2.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
62 changes: 61 additions & 1 deletion scss/project.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,12 @@
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;
}
Expand All @@ -31,10 +33,12 @@
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;
}
Expand All @@ -58,13 +62,16 @@
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;
}
Expand All @@ -81,13 +88,16 @@
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;
}
Expand All @@ -100,6 +110,7 @@
background-position: 50% 50%;
background-image: url("../img/dmn-img/award-2.png");
}

.big-web-social .custom-eyebrow {
text-transform: uppercase;
font-weight: 600;
Expand Down Expand Up @@ -138,6 +149,7 @@
background: radial-gradient(100% 225% at 100% 0%, #FF0000 0%, #000000 100%), linear-gradient(236deg, #00C2FF 0%, #000000 100%), linear-gradient(135deg, #CDFFEB 0%, #CDFFEB 36%, #009F9D 36%, #009F9D 60%, #07456F 60%, #07456F 67%, #0F0A3C 67%, #0F0A3C 100%);
background-blend-mode: overlay, hard-light, normal;
}

.big-web .custom-eyebrow {
text-transform: uppercase;
font-weight: 600;
Expand All @@ -149,13 +161,16 @@
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;
}
Expand All @@ -180,6 +195,7 @@
background-position: 50% 50%;
background-image: url("../img/dmn-img/award-2.png");
}

.big-domain-social .custom-eyebrow {
text-transform: uppercase;
font-weight: 600;
Expand All @@ -194,6 +210,7 @@
background-position: 50% 50%;
background-image: url("../img/dmn-img/domain-cover.svg");
}

.big-domain .custom-eyebrow {
text-transform: uppercase;
font-weight: 600;
Expand All @@ -206,6 +223,7 @@
padding-top: 4rem;
padding-bottom: 4rem;
}

.fis-deliverables .fis-padding {
padding-top: 4rem;
}
Expand All @@ -223,6 +241,7 @@
height: inherit;
padding-top: 9rem;
}

.dmn-presentation .dmn-padding {
padding-top: 4.5rem;
}
Expand All @@ -235,6 +254,7 @@
background-position: 50% 50%;
background: linear-gradient(55deg, #212121 0%, #212121 40%, #323232 calc(40% + 1px), #323232 60%, #008F95 calc(60% + 1px), #008F95 70%, #14FFEC calc(70% + 1px), #14FFEC 100%);
}

.big-glados .custom-eyebrow {
text-transform: uppercase;
font-weight: 600;
Expand All @@ -248,6 +268,31 @@
padding-bottom: 4rem;
}

.big-style {
height: 99vh;
width: 100%;
position: relative;
background-size: cover;
background-position: 50% 50%;
background-image: url("../img/img_style/hero_att_v2.png");
}

.big-style .custom-eyebrow {
text-transform: uppercase;
font-family: "Poppins", sans-serif;
}

.big-style .custom-eyebrow {
text-transform: uppercase;
}

.style-guide-presentation {
background-color: #1CA8E0;
height: inherit;
padding-top: 4rem;
padding-bottom: 4rem;
}

.big-billing {
height: 99vh;
width: 100%;
Expand All @@ -256,10 +301,12 @@
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;
}
Expand All @@ -275,13 +322,16 @@
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;
}
Expand All @@ -299,10 +349,12 @@
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;
Expand All @@ -316,10 +368,12 @@
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;
Expand All @@ -334,9 +388,11 @@
background: linear-gradient(125deg, #FDFF9C 0%, #0500FF 100%), linear-gradient(180deg, #D3D3D3 0%, #161616 100%), linear-gradient(310deg, #00F0FF 0%, #00F0FF 20%, #0017E3 calc(20% + 1px), #0017E3 40%, #000F8F calc(40% + 1px), #000F8F 70%, #00073F calc(70% + 1px), #00073F 100%), linear-gradient(285deg, #FFB6B9 0%, #FFB6B9 35%, #FAE3D9 calc(35% + 1px), #FAE3D9 45%, #BBDED6 calc(45% + 1px), #BBDED6 65%, #61C0BF calc(65% + 1px), #61C0BF 100%);
background-blend-mode: overlay, overlay, exclusion, normal;
}

.big-workspace .custom-eyebrow {
text-transform: uppercase;
}

.big-workspace .overlay-workspace {
height: 100%;
width: 100%;
Expand All @@ -354,9 +410,11 @@
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;
}
Expand All @@ -374,6 +432,7 @@
padding-top: 4rem;
padding-bottom: 4rem;
}

.netsol-presentation .project-spacer {
padding-top: 4.5rem;
}
Expand Down Expand Up @@ -412,6 +471,7 @@
padding-bottom: 5rem;
padding-top: 5rem;
}

.intro-project .content-styles {
padding-bottom: 5.5rem;
}
Expand Down Expand Up @@ -445,4 +505,4 @@
align-items: center;
justify-content: center;
flex-direction: column;
}/*# sourceMappingURL=project.css.map */
}
2 changes: 1 addition & 1 deletion scss/project.min.css
View file

Large diffs are not rendered by default.

29 changes: 29 additions & 0 deletions scss/project.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -293,6 +293,35 @@ background-blend-mode: overlay, hard-light, normal;
padding-bottom: 4rem;
}

// style-guide CSS /////////////

.big-style {
height: 99vh;
width: 100%;
position: relative;
background-size: cover;
background-position: 50% 50%;

background-image: url("../img/img_style/hero_att_v2.png");

.custom-eyebrow {
text-transform: uppercase;
font-family: "Poppins", sans-serif;
}

.custom-eyebrow {
text-transform: uppercase;
}
}

.style-guide-presentation {
background-color: #1CA8E0;
height: inherit;

padding-top: 4rem;
padding-bottom: 4rem;
}

// Billing App CSS /////////////

.big-billing {
Expand Down
Loading

0 comments on commit 3517c3c

Please sign in to comment.