diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 1.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 1.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 1.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 10.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 10.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 10.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 11.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 11.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 11.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 12.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 12.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 12.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 13.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 13.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 13.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 14.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 14.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 14.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 2.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 2.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 2.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 3.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 3.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 3.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 4.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 4.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 4.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 5.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 5.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 5.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 6.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 6.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 6.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 7.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 7.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 7.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 8.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 8.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 8.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 9.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 9.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT 9.woff differ diff --git a/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT.woff b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT.woff new file mode 100644 index 0000000..2d86200 Binary files /dev/null and b/app/assets/media/fonts/bahnschrift/BAHNSCHRIFT.woff differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose Pro Family (CC BY-NC)License.pdf b/app/assets/media/fonts/cocogoose/Cocogoose Pro Family (CC BY-NC)License.pdf new file mode 100644 index 0000000..fecb5a8 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose Pro Family (CC BY-NC)License.pdf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose Pro Italic-trial.ttf b/app/assets/media/fonts/cocogoose/Cocogoose Pro Italic-trial.ttf new file mode 100644 index 0000000..f111fcc Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose Pro Italic-trial.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose Pro Light Italic-trial.ttf b/app/assets/media/fonts/cocogoose/Cocogoose Pro Light Italic-trial.ttf new file mode 100644 index 0000000..7225071 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose Pro Light Italic-trial.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose Pro Semilight Italic-trial.ttf b/app/assets/media/fonts/cocogoose/Cocogoose Pro Semilight Italic-trial.ttf new file mode 100644 index 0000000..8bdd056 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose Pro Semilight Italic-trial.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose Pro Thin Italic-trial.ttf b/app/assets/media/fonts/cocogoose/Cocogoose Pro Thin Italic-trial.ttf new file mode 100644 index 0000000..24e2dd7 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose Pro Thin Italic-trial.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose Pro UltraLight Italic-trial.ttf b/app/assets/media/fonts/cocogoose/Cocogoose Pro UltraLight Italic-trial.ttf new file mode 100644 index 0000000..6d095a0 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose Pro UltraLight Italic-trial.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose_bold.ttf b/app/assets/media/fonts/cocogoose/Cocogoose_bold.ttf new file mode 100644 index 0000000..d9d7dd9 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose_bold.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose_extraBold.ttf b/app/assets/media/fonts/cocogoose/Cocogoose_extraBold.ttf new file mode 100644 index 0000000..6d4bf8c Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose_extraBold.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose_extraLight.ttf b/app/assets/media/fonts/cocogoose/Cocogoose_extraLight.ttf new file mode 100644 index 0000000..01f4418 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose_extraLight.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose_light.ttf b/app/assets/media/fonts/cocogoose/Cocogoose_light.ttf new file mode 100644 index 0000000..4ac9644 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose_light.ttf differ diff --git a/app/assets/media/fonts/cocogoose/Cocogoose_medium.ttf b/app/assets/media/fonts/cocogoose/Cocogoose_medium.ttf new file mode 100644 index 0000000..1972aa2 Binary files /dev/null and b/app/assets/media/fonts/cocogoose/Cocogoose_medium.ttf differ diff --git a/app/assets/media/images/bbb_logo.png b/app/assets/media/images/bbb_logo.png new file mode 100644 index 0000000..c9bba6f Binary files /dev/null and b/app/assets/media/images/bbb_logo.png differ diff --git a/app/assets/media/images/bbb_logo_white.png b/app/assets/media/images/bbb_logo_white.png new file mode 100644 index 0000000..8d8d118 Binary files /dev/null and b/app/assets/media/images/bbb_logo_white.png differ diff --git a/app/assets/images/logo.jpg b/app/assets/media/images/logo.jpg similarity index 100% rename from app/assets/images/logo.jpg rename to app/assets/media/images/logo.jpg diff --git a/app/assets/media/images/veg.png b/app/assets/media/images/veg.png new file mode 100644 index 0000000..6ef00e4 Binary files /dev/null and b/app/assets/media/images/veg.png differ diff --git a/app/assets/scss/base/_fonts.scss b/app/assets/scss/base/_fonts.scss new file mode 100644 index 0000000..496867b --- /dev/null +++ b/app/assets/scss/base/_fonts.scss @@ -0,0 +1,19 @@ +@font-face { + font-family: "CocogooseNormal"; + src: url("../media/fonts/cocogoose/Cocogoose_medium.ttf") format("truetype"); +} + +@font-face { + font-family: "CocogooseLight"; + src: url("../media/fonts/cocogoose/Cocogoose_light.ttf") format("truetype"); +} + +@font-face { + font-family: "CocogooseBold"; + src: url("../media/fonts/cocogoose/Cocogoose_bold.ttf") format("truetype"); +} + +@font-face { + font-family: "CocogooseExtra"; + src: url("../media/fonts/cocogoose/Cocogoose_extraBold.ttf") format("truetype"); +} \ No newline at end of file diff --git a/app/assets/scss/modules/_large-hero.scss b/app/assets/scss/modules/_large-hero.scss new file mode 100644 index 0000000..e88c9ca --- /dev/null +++ b/app/assets/scss/modules/_large-hero.scss @@ -0,0 +1,61 @@ +.large-hero { + border-bottom: 10px solid white; + text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); + position: relative; + + &__image{ + display: block; + } + + &__text-content { + padding-top: 88px; + position: absolute; + top: 50%; + left: 0px; + width: 100%; + transform: translateY(-50%); + text-align: center; + + @include atMedium(){ + padding-top: 60px; + } + } + + &__title { + font-family: "CocogooseBold"; + color: white; + font-size: 2.4rem; + margin: 0; + + @include atSmall(){ + font-size: 4.8rem; + } + + } + + &__subtitle { + font-family: "CocogooseNormal"; + color: white; + font-size: 1.5rem; + margin: 0; + + @include atSmall(){ + font-size: 2.9rem; + } + } + + &__description { + color: #FFF; + font-weight: 00; + font-size: 1.1rem; + max-width: 50rem; + margin-left: auto; + margin-right: auto; + + @include atSmall(){ + font-size: 1.875rem; + } + } + + +} \ No newline at end of file diff --git a/app/assets/scss/modules/_primary-nav.scss b/app/assets/scss/modules/_primary-nav.scss index 8efc065..f9084c8 100644 --- a/app/assets/scss/modules/_primary-nav.scss +++ b/app/assets/scss/modules/_primary-nav.scss @@ -2,7 +2,7 @@ padding-top: 10px; @include atMedium(){ - padding-top: 0; + padding: 31px 0px; } &--pull-right{ @@ -40,8 +40,8 @@ } a{ - color: #000; - font-weight: 300; + color: #fff; + font-weight: 400; text-decoration: none; display: block; padding: 5px 8px; @@ -50,7 +50,7 @@ @include atMedium(){ background:transparent; - font-size: 1rem; + font-size: 1.10rem; padding: 12px 0; &.is-current-link { diff --git a/app/assets/scss/modules/_site-header.scss b/app/assets/scss/modules/_site-header.scss index 29d8bfa..fe8a940 100644 --- a/app/assets/scss/modules/_site-header.scss +++ b/app/assets/scss/modules/_site-header.scss @@ -1,5 +1,4 @@ .site-header{ - padding: 10px 0; position: absolute; width: 100%; z-index: 2; @@ -7,7 +6,7 @@ @include atMedium(){ position: fixed; - background-color: #cdf691; + background-color: rgba(#000, 0.4); } &__btn-container{ @@ -42,6 +41,8 @@ transition: transform .3s ease-out; @include atMedium(){ + position: relative; + float: left; left: auto; transform: translateX(0); } diff --git a/app/assets/scss/modules/_wrapper.scss b/app/assets/scss/modules/_wrapper.scss index 3d01630..aa7a1d5 100644 --- a/app/assets/scss/modules/_wrapper.scss +++ b/app/assets/scss/modules/_wrapper.scss @@ -2,7 +2,7 @@ overflow: hidden; padding-left: 18px; padding-right: 18px; - max-width: 1236px; + max-width: 1300px; margin-left: auto; margin-right: auto; diff --git a/app/assets/scss/style.scss b/app/assets/scss/style.scss index 2730474..8de2d00 100644 --- a/app/assets/scss/style.scss +++ b/app/assets/scss/style.scss @@ -1,10 +1,12 @@ @import './base/_normalize'; @import './base/variables'; +@import './base/fonts'; @import './base/global'; @import './base/mixins'; @import './modules/site-header'; @import './modules/primary-nav'; @import './modules/wrapper'; +@import './modules/large-hero'; diff --git a/app/index.html b/app/index.html index d51385c..c226c78 100644 --- a/app/index.html +++ b/app/index.html @@ -4,8 +4,8 @@ Bio Bulk Bende - - + + @@ -15,7 +15,7 @@