diff options
Diffstat (limited to 'src/main/resources/static/scss/_cutter_master.scss')
| -rw-r--r-- | src/main/resources/static/scss/_cutter_master.scss | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/src/main/resources/static/scss/_cutter_master.scss b/src/main/resources/static/scss/_cutter_master.scss new file mode 100644 index 0000000..c45b6f8 --- /dev/null +++ b/src/main/resources/static/scss/_cutter_master.scss @@ -0,0 +1,140 @@ +.cutter_muster{ + padding-top: 134px; + padding-bottom: 130px; + @media #{$mobile_device}{ + padding-top: 60px; + padding-bottom: 60px; + } + @media #{$tablet_device}{ + padding-top: 80px; + padding-bottom: 80px; + } + .single_master{ + margin-bottom: 20px; + .thumb{ + position: relative; + z-index: 2; + + img{ + width: 100%; + } + .social_link{ + position: absolute; + left: 0; + right: 0; + text-align: center; + bottom: 0; + padding: 30px 0; + @include transform(translateY(-40px)); + @include transition(.3s) ; + opacity: 0; + a{ + margin: 0 10px; + font-size: 20px; + color: #fff; + &:hover{ + color: #BC9321; + } + } + } + } + .master_name{ + h3{ + font-size: 20px; + font-family: $font1; + color: #4A3600; + font-weight: 400; + margin-top: 25px; + margin-bottom: 0; + } + p{ + font-size: 14px; + margin-bottom: 0; + color: #919191; + } + } + &:hover{ + .social_link{ + @include transform(translateY(0px)); + opacity: 1; + } + } + } +} + +.find_bg_1{ + background-image: url(../../static/img/team/img.png); +} +.find_us_area{ + .single_find{ + padding-bottom: 10px; + } + .find_info{ + background: #BC9321; + padding: 70px 0 60px 80px; + @media #{$mobile_device}{ + padding: 20px; + } + .find_info_title{ + font-size: 42px; + font-weight: 400; + position: relative; + color: #fff; + padding-bottom: 20px; + margin-bottom: 55px; + @media #{$mobile_device}{ + font-size: 25px; + + } + &::before{ + position: absolute; + content: ""; + background: #fff; + width: 100px; + height: 2px; + left: 0; + bottom: 0; + } + } + background: #BC9321; + .single_find{ + i{ + font-size: 30px; + color: #fff; + } + .find_text{ + padding-left: 20px; + h3{ + font-size: 16px; + color: #000; + font-weight: 400; + } + p{ + color: #fff; + font-size: 18px; + font-weight: 400; + @media #{$mobile_device}{ + font-size: 15px; + } + } + } + } + } + .book_btn{ + margin-top: 34px; + a{ + background: transparent; + font-size: 16px; + font-weight: 400; + border: 1px solid #fff; + color: #fff; + padding: 14px 20px; + display: inline-block; + &:hover{ + background: #fff; + color: #000 !important; + border: 1px solid #fff; + } + } + } +}
\ No newline at end of file |