Skip to content

Commit 1443b7c

Browse files
add blocks
1 parent 5aee231 commit 1443b7c

File tree

4 files changed

+358
-1
lines changed

4 files changed

+358
-1
lines changed

template/css/index.css

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

template/css/scss/pages/_index.scss

+96
Original file line numberDiff line numberDiff line change
@@ -1003,6 +1003,102 @@ table {
10031003
}
10041004
}
10051005

1006+
//What You Get ?
1007+
.what-get{
1008+
&__title{
1009+
text-align: center;
1010+
font-size: 32px;
1011+
font-weight: 700;
1012+
flex: 0 0 100%;
1013+
padding-bottom: 40px;
1014+
}
1015+
&-list{
1016+
display: flex;
1017+
flex-flow: row wrap;
1018+
}
1019+
&-img{
1020+
width: 50px;
1021+
height: 50px;
1022+
border-radius: 120px;
1023+
display: flex;
1024+
align-items: center;
1025+
background: #f8ec20;
1026+
justify-content: center;
1027+
color: #000;
1028+
font-size: 29px;
1029+
font-weight: 600;
1030+
margin-bottom: 20px;
1031+
}
1032+
&__wrap{
1033+
flex: 0 0 50%;
1034+
max-width: 50%;
1035+
padding: 0 30px;
1036+
margin-bottom: 40px;
1037+
}
1038+
&__item{
1039+
//background: linear-gradient(129deg, #12111147 0%, rgba(37, 37, 46, 0.06) 100%);
1040+
background: #2c3035;
1041+
padding: 20px;
1042+
border: 1px solid #f8ec202e;
1043+
border-radius: 15px;
1044+
}
1045+
&-text{
1046+
&__title{
1047+
font-weight: 700;
1048+
font-size: 20px;
1049+
margin: 10px 0;
1050+
}
1051+
}
1052+
}
1053+
1054+
//What You Get ?
1055+
1056+
.contacts{
1057+
margin: 75px 0;
1058+
&__title{
1059+
text-align: center;
1060+
font-size: 32px;
1061+
font-weight: 700;
1062+
flex: 0 0 100%;
1063+
padding-bottom: 40px;
1064+
}
1065+
&-wrap{
1066+
display: flex;
1067+
flex-flow: row wrap;
1068+
}
1069+
&-img{
1070+
flex: 0 0 500px;
1071+
}
1072+
&-form{
1073+
flex: 1 0;
1074+
padding-left: 40px;
1075+
label{
1076+
span{
1077+
display: block;
1078+
margin-bottom: 10px;
1079+
}
1080+
}
1081+
}
1082+
&-name{
1083+
display: flex;
1084+
&__input{
1085+
margin-bottom: 25px;
1086+
&:first-child{
1087+
margin-right: 10px;
1088+
}
1089+
}
1090+
}
1091+
&-email{
1092+
margin-bottom: 30px;
1093+
}
1094+
&-subject{
1095+
margin-bottom: 30px;
1096+
}
1097+
&-message{
1098+
margin-bottom: 30px;
1099+
}
1100+
}
1101+
10061102
@media screen and (max-width: 1199px) {
10071103
.pricing__wrap {
10081104
flex: 0 0 50%;

0 commit comments

Comments
 (0)