init
This commit is contained in:
Константин Белан
234
assets/scss/gp-style-core.scss
Normal file
234
assets/scss/gp-style-core.scss
Normal file
@@ -0,0 +1,234 @@
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl300.eot');
|
||||
src: url('../fonts/MuseoSansCyrl300.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl300.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl300.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl500.eot');
|
||||
src: url('../fonts/MuseoSansCyrl500.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl500.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl500.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl700.eot');
|
||||
src: url('../fonts/MuseoSansCyrl700.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl700.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl700.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl900.eot');
|
||||
src: url('../fonts/MuseoSansCyrl900.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl900.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl900.ttf') format('truetype');
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl300Italic.eot');
|
||||
src: url('../fonts/MuseoSansCyrl300Italic.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl300Italic.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl300Italic.ttf') format('truetype');
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl500Italic.eot');
|
||||
src: url('../fonts/MuseoSansCyrl500Italic.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl500Italic.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl500Italic.ttf') format('truetype');
|
||||
font-style: italic;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl700Italic.eot');
|
||||
src: url('../fonts/MuseoSansCyrl700Italic.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl700Italic.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl700Italic.ttf') format('truetype');
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Museo Sans Cyrl';
|
||||
src: url('../fonts/MuseoSansCyrl900Italic.eot');
|
||||
src: url('../fonts/MuseoSansCyrl900Italic.eot?#iefix') format('embedded-opentype'),
|
||||
url('../fonts/MuseoSansCyrl900Italic.woff') format('woff'),
|
||||
url('../fonts/MuseoSansCyrl900Italic.ttf') format('truetype');
|
||||
font-style: italic;
|
||||
font-weight: 900;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
|
||||
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
font-family: var(--font);
|
||||
border: none;
|
||||
outline: none;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
3823
assets/scss/gp-style-desktop.scss
Normal file
3823
assets/scss/gp-style-desktop.scss
Normal file
File diff suppressed because it is too large
Load Diff
1166
assets/scss/gp-style-mobile.scss
Normal file
1166
assets/scss/gp-style-mobile.scss
Normal file
File diff suppressed because it is too large
Load Diff
153
assets/scss/gp-style-tablet.scss
Normal file
153
assets/scss/gp-style-tablet.scss
Normal file
@@ -0,0 +1,153 @@
|
||||
.header {
|
||||
&__container {
|
||||
padding-right: 140px !important;
|
||||
}
|
||||
|
||||
&__nav {
|
||||
&-list {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&-burger {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section {
|
||||
&:not(.hero) {
|
||||
padding-top: 92px;
|
||||
padding-bottom: 92px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
padding-bottom: 92px !important;
|
||||
}
|
||||
|
||||
&__header {
|
||||
&--jcsb {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.hero {
|
||||
&__bg {
|
||||
right: -10vw;
|
||||
}
|
||||
|
||||
&__privilege {
|
||||
&-item {
|
||||
min-width: 140px;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.cases {
|
||||
&__content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 92px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.cta {
|
||||
.section__container {
|
||||
padding: 50px 60px;
|
||||
background-position: left;
|
||||
}
|
||||
}
|
||||
|
||||
.socials {
|
||||
&__content {
|
||||
gap: 46px;
|
||||
}
|
||||
|
||||
&__chats {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 32px !important;
|
||||
|
||||
&-links {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&-info {
|
||||
span {
|
||||
max-width: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
&__navigations {
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
}
|
||||
}
|
||||
|
||||
.section__thumbnail {
|
||||
height: 490px;
|
||||
}
|
||||
|
||||
.company__item {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.company__item-content {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.contacts__section {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.contacts__maps {
|
||||
height: 420px;
|
||||
}
|
||||
|
||||
.single__wrapper {
|
||||
flex-direction: column;
|
||||
gap: 62px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.single__content,
|
||||
.single__sidebar {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1070px) {
|
||||
.awards__wrapper {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.awards__content,
|
||||
.awards__img,
|
||||
.awards__desc {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 860px) {
|
||||
.hero__bg {
|
||||
right: -25vw;
|
||||
}
|
||||
|
||||
.hero__expert {
|
||||
left: 160px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 770px) {
|
||||
.hero__bg {
|
||||
right: -30vw;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user