<section class="margin-top-xs-55" style="background: #fff;position: relative;
">
	<div class="header-text mb-0">
		<div>
			<div class="row ">
				<div class="col-lg-12 col-md-12 col-sm-12 text-center">
					<svg style="width:100%;height: 450px;" viewBox="0 0 1280 679" preserveAspectRatio="none" width="100%" height="100%">
						<defs>   
							<g id="shape">
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="#D9D9D9"></path>
								<path d="M0 0H1280V544.882C1280 544.882 1115 679 640 679C165 679 0 544.882 0 544.882V0Z" fill="url(#gradient)"></path>
							</g>
							<radialGradient id="gradient" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(640 -261.197) rotate(90) scale(815.683 664.92)">
								<stop stop-color="#4169E1"></stop>
								<stop offset="1" stop-color="#071A34"></stop>
							</radialGradient>
						</defs>
						<use href="#shape"></use>
					</svg>
					<div class="frame-image">
						<div style="position: absolute; border-radius: inherit; inset: 0px;" data-framer-background-image-wrapper="true"><img decoding="async" sizes="100vw" src="<?php echo base_url(); ?>assets/lSHGuRrPALnsNPFyY1JslN8so.png" alt="" style="display: block; width: 100%; height: 100%; border-radius: inherit; object-position: center center; object-fit: cover;"></div>
					</div>
					<div class="text-body main-header-text">
					<h1 class="text-center text-white"><b>About Us</b></h1>
					</div>
				</div>

				<div class="floating-icons">
					<i class="icon-facebook"></i>
					<i class="icon-adwords"></i>
					<i class="icon-seo"></i>
					<i class="icon-instagram"></i>
					<i class="icon-activecampaign"></i>
					<i class="icon-wordpress"></i>
					<i class="icon-shopify"></i>
					<i class="icon-youtube"></i>
					<i class="icon-analytics"></i>
					<i class="icon-kk"></i>
				</div>
			</div>
		</div>
	</div>
</section>
<!--section-->
<section class="sptb position-relative">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 text-center mb-5">
            <h1 class="mb-4 font-weight-bold"><?php echo $content_1->heading; ?></h1>
            <p class="leading-normal lead-1"><?php echo $content_1->sub_heading; ?></p>
         </div>
         <div class="col-lg-6 col-md-6 col-sm-6">
            <div class="text-justify">
               <p class="leading-normal fs-16"><?php echo $content_1->content ?></p>
            </div>
         </div>
         <div class="col-lg-6 col-md-6 col-sm-6">
            <?php if($content_1->video_or_image == 1){?>
            <img loading="lazy" src="<?php echo base_url()?><?php echo $content_1->image?>">
            <?php }else{?>
               <?php 
                  $video_id = explode("?v=", $content_1->video);
                  $video_id = $video_id[1];
                  $thumbnail="http://img.youtube.com/vi/".$video_id."/maxresdefault.jpg";
               ?>
               <video id="video-player-005" class="video-player" poster="<?php echo $thumbnail; ?>">
                  <source src="<?php echo file_get_contents(base_url().'home/video?url='.$content_1->video);?>" type="video/mp4">
                 Your browser does not support the video tag.
               </video>
               <script type="text/javascript">
                 document.addEventListener("DOMContentLoaded", function() {
                       new Moovie({
                       selector: "#video-player-005",
                    });
                 });
              </script>
            <?php }?>
         </div>
         <div class="aboutlink">
            <a href="#sec1" class="">
            <i class="fa fa-angle-double-down"></i>
            </a>
         </div>
      </div>
   </div>
</section>
<!--/section-->
<!--section-->
<section class="sptb bg-white" id="sec1">
   <div class="container">
      <div class="section-title d-md-flex mb-5">
         <div>
            <h2><?php echo $content_2->heading; ?></h2>
            <p class="fs-18 lead"><?php echo $content_2->sub_heading; ?></p>
         </div>
      </div>
      <div class="row">
         <?php foreach ($content_2_i as $key => $content): ?>
         <div class="col-lg-4 col-md-6 col-sm-6">
            <div class="mb-lg-0 mb-4 box-shadow about-2 p-5">
               <div class=" text-center">
                  <div class="icon-bg icon-service about">
                     <img loading="lazy" src="<?php echo base_url()?><?php echo $content->image?>" alt="<?php echo $content->heading; ?>">
                  </div>
                  <div class="servic-data mt-3">
                     <h4 class="font-weight-semibold mb-2"><?php echo $content->heading; ?></h4>
                     <p class="mb-0"><?php echo $content->des; ?></p>
                  </div>
               </div>
            </div>
         </div>
         <?php endforeach ?>
      </div>
   </div>
</section>
<!--/Section-->
<!--Section-->
<section>
   <div class="cover-image about-widget sptb bg-background-color" data-bs-image-src="../../assets/images/banners/banner4.jpg">
      <div class="content-text mb-0">
         <div class="container">
            <div class="text-center text-white ">
               <h2 class="mb-2 text-white font-weight-400"><?php echo $content_3->heading?></h2>
               <p class="lead c-white"><?php echo $content_3->sub_heading?></p>
               <div class="mt-5">
                  <a href="<?php echo base_url(); ?>mc/master-class" onclick="open_registration_model()" class="btn btn-lg btn-secondary" style="background-color:<?php echo $visual_setting->color_4; ?>!important;">Join For Free</a>
               </div>
            </div>
         </div>
      </div>
   </div>
</section>
<!--/Section-->
<!--Section-->
<section class="sptb">
   <div class="container">
      <div class="section-title d-md-flex mb-5">
         <div>
            <h2><?php echo $content_4_i->heading; ?></h2>
            <p class="fs-18 lead"><?php echo $content_4_i->sub_heading; ?></p>
         </div>
      </div>
      <div class="row ">
         <div class="col-md-12 col-lg-7 col-sm-12">
            <div class="row ">
               <?php foreach ($content_4_ii as $key => $content): ?>
               <div class="col-md-6 col-lg-6 features">
                  <div class="card">
                     <div class="card-body text-center">
                        <div class="feature">
                           <div class="fa-stack fa-lg fea-icon mb-3" style="background-color:<?php echo $content->color?>">
                              <i class="fa <?php echo $content->icon; ?> text-white"></i>
                           </div>
                           <div class="">
                              <h3 class="font-weight-semibold"><?php echo $content->heading; ?></h3>
                              <p><?php echo $content->sub_heading; ?></p>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <?php endforeach ?>
            </div>
         </div>
         <div class="col-lg-5">
            <div class="feature-1 text-center ms-5">
               <img loading="lazy" src="<?php echo base_url()?><?php echo $content_4_i->image; ?>" class="feature" alt="<?php echo $content_4_i->heading; ?>">
            </div>
         </div>
      </div>
   </div>
</section>
<!--/Section-->
<!--Section-->
<section>
   <div class="about-1 cover-image bg-background pt-5 pb-5" data-bs-image-src="../../assets/images/banners/banner5.jpg">
      <div class="content-text mb-0 text-white info">
         <div class="container">
            <div class="row text-center">
               <?php foreach ($content_5 as $key => $content): ?>
               <div class="col-lg-3 col-md-6">
                  <div class="counter-status md-mb-0">
                     <div class="counter-icon">
                        <i class=" fa <?php echo $content->icon; ?>"></i>
                     </div>
                     <h5 style="color:#fff!important"><?php echo $content->heading; ?></h5>
                     <h2 style="color:#fff!important" class="counter mb-0"><?php echo $content->number; ?></h2>
                  </div>
               </div>
               <?php endforeach ?>
            </div>
         </div>
      </div>
   </div>
</section>
<!--/Section-->
<!--section-->
<section class="sptb bg-white">
   <div class="container">
      <div class="section-title d-md-flex mb-5">
         <div>
            <h2><?php echo $content_6_i->heading; ?></h2>
            <p class="fs-18 lead"><?php echo $content_6_i->sub_heading; ?></p>
         </div>
      </div>
      <div class="row">
         <?php foreach ($content_6_ii as $key => $content): ?>
         <div class="col-xl-4 col-md-4">
            <div class="card mb-xl-5">
               <div class="card-body">
                  <div class="team-section text-center">
                     <div class="team-img">
                        <img loading="lazy" src="<?php echo base_url()?><?php echo $content->image; ?>" class="img-thumbnail rounded-circle alt=" alt="<?php echo $content->name; ?>">
                     </div>
                     <h3 class="font-weight-bold dark-grey-text mt-4"><?php echo $content->name; ?></h3>
                     <h6 class="font-weight-bold  mb-4"><?php echo $content->designation; ?></h6>
                     <h6 class="font-weight-semibold team-section-1 badge p-2 br-7 c-white"><span class="font-weight-bold me-1 c-white"><?php echo $content->year; ?>yrs</span>Experience</h6>
                     <!--<div class="text-warning mt-3 mb-3">
                        <i class="fa fa-star"> </i>
                        <i class="fa fa-star"> </i>
                        <i class="fa fa-star"> </i>
                        <i class="fa fa-star"> </i>
                        <i class="fa fa-star-half-full"> </i>
                        </div>-->
                     <p class="font-weight-normal dark-grey-text"><?php echo $content->des; ?></p>
                     <!--<ul class="list-unstyled list-inline mt-4">
                        <li class="list-inline-item">
                        	<a class="social-icons btn-sm br-100">
                        		<i class="fa fa-facebook"></i>
                        	</a>
                        </li>
                        <li class="list-inline-item">
                        	<a class="social-icons btn-sm br-100">
                        		<i class="fa fa-twitter"></i>
                        	</a>
                        </li>
                        <li class="list-inline-item">
                        	<a class="social-icons btn-sm br-100">
                        		<i class="fa fa-google-plus"></i>
                        	</a>
                        </li>
                        <li class="list-inline-item">
                        	<a class="social-icons btn-sm br-100">
                        		<i class="fa fa-linkedin"></i>
                        	</a>
                        </li>
                        <li class="list-inline-item">
                        	<a class="social-icons btn-sm br-100">
                        		<i class="fa fa-github"></i>
                        	</a>
                        </li>
                        </ul>-->
                  </div>
               </div>
            </div>
         </div>
         <?php endforeach ?>
      </div>
   </div>
</section>
<!--/section-->
<section class="sptb ">
   <div class="container">
   	<div class="section-title d-md-flex mb-5">
         <div>
            <h2>The Story of Dotcomvidya</h2>
            <p class="fs-18 lead">The journey to the top is often full of obstacles and hindrances. Setbacks can often be disheartening, but perseverance is the key in every aspect of life.</p>
         </div>
      </div>
      <div class="main-timeline">
         <?php foreach ($all_timeline as $timeline):?>
	        <div class="timeline">
	            <div class="icon"></div>
	            <div class="date-content">
	               <div class="date-outer">
	                  <span class="date">
	                  <span class="year"><?php echo $timeline->time_line_year; ?></span>
	                  </span>
	               </div>
	            </div>
	            <div class="timeline-content">
	               <h5 class="title"><?php echo $timeline->time_line_title; ?></h5>
	               <p class="description"><?php echo $timeline->time_line_description; ?></p>
	            </div>
	        </div>
         <?php endforeach; ?>
      </div>
   </div>
</section>
<section class="sptb position-relative bg-white">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12 col-sm-12 text-center mb-5">
            <h1 class="mb-4 font-weight-bold"><?php echo $brain->brain_behind_title; ?></h1>
         </div>
         <div class="col-lg-6 col-md-6 col-sm-6">
            <div class="text-justify">
               <?php echo $brain->brain_behind_description ?>
            </div>
         </div>
         <div class="col-lg-6 col-md-6 col-sm-6 text-center">
            <img style="height: 300px;" loading="lazy" src="<?php echo base_url()?><?php echo $brain->brain_behind_image?>">
         </div>
      </div>
   </div>
</section>
<section class="sptb bg-white">
	<div class="container">
		<div class="section-title d-md-flex">
			<div>
				<h2>Dotcomvidya Awards and Achievement</h2>
				<p class="fs-18 lead"><?php //echo $heading->event_desc ?></p>
			</div>
		</div>
		<div id="myCarousel1" class="owl-carousel owl-carousel-icons2">
			<?php foreach ($get_all_award as $key => $award):?>
				<div class="item">
					<div class="card overflow-hidden">
						<div class="item-card7-img pt-5 px-5">
							<div class="item-card7-imgs">
							
								<img loading="lazy" src="<?php echo base_url() ?><?php echo $award->awards_image; ?>" alt="<?php echo $award->awards_title ?>" class="cover-image br-7 border">
							</div>
						</div>
						<div class="card-body">
							<div class="item-card7-desc">
								

								<div class=" mb-3">

								</div>

								<div class="item-card7-text">
									<h4 class="font-weight-semibold mb-1"><?php echo $award->awards_title ?></h4>
								</div>
								<p class="mb-0"><?php echo $award->awards_description ?></p>

								<div class="pt-2 mb-3">
									<a class="me-4"><span class="font-weight-bold red"><i class="fa fa-calendar" aria-hidden="true"></i> </span> <span class="text-muted red"> <?php echo date('d-m-Y', strtotime($award->awards_date))?></span></a>

									<a class="me-4 float-end"><span class="font-weight-bold red"><i class="fas fa-map-pin" aria-hidden="true"></i></span><span class="text-muted red"> <?php echo $award->awards_place ?></span></a>
								</div>
								

								
							</div>
						</div>
					</div>
				</div>
    		<?php endforeach ?>
		</div>
	</div>
</section>