401 lines
24 KiB
PHP
401 lines
24 KiB
PHP
<?php
|
|
|
|
/**
|
|
* Modular Team Section Component
|
|
* Usage: include 'includes/our-team.php';
|
|
* Depends on: head.php being included in the parent page for global styles.
|
|
*/
|
|
?>
|
|
<style>
|
|
/* Scope safety: ensured by wrapping elementor-63 container below */
|
|
.elementor-63 .elementor-element-bf5fff2 {
|
|
--margin-top: 100px !important;
|
|
/* Slightly reduced for about page */
|
|
--margin-bottom: 80px !important;
|
|
}
|
|
|
|
.elementor-63 .elementor-element-57c7653 .logico-title {
|
|
font-size: 50px !important;
|
|
/* Adjusted for better visibility */
|
|
line-height: 1.2 !important;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
|
|
/* Fix for overlapping text seen in screenshot */
|
|
.elementor-63 .elementor-element-bf5fff2 {
|
|
clear: both;
|
|
position: relative;
|
|
z-index: 0;
|
|
background: transparent;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.elementor-63 .elementor-element-bf5fff2 {
|
|
--margin-top: 70px !important;
|
|
--margin-bottom: 70px !important;
|
|
clear: both !important;
|
|
display: block !important;
|
|
height: auto !important;
|
|
overflow: visible !important;
|
|
position: relative !important;
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
.elementor-63 .elementor-element-bf5fff2 .e-con-inner,
|
|
.elementor-63 .elementor-element-5a54148,
|
|
.elementor-63 .elementor-element-138c81a,
|
|
.elementor-63 .elementor-widget-container,
|
|
.elementor-63 .logico-team-listing-widget,
|
|
.elementor-63 .archive-listing {
|
|
display: block !important;
|
|
height: auto !important;
|
|
min-height: 0 !important;
|
|
overflow: visible !important;
|
|
position: relative !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .elementor-element-57c7653 .logico-title {
|
|
font-size: 34px !important;
|
|
line-height: 1.15 !important;
|
|
margin-bottom: 28px !important;
|
|
}
|
|
|
|
.elementor-63 .archive-listing-wrapper.team-listing-wrapper {
|
|
display: grid !important;
|
|
grid-template-columns: 1fr !important;
|
|
gap: 26px !important;
|
|
height: auto !important;
|
|
min-height: 0 !important;
|
|
overflow: visible !important;
|
|
position: relative !important;
|
|
transform: none !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-wrapper {
|
|
clear: both !important;
|
|
display: block !important;
|
|
float: none !important;
|
|
height: auto !important;
|
|
margin: 0 !important;
|
|
min-height: 0 !important;
|
|
position: relative !important;
|
|
transform: none !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .team-item {
|
|
align-items: center !important;
|
|
display: flex !important;
|
|
flex-direction: row !important;
|
|
gap: 20px !important;
|
|
height: auto !important;
|
|
min-height: 0 !important;
|
|
overflow: visible !important;
|
|
position: relative !important;
|
|
transform: none !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-media,
|
|
.elementor-63 .post-media,
|
|
.elementor-63 .post-media a,
|
|
.elementor-63 .post-media picture {
|
|
display: block !important;
|
|
height: auto !important;
|
|
min-height: 0 !important;
|
|
overflow: visible !important;
|
|
position: relative !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-media {
|
|
flex: 0 0 44% !important;
|
|
max-width: 156px !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-media img {
|
|
aspect-ratio: 1 / 1.45 !important;
|
|
border-radius: 18px !important;
|
|
display: block !important;
|
|
height: auto !important;
|
|
max-height: none !important;
|
|
object-fit: cover !important;
|
|
position: static !important;
|
|
transform: none !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-content {
|
|
align-self: stretch !important;
|
|
align-items: flex-start !important;
|
|
background: transparent !important;
|
|
display: flex !important;
|
|
flex: 1 1 auto !important;
|
|
flex-direction: column !important;
|
|
justify-content: center !important;
|
|
height: auto !important;
|
|
inset: auto !important;
|
|
left: auto !important;
|
|
margin: 0 !important;
|
|
min-height: 0 !important;
|
|
padding: 0 !important;
|
|
right: auto !important;
|
|
position: static !important;
|
|
text-align: left !important;
|
|
top: auto !important;
|
|
transform: none !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.elementor-63 .post-title,
|
|
.elementor-63 .post-title a {
|
|
color: #1f1f1f !important;
|
|
display: block !important;
|
|
font-size: clamp(22px, 6vw, 26px) !important;
|
|
font-weight: 700 !important;
|
|
line-height: 1.15 !important;
|
|
margin: 0 0 32px !important;
|
|
text-align: left !important;
|
|
overflow-wrap: anywhere !important;
|
|
text-decoration: none !important;
|
|
white-space: normal !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-socials,
|
|
.elementor-63 .team-socials.wrapper-socials {
|
|
display: flex !important;
|
|
flex-wrap: wrap !important;
|
|
gap: 28px !important;
|
|
justify-content: flex-start !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
position: static !important;
|
|
}
|
|
|
|
.elementor-63 .team-socials.wrapper-socials li {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
.elementor-63 .team-socials.wrapper-socials a {
|
|
align-items: center !important;
|
|
color: #1f1f1f !important;
|
|
display: inline-flex !important;
|
|
font-size: 16px !important;
|
|
height: 18px !important;
|
|
justify-content: center !important;
|
|
line-height: 1 !important;
|
|
width: 18px !important;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 420px) {
|
|
.elementor-63 .team-item {
|
|
gap: 18px !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-media {
|
|
flex-basis: 44% !important;
|
|
max-width: 156px !important;
|
|
}
|
|
|
|
.elementor-63 .team-item-socials,
|
|
.elementor-63 .team-socials.wrapper-socials {
|
|
gap: 26px !important;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<div class="elementor elementor-63">
|
|
<div class="elementor-element elementor-element-bf5fff2 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="bf5fff2" data-element_type="container">
|
|
<div class="e-con-inner">
|
|
<div class="elementor-element elementor-element-5a54148 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5a54148" data-element_type="container">
|
|
<div class="elementor-element elementor-element-94ebf2e elementor-widget elementor-widget-logico_heading" data-id="94ebf2e" data-element_type="widget" data-widget_type="logico_heading.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="logico-title">/ team /</div>
|
|
</div>
|
|
</div>
|
|
<div class="elementor-element elementor-element-57c7653 elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="57c7653" data-element_type="widget" data-settings="{"_animation":"logico_heading_animation"}" data-widget_type="logico_heading.default">
|
|
<div class="elementor-widget-container">
|
|
<h3 class="logico-title">Meet our best crew</h3>
|
|
</div>
|
|
</div>
|
|
<div class="elementor-element elementor-element-138c81a elementor-widget elementor-widget-logico_team_listing" data-id="138c81a" data-element_type="widget" data-widget_type="logico_team_listing.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="logico-team-listing-widget">
|
|
<div class="archive-listing" data-ajax='{"post_type":"team","post_status":"publish","ignore_sticky_posts":true,"suppress_filters":true,"orderby":"post__in","order":"desc","link_base":"https:\/\/demo.artureanec.com\/themes\/logico-rounded\/home-3","post__in":["2807","2850","2855"],"posts_per_page":3,"columns_number":3,"paged":1}' data-widget='{"item_class":"team-item-wrapper","columns_number":3,"listing_type":"grid","show_media":"yes","show_title":"yes","show_position":"yes","show_socials":"yes","show_pagination":""}'>
|
|
<div class="archive-listing-wrapper team-listing-wrapper team-grid-listing columns-3">
|
|
|
|
<!-- PERSON-1 -->
|
|
<div class="team-item-wrapper post-2807 team type-team status-publish has-post-thumbnail hentry">
|
|
<div class="team-item">
|
|
<div class="team-item-media">
|
|
<div class="post-media">
|
|
<a href="#">
|
|
<picture>
|
|
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Investor.png 480w">
|
|
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Investor.png 660w">
|
|
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Investor.png 840w">
|
|
<img decoding="async" alt="team-pic-1" title="team-pic-1" src="assets/images/Investor.png" class="attachment-medium size-medium wp-post-image" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="team-item-content">
|
|
<div class="post-title">
|
|
<a href="#">Ratan Kumar</a>
|
|
</div>
|
|
<!-- <div class="team-item-position">CEO Logico</div> -->
|
|
<div class="team-item-socials">
|
|
<ul class="team-socials wrapper-socials">
|
|
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PERSON-2 -->
|
|
<div class="team-item-wrapper post-2850 team type-team status-publish has-post-thumbnail hentry">
|
|
<div class="team-item">
|
|
<div class="team-item-media">
|
|
<div class="post-media">
|
|
<a href="#">
|
|
<picture>
|
|
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Fazul.png 480w">
|
|
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Fazul.png 660w">
|
|
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Fazul.png 840w">
|
|
<img decoding="async" alt="team-pic-2" title="team-pic-2" src="assets/images/Fazul.png" class="attachment-medium size-medium wp-post-image" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="team-item-content">
|
|
<div class="post-title">
|
|
<a href="#">Fazul Ilahi</a>
|
|
</div>
|
|
<!-- <div class="team-item-position">Manager</div> -->
|
|
<div class="team-item-socials">
|
|
<ul class="team-socials wrapper-socials">
|
|
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- PERSON-3 -->
|
|
<div class="team-item-wrapper post-2855 team type-team status-publish has-post-thumbnail hentry">
|
|
<div class="team-item">
|
|
<div class="team-item-media">
|
|
<div class="post-media">
|
|
<a href="#">
|
|
<picture>
|
|
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Parthi.png 480w">
|
|
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Parthi.png 660w">
|
|
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Parthi.png 840w">
|
|
<img decoding="async" alt="team-pic-3" title="team-pic-3" src="assets/images/Parthi.png" class="attachment-medium size-medium wp-post-image" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="team-item-content">
|
|
<div class="post-title">
|
|
<a href="#">Parthiban</a>
|
|
</div>
|
|
<!-- <div class="team-item-position">HR Specialist</div> -->
|
|
<div class="team-item-socials">
|
|
<ul class="team-socials wrapper-socials">
|
|
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- PERSON-4 -->
|
|
<div class="team-item-wrapper post-2850 team type-team status-publish has-post-thumbnail hentry">
|
|
<div class="team-item">
|
|
<div class="team-item-media">
|
|
<div class="post-media">
|
|
<a href="#">
|
|
<picture>
|
|
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Aravinth.png 480w">
|
|
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Aravinth.png 660w">
|
|
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Aravinth.png 840w">
|
|
<img decoding="async" alt="team-pic-2" title="team-pic-2" src="assets/images/Aravinth.png" class="attachment-medium size-medium wp-post-image" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="team-item-content">
|
|
<div class="post-title">
|
|
<a href="#">Aravinth</a>
|
|
</div>
|
|
<!-- <div class="team-item-position">Manager</div> -->
|
|
<div class="team-item-socials">
|
|
<ul class="team-socials wrapper-socials">
|
|
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- PERSON-5 -->
|
|
<div class="team-item-wrapper post-2855 team type-team status-publish has-post-thumbnail hentry">
|
|
<div class="team-item">
|
|
<div class="team-item-media">
|
|
<div class="post-media">
|
|
<a href="#">
|
|
<picture>
|
|
<source media="(max-width: 480px)" sizes="(max-width: 480px) 480px" srcset="assets/images/Suriya.png 480w">
|
|
<source media="(max-width: 660px)" sizes="(max-width: 660px) 660px" srcset="assets/images/Suriya.png 660w">
|
|
<source media="(max-width: 840px)" sizes="(max-width: 840px) 840px" srcset="assets/images/Suriya.png 840w">
|
|
<img decoding="async" alt="team-pic-3" title="team-pic-3" src="assets/images/Suriya.png" class="attachment-medium size-medium wp-post-image" />
|
|
</picture>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="team-item-content">
|
|
<div class="post-title">
|
|
<a href="#">Suriya Kumar</a>
|
|
</div>
|
|
<!-- <div class="team-item-position">HR Specialist</div> -->
|
|
<div class="team-item-socials">
|
|
<ul class="team-socials wrapper-socials">
|
|
<li><a href="#" target="_blank" class="fab fa-facebook-f" title="Facebook"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-x-twitter" title="X"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-linkedin-in" title="LinkedIn"></a></li>
|
|
<li><a href="#" target="_blank" class="fab fa-youtube" title="YouTube"></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|