
<?php include "header.php"; ?>
        <!-- ***** Breadcrumb Area Start ***** -->
        <section class="section breadcrumb-area overlay-dark d-flex align-items-center">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <!-- Breamcrumb Content -->
                        <div class="breadcrumb-content d-flex flex-column align-items-center text-center">
                            <h2 class="text-white text-uppercase mb-3">درباره ما</h2>
                            <ol class="breadcrumb">
                                
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- ***** Breadcrumb Area End ***** -->

        <!-- ***** About Area Start ***** -->
        <section class="section about-area ptb_100">
            <div class="container">
                <div class="row justify-content-between align-items-center">
                    <div class="col-12 col-lg-6">
                        <!-- About Thumb -->
                        <div class="about-thumb text-center">
                            <img src="assets/img/about/22A.jpg" alt="">
                        </div>
                    </div>
                    <div class="col-12 col-lg-6">
                        <!-- About Content -->
                        <div class="about-content section-heading text-center text-lg-left pl-md-4 mt-5 mt-lg-0 mb-0">
                            <h2 class="mb-3" style="text-align: center;color:#414465;"><?php print $about_title?></h2>
                            <p style="text-align:center;"><?php print $about_text;?></p>
                            <!-- Counter Area -->

                        </div>
                    </div>
                </div>
            </div>
        </section>

<?php
include "search_db.php";
 $q_new="SELECT * FROM  about_us";
 $rnew = mysqli_query($con,$q_new);
while($ro = mysqli_fetch_array($rnew))
{

	  $id="$ro[a_id]";
	$a_title="$ro[a_title]";
    $a_details="$ro[a_details]";
    $ufile="$ro[ufile]";


print "
        <section class='about-hero py-5 bg-light' dir='rtl'>
  <div class='container'>
    <div class='row align-items-center gy-4'>
      <div class='col-12 col-md-6 text-center text-md-end'>
        <h1 class='fw-bold mb-3' style='color:#414465;'>$a_title</h1>
        <p class='lead text-secondary'>
          $a_details
        </p>
        
      </div>
      <div class='col-12 col-md-6 text-center'>
        <img src='dashboard/uploads/$ufile'  class='img-fluid rounded shadow' style='max-height: 320px; object-fit: cover;'>
      </div>
    </div>
  </div>
</section>
";
}
?>



<?php
include "search_db.php";
 $q_new="SELECT * FROM  about_us2";
 $rnew = mysqli_query($con,$q_new);
while($ro = mysqli_fetch_array($rnew))
{

	  $id="$ro[a_id2]";
	$a_title2="$ro[a_title2]";
    $a_details2="$ro[a_details2]";
    //$ufile="$ro[ufile]";


print "
<section class='about-values py-5'>
  <div class='container'>
    <div class='row text-center gy-4'>
      
      <div class='col-12 col-md-4'>
        <div class='p-4 border rounded shadow-sm h-100'>
          <img src='assets/img/aboutus.png'  style='width:100%; height:50%;' class='mb-3 mx-auto'>
          <h5 class='fw-bold mb-2' style='color:#414465'>$a_title2</h5>
          <p class='text-muted small'>
            $a_details2
          </p>
        </div>
      </div>
 ";
}
?>
     
      

    </div>
  </div>
</section>

<style>
  /* Section spacing */
  .about-values {
    background-color: #f9fafb;
  }

  /* Center icons */
  [dir="rtl"] .mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }

  /* Responsive text alignment */
  @media (max-width: 767.98px) {
    .about-hero .text-md-end {
      text-align: center !important;
    }
  }

  /* Card hover effect */
  .about-values .border:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.3s ease;
  }
</style>

        <!-- ***** About Area End ***** -->


        <!-- ***** Our Goal Area End ***** -->

        <!-- ***** Team Area Start ***** -->

        <!-- ***** Team Area End ***** -->

        <!--====== Contact Area Start ======-->
        <!--====== Contact Area End ======-->

        <!--====== Call To Action Area Start ======-->
        <section class="section cta-area bg-overlay ptb_100">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-12 col-lg-10">
                        <!-- Section Heading -->
                        <div class="section-heading text-center m-0">
                            <h2 class="text-white"><?php print $enquiry_title; ?></h2>
                            <p class="text-white d-none d-sm-block mt-4"><?php print $enquiry_text; ?></p>
                            <a href="contact" class="btn btn-bordered-white mt-4">تماس با ما</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--====== Call To Action Area End ======-->
<?php include "footer.php"; ?>
