Aravind/doormile-next
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update home,about,solutions

Browse Source
This commit is contained in:
Aravind R
2026-06-01 20:20:14 +05:30
parent 8d74f7063e
commit a59a5e79dc
19 changed files with 3543 additions and 1381 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/sections/OurTeam.tsx
View File

@@ -31,6 +31,52 @@ export default function OurTeam() {
];
return (
<>
<style dangerouslySetInnerHTML={{ __html: `
/* Team photos: grayscale by default, full colour on hover (matches design) */
.team-listing-wrapper.team-grid-listing .team-item .post-media img {
filter: grayscale(100%);
transition: filter 0.45s ease;
}
.team-listing-wrapper.team-grid-listing .team-item:hover .post-media img {
filter: grayscale(0%);
}
/* Self-contained layout (does not rely on the cached vendor CSS). */
/* Grid: three columns that wrap, with tightened row/column gaps. */
.team-listing-wrapper.team-grid-listing {
display: flex;
flex-wrap: wrap;
margin: 0 -16px -44px;
}
.team-listing-wrapper.team-grid-listing .team-item-wrapper {
width: 33.3333%;
padding: 0 16px;
margin-bottom: 44px;
box-sizing: border-box;
}
@media (max-width: 1020px) {
.team-listing-wrapper.team-grid-listing .team-item-wrapper { width: 50%; }
}
@media (max-width: 660px) {
.team-listing-wrapper.team-grid-listing .team-item-wrapper { width: 100%; }
}
/* Card: photo on the LEFT, name/position on the RIGHT (side by side). */
.team-listing-wrapper.team-grid-listing .team-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 16px;
}
.team-listing-wrapper.team-grid-listing .team-item-media {
flex-shrink: 0;
width: 160px;
}
.team-listing-wrapper.team-grid-listing .team-item-content {
flex: 1;
}
`}} />
<div className="elementor-element elementor-element-c2c601a e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="c2c601a" data-element_type="container" data-e-type="container">
<div className="e-con-inner">
<div className="elementor-element elementor-element-3306a27 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3306a27" data-element_type="container" data-e-type="container">
@@ -42,7 +88,7 @@ export default function OurTeam() {
<div style={{ alignSelf: "flex-start", width: "100%" }} className="elementor-element elementor-element-c46350e elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="c46350e" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div className="elementor-widget-container">
<h3 className="logico-title" style={{ textAlign: "left" }}>Meet our best crew</h3>
<h3 className="logico-title" style={{ textAlign: "left" }}>Meet our the best crew</h3>
</div>
</div>
@@ -93,5 +139,6 @@ export default function OurTeam() {
</div>
</div>
</div>
</>
);
}