responsive checked
This commit is contained in:
parent
ba6e1e07b3
commit
b24603d240
@ -39,8 +39,8 @@ const BlogSection = () => {
|
|||||||
<p
|
<p
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html:
|
__html:
|
||||||
blogTexts.description?.length > 100
|
blogTexts.description?.length > 110
|
||||||
? blogTexts.description.substring(0, 100) + '...'
|
? blogTexts.description.substring(0, 110) + '...'
|
||||||
: blogTexts.description,
|
: blogTexts.description,
|
||||||
}}
|
}}
|
||||||
></p>
|
></p>
|
||||||
|
|||||||
@ -42,8 +42,8 @@ const BlogSection = () => {
|
|||||||
<p
|
<p
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
__html:
|
__html:
|
||||||
blogTexts.description.length > 100
|
blogTexts.description.length > 109
|
||||||
? blogTexts.description.substring(0, 100) + '...'
|
? blogTexts.description.substring(0, 109) + '...'
|
||||||
: blogTexts.description,
|
: blogTexts.description,
|
||||||
}}
|
}}
|
||||||
></p>
|
></p>
|
||||||
|
|||||||
@ -43,10 +43,18 @@ const ServicesSection = (props) => {
|
|||||||
href={`/services/${campaign.slug}`}
|
href={`/services/${campaign.slug}`}
|
||||||
onClick={ClickHandler}
|
onClick={ClickHandler}
|
||||||
>
|
>
|
||||||
{campaign.sTitle}
|
{campaign.sTitle.length > 20
|
||||||
|
? campaign.sTitle.substring(0, 20) + "..."
|
||||||
|
: campaign.sTitle
|
||||||
|
}
|
||||||
</Link>
|
</Link>
|
||||||
</h3>
|
</h3>
|
||||||
<p>{campaign.description}</p>
|
<p>
|
||||||
|
{campaign.description.length > 70
|
||||||
|
? campaign.description.substring(0, 70) + "..."
|
||||||
|
: campaign.description
|
||||||
|
}
|
||||||
|
</p>
|
||||||
<div className="services-btn">
|
<div className="services-btn">
|
||||||
<Link
|
<Link
|
||||||
href={`/services/${campaign.slug}`}
|
href={`/services/${campaign.slug}`}
|
||||||
|
|||||||
BIN
public/images/our-mission/imgg.webp
Normal file
BIN
public/images/our-mission/imgg.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
@ -602,6 +602,11 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
|
@media(max-width:1200px) {
|
||||||
|
padding: 30px 30px;
|
||||||
|
min-height: 330px;
|
||||||
|
}
|
||||||
|
|
||||||
@media(max-width:1024px) {
|
@media(max-width:1024px) {
|
||||||
padding: 30px 30px;
|
padding: 30px 30px;
|
||||||
min-height: 360px;
|
min-height: 360px;
|
||||||
@ -712,6 +717,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wpo-service-item2 {
|
.wpo-service-item2 {
|
||||||
padding: 40px 30px;
|
padding: 40px 30px;
|
||||||
background: #102548;
|
background: #102548;
|
||||||
@ -721,6 +727,11 @@
|
|||||||
position: relative;
|
position: relative;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
|
@media(max-width:1200px) {
|
||||||
|
padding: 30px 25px;
|
||||||
|
min-height: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
@media(max-width:1024px) {
|
@media(max-width:1024px) {
|
||||||
padding: 30px 25px;
|
padding: 30px 25px;
|
||||||
min-height: 270px;
|
min-height: 270px;
|
||||||
@ -1075,7 +1086,11 @@
|
|||||||
padding-top: 22px;
|
padding-top: 22px;
|
||||||
|
|
||||||
@media(max-width:1400px) {
|
@media(max-width:1400px) {
|
||||||
padding: 15px 0;
|
padding: 15px 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media(max-width:768px) {
|
||||||
|
padding: 15px 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
@ -1481,6 +1496,10 @@
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
bottom: -60px;
|
bottom: -60px;
|
||||||
|
|
||||||
|
@media(max-width:1024px) {
|
||||||
|
bottom: -15px;
|
||||||
|
}
|
||||||
|
|
||||||
@media(max-width:991px) {
|
@media(max-width:991px) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,7 +6,7 @@
|
|||||||
.wpo-features-s2 {
|
.wpo-features-s2 {
|
||||||
.features-wrap {
|
.features-wrap {
|
||||||
.feature-item {
|
.feature-item {
|
||||||
padding: 44px 50px;
|
padding: 44px 34px;
|
||||||
background: rgba(215, 58, 62, 0.24); // #d73a3e3d
|
background: rgba(215, 58, 62, 0.24); // #d73a3e3d
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
@ -16,6 +16,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 991px) {
|
@media (max-width: 991px) {
|
||||||
|
padding: 44px 24px;
|
||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user