template-about.php

<?php
/*
Template Name: About Template
*/

$enable_about_promo = cs_get_option('enable_about_promo');
$enable_about_content = cs_get_option('enable_about_content');
$about_content_title = cs_get_option('about_content_title');
$about_content_text  = cs_get_option('about_content_text');
// $about_content_image  = cs_get_option('about_content_image');
$about_content_image_array = wp_get_attachment_image_src( cs_get_option('about_content_image'), 'large' );

if (!empty($about_content_image_array[0])) {
	$about_content_image = $about_content_image_array[0];
} else {
	$about_content_image = ''.get_template_directory_uri().'/assets/img/about-us-block.jpg';
}


get_header(); ?>
		<?php while ( have_posts() ) : the_post(); ?>
			<!-- ::::::::::::::::::::: Page Title Section:::::::::::::::::::::::::: -->
			<section <?php if(has_post_thumbnail()) : ?> style="background-image: url(<?php the_post_thumbnail_url(); ?>);" <?php endif; ?> class="page-title">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<!-- breadcrumb content -->
							<div class="page-breadcrumbd">
								<h2><?php the_title(); ?></h2>
								<p><a href="<?php echo site_url(); ?>">Home</a> / <?php the_title(); ?></p>
							</div><!-- end breadcrumb content -->
						</div>
					</div>
				</div>
			</section><!-- end breadcrumb -->


			<?php if($enable_about_content == true) :?>
				<!-- ::::::::::::::::::::: Block Section:::::::::::::::::::::::::: -->
				<section class="block about-us-block section-padding">
					<div class="container">
						<div class="row">
							<div class="col-md-6">
								<!-- block text -->
								<div class="block-text">
									<h2><?php echo $about_content_title; ?></h2>
									<?php echo wpautop( $about_content_text ); ?>
								</div>
							</div>
							<div class="col-md-6">
								<img src="<?php echo $about_content_image; ?>" alt="" />
							</div>
						</div>
					</div>
				</section><!-- block area end -->
			<?php endif; ?>

			<?php if($enable_about_promo == true) {get_template_part('content/promo');} ?>


			<section class="accordian-section section-padding">

			<div class="container">

				<div class="row">

					<div class="col-md-6">

						<div class="accorian-item">
							<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

								<!-- accordian item-1 -->

								<div class="panel panel-default">

									<div class="panel-heading" role="tab" id="headingOne">

										<h4 class="panel-title">

										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">

										Collaboratively utilize resource sucking sources before sticky.

										</a>

										</h4>

									</div>

									<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">

										<div class="panel-body">

											Distinctively productize progressive deliverables before diverse products. Conveniently underwhelm next-generation leadership for end-to-end mindshare. Holisticly communicate 2.0 niches and accurate methods of empowerment. Completely myocardinate collaborative technology.

										</div>

									</div>

								</div>

								

								<!-- accordian item-2 -->

								<div class="panel panel-default">

									<div class="panel-heading" role="tab" id="headingTwo">

										<h4 class="panel-title">

										<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">

										Proactively brand holistic applications before.

										</a>

										</h4>

									</div>

									<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">

										<div class="panel-body">

											Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee

										</div>

									</div>

								</div>

								

								<!-- accordian item-3 -->

								<div class="panel panel-default">

									<div class="panel-heading" role="tab" id="headingThree">

										<h4 class="panel-title">

										<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">

										Proactively brand holistic applications before.

										</a>

										</h4>

									</div>

									<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">

										<div class="panel-body">

											Distinctively productize progressive deliverables before diverse products. Conveniently underwhelm next-generation leadership for end-to-end mindshare. Holisticly communicate 2.0 niches and accurate methods of empowerment. Completely myocardinate collaborative technology.

										</div>

									</div>

								</div>

							

							</div>

						</div>

					</div>

					<div class="col-md-6">

						<!-- accordian right text block -->

						<div class="accordian-right-content">

							<h2>Know More About Us</h2>

							<p>Intrinsicly synergize end-to-end results after robust models. Enthusiastically initiate wireless solutions via leading-edge users. Phosfluorescently repurpose world-class networks whereas bleeding-edge communities. Intrinsicly generate just in time infomediaries with resource maximizing deliverables. Credibly disintermediate collaborative ideas through visionary methods of empowerment.</p>

							<p>Globally reintermediate team building best practices with mission-critical "outside the box" thinking. Efficiently mesh synergistic manufactured products rather than turnkey e-commerce. Globally drive.</p>

						</div>

					</div>

				</div>

			</div>

		</section>
		<?php endwhile; ?>
<?php get_footer(); ?>