Created landing page style price-calc-section-landing which is same as price-calc-section except for padding (we don't need it in the landing page)
This commit is contained in:
parent
ce33a4b3f2
commit
d792c22e4e
|
@ -577,6 +577,12 @@ h6 {
|
||||||
background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
|
background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.price-calc-section-landing{
|
||||||
|
/*padding: 80px 40px !important;*/
|
||||||
|
background: -webkit-linear-gradient(top, #f0f4f7, #fff) no-repeat;
|
||||||
|
background: linear-gradient(to bottom, #f0f4f7, #fff) no-repeat;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
.price-calc-section .text{
|
.price-calc-section .text{
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
@ -616,6 +622,18 @@ h6 {
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
.price-calc-section-landing .card{
|
||||||
|
/*width: 50%;*/
|
||||||
|
margin: 0 auto;
|
||||||
|
background: #fff;
|
||||||
|
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
|
||||||
|
padding-bottom: 40px;
|
||||||
|
border-radius: 7px;
|
||||||
|
text-align: center;
|
||||||
|
/* margin-right: auto; */
|
||||||
|
max-width: 400px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
.price-calc-section .card .img-beta{
|
.price-calc-section .card .img-beta{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
|
@ -844,6 +862,10 @@ h6 {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
padding: 60px 10px !important;
|
padding: 60px 10px !important;
|
||||||
}
|
}
|
||||||
|
.price-calc-section-landing{
|
||||||
|
flex-direction: column;
|
||||||
|
/*padding: 60px 10px !important;*/
|
||||||
|
}
|
||||||
.price-calc-section .card {
|
.price-calc-section .card {
|
||||||
width: 90%;
|
width: 90%;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue