first commit
This commit is contained in:
79
src/styles/features.scss
Normal file
79
src/styles/features.scss
Normal file
@@ -0,0 +1,79 @@
|
||||
.features-container {
|
||||
margin-bottom: 38px;
|
||||
}
|
||||
|
||||
.features-top-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 28px 5px;
|
||||
padding: 0px 8px;
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.features-header-text {
|
||||
margin-top: 8px;
|
||||
margin-left: 8px;
|
||||
padding-left: 7px;
|
||||
}
|
||||
|
||||
.features-bottom-wrapper {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin: 42px 5px 8px 5px;
|
||||
padding: 0px 8px;
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.features-top-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 6px 8px;
|
||||
width: 45%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.features-top-right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 18px 8px;
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
background-color: var(--haq-blue);
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.features-bottom-left {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 6px 8px;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.features-bottom-right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: 18px 8px;
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: var(--haq-blue);
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.features-image-one {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-right: 10px;
|
||||
height: 300px;
|
||||
float: right;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.features-list-item {
|
||||
width: 94%;
|
||||
text-align: justify;
|
||||
font-size: 1.05rem;
|
||||
margin: 28px 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user