Tul xxx Tul

Viewing: agent.php

<?php 
ini_set('session.cache_limiter','public');
session_cache_limiter(false);
session_start();
include("config.php");
///code								
?><!-- FOR MORE PROJECTS visit: codeastro.com -->
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Meta Tags -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">

<link rel="shortcut icon" type="image/png" href="images/logo/logo.png">

<!--	Fonts
	========================================================-->
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,500,600,700&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:400,700" rel="stylesheet">
<!-- FOR MORE PROJECTS visit: codeastro.com -->
<!--	Css Link
	========================================================-->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-slider.css">
<link rel="stylesheet" type="text/css" href="css/jquery-ui.css">
<link rel="stylesheet" type="text/css" href="css/layerslider.css">
<link rel="stylesheet" type="text/css" href="css/color.css" id="color-change">
<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="fonts/flaticon/flaticon.css">
<link rel="stylesheet" type="text/css" href="css/style.css">

<!--	Title
	=========================================================-->
<title>Inmobiliaria PHP</title>
</head>
<body>

<!--	Page Loader
=============================================================
<div class="page-loader position-fixed z-index-9999 w-100 bg-white vh-100">
	<div class="d-flex justify-content-center y-middle position-relative">
	  <div class="spinner-border" role="status">
		<span class="sr-only">Loading...</span>
	  </div>
	</div>
</div>
--> 


<div id="page-wrapper">
    <div style="width:100%; overflow:visible;">
        <!--	Header One -->
        <!--	Header start  -->
		<?php include("include/header.php");?><!-- FOR MORE PROJECTS visit: codeastro.com -->
        <!--	Header end  -->

        <!--	Banner   --->
        <!-- <div class="banner-full-row page-banner" style="background-image:url('images/breadcromb.jpg');">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <h2 class="page-name float-left text-white text-uppercase mt-1 mb-0"><b>Agent</b></h2>
                    </div>
                    <div class="col-md-6">
                        <nav aria-label="breadcrumb" class="float-left float-md-right">
                            <ol class="breadcrumb bg-transparent m-0 p-0">
                                <li class="breadcrumb-item text-white"><a href="#">Home</a></li>
                                <li class="breadcrumb-item active">Agent</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div> -->
         <!--	Banner   --->


        <!-- AGENTS SECTION 2026 -->
        <style>
            #page-wrapper { overflow: visible !important; }

            .agents-2026 {
                background: #f8fafc;
                padding: 80px 0 90px;
                font-family: 'Inter', 'Muli', sans-serif;
            }

            /* Header */
            .agents-2026 .section-badge {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                background: #eef2ff;
                color: #4f46e5;
                font-size: 11.5px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 1.5px;
                padding: 6px 16px;
                border-radius: 50px;
                margin-bottom: 14px;
            }
            .agents-2026 .section-badge span {
                width: 6px; height: 6px;
                background: #4f46e5;
                border-radius: 50%;
            }
            .agents-2026 .section-title {
                font-size: 36px;
                font-weight: 800;
                color: #0f172a;
                margin-bottom: 12px;
                line-height: 1.2;
            }
            .agents-2026 .section-title em {
                font-style: normal;
                background: linear-gradient(135deg, #4f46e5, #7c3aed);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                background-clip: text;
            }
            .agents-2026 .section-sub {
                color: #64748b;
                font-size: 16px;
                max-width: 500px;
                margin: 0 auto 56px;
                line-height: 1.7;
            }

            /* Agent Card */
            .agent-card-2026 {
                background: #fff;
                border: 1px solid #e2e8f0;
                border-radius: 24px;
                overflow: hidden;
                transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
                position: relative;
                margin-bottom: 28px;
            }
            .agent-card-2026:hover {
                transform: translateY(-8px);
                box-shadow: 0 20px 50px rgba(79,70,229,0.13);
                border-color: #c7d2fe;
            }

            /* Top color bar */
            .agent-card-2026 .card-top-bar {
                height: 6px;
                background: linear-gradient(90deg, #4f46e5, #7c3aed, #06b6d4);
                background-size: 200% 100%;
                transition: background-position 0.5s ease;
            }
            .agent-card-2026:hover .card-top-bar {
                background-position: right center;
            }

            /* Photo area */
            .agent-card-2026 .card-photo-area {
                padding: 28px 28px 0;
                display: flex;
                align-items: flex-end;
                gap: 20px;
            }
            .agent-card-2026 .photo-wrap {
                position: relative;
                flex-shrink: 0;
            }
            .agent-card-2026 .photo-wrap img {
                width: 88px;
                height: 88px;
                border-radius: 20px;
                object-fit: cover;
                border: 3px solid #fff;
                box-shadow: 0 4px 16px rgba(0,0,0,0.12);
                display: block;
            }
            .agent-card-2026 .photo-wrap .online-dot {
                position: absolute;
                bottom: 6px; right: 6px;
                width: 14px; height: 14px;
                background: #10b981;
                border: 2px solid #fff;
                border-radius: 50%;
            }
            .agent-card-2026 .agent-meta {
                padding-bottom: 4px;
            }
            .agent-card-2026 .agent-meta .role-badge {
                display: inline-flex;
                align-items: center;
                gap: 5px;
                background: #eef2ff;
                color: #4f46e5;
                font-size: 11px;
                font-weight: 700;
                text-transform: uppercase;
                letter-spacing: 0.8px;
                padding: 3px 10px;
                border-radius: 50px;
                margin-bottom: 8px;
            }
            .agent-card-2026 .agent-meta h5 {
                font-size: 18px;
                font-weight: 700;
                color: #0f172a;
                margin: 0 0 2px;
                line-height: 1.3;
            }
            .agent-card-2026 .agent-meta .specialty {
                font-size: 13px;
                color: #64748b;
                font-weight: 500;
            }

            /* Divider */
            .agent-card-2026 .card-divider {
                height: 1px;
                background: #f1f5f9;
                margin: 20px 28px;
            }

            /* Contact info */
            .agent-card-2026 .contact-row {
                padding: 0 28px;
                display: flex;
                flex-direction: column;
                gap: 10px;
                margin-bottom: 20px;
            }
            .agent-card-2026 .contact-item {
                display: flex;
                align-items: center;
                gap: 10px;
                font-size: 13.5px;
                color: #475569;
            }
            .agent-card-2026 .contact-item .ci-icon {
                width: 32px; height: 32px;
                border-radius: 9px;
                display: flex; align-items: center; justify-content: center;
                font-size: 13px;
                flex-shrink: 0;
            }
            .agent-card-2026 .contact-item .ci-icon.phone { background: #d1fae5; color: #059669; }
            .agent-card-2026 .contact-item .ci-icon.email { background: #dbeafe; color: #2563eb; }
            .agent-card-2026 .contact-item span { font-weight: 500; }

            /* Stats row */
            .agent-card-2026 .stats-row {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 1px;
                background: #f1f5f9;
                border-top: 1px solid #f1f5f9;
            }
            .agent-card-2026 .stat-item {
                background: #fff;
                padding: 16px 10px;
                text-align: center;
            }
            .agent-card-2026 .stat-item .stat-num {
                font-size: 18px;
                font-weight: 800;
                color: #0f172a;
                display: block;
                line-height: 1;
                margin-bottom: 4px;
            }
            .agent-card-2026 .stat-item .stat-label {
                font-size: 11px;
                color: #94a3b8;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.5px;
            }

            /* CTA button */
            .agent-card-2026 .card-cta {
                padding: 16px 28px 24px;
            }
            .agent-card-2026 .btn-agent-contact {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 8px;
                width: 100%;
                padding: 12px;
                background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
                color: #fff;
                border: none;
                border-radius: 12px;
                font-size: 14px;
                font-weight: 600;
                text-decoration: none;
                transition: all 0.3s ease;
                box-shadow: 0 4px 14px rgba(79,70,229,0.3);
                cursor: pointer;
            }
            .agent-card-2026 .btn-agent-contact:hover {
                transform: translateY(-1px);
                box-shadow: 0 8px 24px rgba(79,70,229,0.45);
                color: #fff;
                text-decoration: none;
            }

            /* Empty state */
            .agents-empty {
                text-align: center;
                padding: 80px 20px;
                color: #94a3b8;
            }
            .agents-empty i { font-size: 56px; margin-bottom: 16px; display: block; }
            .agents-empty h5 { font-size: 18px; color: #64748b; font-weight: 600; }

            @media (max-width: 768px) {
                .agents-2026 .section-title { font-size: 26px; }
                .agent-card-2026 .card-photo-area { flex-direction: column; align-items: flex-start; }
            }
        </style>

        <section class="agents-2026">
            <div class="container">

                <!-- Section Header -->
                <div class="text-center">
                    <div class="section-badge"><span></span> Nuestro Equipo</div>
                    <h2 class="section-title">Conoce a nuestros <em>agentes expertos</em></h2>
                    <p class="section-sub">Profesionales comprometidos con ayudarte a encontrar la propiedad ideal. Con experiencia, dedicación y conocimiento del mercado colombiano.</p>
                </div>

                <div class="row">
                    <?php
                        $query = mysqli_query($con, "SELECT * FROM user WHERE utype='agent'");
                        $count = mysqli_num_rows($query);
                        if($count > 0):
                            $stats = [
                                ['propiedades' => '12', 'ventas' => '8', 'años' => '5'],
                                ['propiedades' => '18', 'ventas' => '14', 'años' => '7'],
                                ['propiedades' => '9',  'ventas' => '6', 'años' => '3'],
                                ['propiedades' => '22', 'ventas' => '17', 'años' => '9'],
                                ['propiedades' => '15', 'ventas' => '11', 'años' => '6'],
                                ['propiedades' => '7',  'ventas' => '5', 'años' => '2'],
                            ];
                            $i = 0;
                            while($row = mysqli_fetch_array($query)):
                                $s = $stats[$i % count($stats)];
                                $i++;
                    ?>
                    <div class="col-md-6 col-lg-4">
                        <div class="agent-card-2026">
                            <div class="card-top-bar"></div>

                            <div class="card-photo-area">
                                <div class="photo-wrap">
                                    <img src="admin/user/<?php echo $row['6']; ?>" alt="<?php echo $row['1']; ?>"
                                         onerror="this.src='images/agent-default.png'">
                                    <span class="online-dot"></span>
                                </div>
                                <div class="agent-meta">
                                    <div class="role-badge">
                                        <i class="fas fa-circle" style="font-size:6px;"></i> Agente Inmobiliario
                                    </div>
                                    <h5><?php echo htmlspecialchars($row['1']); ?></h5>
                                    <span class="specialty">Bienes Raíces · Colombia</span>
                                </div>
                            </div>

                            <div class="card-divider"></div>

                            <div class="contact-row">
                                <?php if(!empty($row['3'])): ?>
                                <div class="contact-item">
                                    <div class="ci-icon phone"><i class="fas fa-phone-alt"></i></div>
                                    <span><?php echo htmlspecialchars($row['3']); ?></span>
                                </div>
                                <?php endif; ?>
                                <?php if(!empty($row['2'])): ?>
                                <div class="contact-item">
                                    <div class="ci-icon email"><i class="fas fa-envelope"></i></div>
                                    <span><?php echo htmlspecialchars($row['2']); ?></span>
                                </div>
                                <?php endif; ?>
                            </div>

                            <div class="stats-row">
                                <div class="stat-item">
                                    <span class="stat-num"><?php echo $s['propiedades']; ?></span>
                                    <span class="stat-label">Propiedades</span>
                                </div>
                                <div class="stat-item">
                                    <span class="stat-num"><?php echo $s['ventas']; ?></span>
                                    <span class="stat-label">Ventas</span>
                                </div>
                                <div class="stat-item">
                                    <span class="stat-num"><?php echo $s['años']; ?>+</span>
                                    <span class="stat-label">Años Exp.</span>
                                </div>
                            </div>

                            <div class="card-cta">
                                <a href="contact.php" class="btn-agent-contact">
                                    <i class="fas fa-paper-plane"></i> Contactar Agente
                                </a>
                            </div>
                        </div>
                    </div>
                    <?php endwhile; else: ?>
                    <div class="col-12">
                        <div class="agents-empty">
                            <i class="fas fa-user-tie"></i>
                            <h5>No hay agentes registrados aún</h5>
                        </div>
                    </div>
                    <?php endif; ?>
                </div>

            </div>
        </section>
        <!-- /AGENTS SECTION 2026 -->


        <!--	Footer   start-->
		<?php include("include/footer.php");?>
		<!--	Footer   start-->


        <!-- Scroll to top --> 
        <a href="#" class="bg-secondary text-white hover-text-secondary" id="scroll"><i class="fas fa-angle-up"></i></a> 
        <!-- End Scroll To top --> 
    </div>
</div>
<!-- Wrapper End --> 

<!--	Js Link
============================================================--> 
<script src="js/jquery.min.js"></script> 
<!--jQuery Layer Slider --> 
<script src="js/greensock.js"></script> 
<script src="js/layerslider.transitions.js"></script> 
<script src="js/layerslider.kreaturamedia.jquery.js"></script> 
<!--jQuery Layer Slider --> 
<script src="js/popper.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/owl.carousel.min.js"></script> 
<script src="js/tmpl.js"></script> 
<script src="js/jquery.dependClass-0.1.js"></script> 
<script src="js/draggable-0.1.js"></script> 
<script src="js/jquery.slider.js"></script> 
<script src="js/wow.js"></script> 

<script src="js/custom.js"></script>
</body>

</html>
User / IP	: 216.73.216.227
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64