1#@!#!123s

: / proc / self / root / var / www / html / hindiusa.org / public_html / hindiusa / views / news /
Filename : news-details.php
back
<?php
use yii\helpers\Html;

?>

<div class="main-wrapper news-single">


  <!-- ====================================
  ———	BREADCRUMB
  ===================================== -->
  <section class="breadcrumb-bg" style="background-image: url(/uploads/page-title-bg-img.jpg); ">
    <div class="container">
      <div class="breadcrumb-holder">
        <div>
          <h2 class="breadcrumb-title-school"><?= $school->name; ?></h2>
          <h1 class="breadcrumb-title"><?= $news->title; ?></h1>          
        </div>
      </div>
    </div>
  </section>

<!-- ====================================
———	news SINGLE
===================================== -->
<section class="py-8 py-md-10">
	<div class="container">
		<div class="card">
			<div class="position-relative">
				 <?php echo Html::img(Yii::$app->request->baseUrl.'/'.$news->thumb_image, ['class' => 'card-img-top','alt' => $news->title]); ?>
				
				<div class="card-img-overlay">
					<span class="badge badge-rounded badge-warning"> <?= date('d',strtotime($news->created)); ?> <br> <?= date('M',strtotime($news->created)); ?></span>
        
        </div>
			</div>
			<div class="card-body border-top-5 px-3 rounded-bottom border-warning">
				<h3 class="card-title text-warning mb-5"><?= $news->title; ?></h3>
				<ul class="list-unstyled d-flex mb-5">
					<li class="">
						<a class="text-muted d-inline-block mr-3" href="#user"><i class="fa fa-user mr-2" aria-hidden="true"></i><?php echo $news->school->user->firstname.' '.$news->school->user->lastname; ?></a>
					</li>
					<!--<li class="mr-3">
						<a class="text-muted d-inline-block" href="#comments"><i class="fa fa-comments-o mr-2" aria-hidden="true"></i>4 Comments</a>
					</li>-->
				</ul>

				<p class="card-text text-justify mb-6">
					<?= $news->description; ?>
				</p>


					<!--	<div class="">
							<ul class="list-inline d-flex mb-0">
				        <li class="mr-2">
				          <a class="icon-rounded-circle-small bg-warning" href="javascript:void(0)">
				            <i class="fa fa-facebook text-white" aria-hidden="true"></i>
				          </a>
				        </li>
				        <li class="mx-2">
				          <a class="icon-rounded-circle-small bg-danger" href="javascript:void(0)">
				            <i class="fa fa-twitter text-white" aria-hidden="true"></i>
				          </a>
				        </li>
				        <li class="mx-2">
				          <a class="icon-rounded-circle-small bg-success" href="javascript:void(0)">
				            <i class="fa fa-google-plus text-white" aria-hidden="true"></i>
				          </a>
				        </li>
				        <li class="mx-2">
				          <a class="icon-rounded-circle-small bg-info" href="javascript:void(0)">
				            <i class="fa fa-pinterest-p text-white" aria-hidden="true"></i>
				          </a>
				        </li>
				        <li class="ml-2">
				          <a class="icon-rounded-circle-small bg-purple" href="javascript:void(0)">
				            <i class="fa fa-vimeo text-white" aria-hidden="true"></i>
				          </a>
				        </li>
				      </ul>
						</div>-->
			</div>
		</div>

	<!--	<div class="bg-light shadow-sm rounded px-3 pt-3 pb-6 mb-4">
			<h3 class="mb-4 text-danger font-weight-bold">4 Comments</h3>
			<div class="media py-1">
				<div class="mr-4">
					<img class=" rounded-circle" src="assets/img/news/news-sm-img1.jpg" alt="User Image">
				</div>
				<div class="media-body">
					<span class="mb-3 font-weight-medium text-muted d-inline-block">Sarah Smith</span>
					<time class="d-block text-muted font-size-13 mb-3">July 7, 2018</time>
					<p class="font-size-13 line-hight-21">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
						those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced
						in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
		
					<a href="#reply" class="btn btn-danger text-uppercase">
						<i class="fa fa-reply-all mr-3" aria-hidden="true"></i>Reply
					</a>
				</div>
			</div>
			<hr>
		
			<div class="media py-1">
				<div class="mr-4">
					<img class=" rounded-circle" src="assets/img/news/news-sm-img2.jpg" alt="User Image">
				</div>
				<div class="media-body">
					<span class="mb-3 font-weight-medium text-muted d-inline-block">Sarah Smith</span>
					<time class="d-block text-muted font-size-13 mb-3">July 7, 2018</time>
					<p class="font-size-13 line-hight-21">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
						those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced
						in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
		
					<a href="#reply" class="btn btn-danger text-uppercase">
						<i class="fa fa-reply-all mr-3" aria-hidden="true"></i>Reply
					</a>
				</div>
			</div>
			<hr>
		
			<div class="media py-1">
				<div class="mr-4">
					<img class="rounded-circle" src="assets/img/news/news-sm-img3.jpg" alt="User Image">
				</div>
				<div class="media-body">
					<span class="mb-3 font-weight-medium text-muted d-inline-block">Sarah Smith</span>
					<time class="d-block text-muted font-size-13 mb-3">July 7, 2018</time>
					<p class="font-size-13 line-hight-21">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
						those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced
						in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
		
					<a href="#reply" class="btn btn-danger text-uppercase">
						<i class="fa fa-reply-all mr-3" aria-hidden="true"></i>Reply
					</a>
				</div>
			</div>
		
			<hr>
		
			<div class="media py-1">
				<div class="mr-4">
					<img class=" rounded-circle" src="assets/img/news/news-sm-img4.jpg" alt="User Image">
				</div>
				<div class="media-body">
					<span class="mb-3 font-weight-medium text-muted d-inline-block">Sarah Smith</span>
					<time class="d-block text-muted font-size-13 mb-3">July 7, 2018</time>
					<p class="font-size-13 line-hight-21">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for
						those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced
						in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
		
					<a href="#reply" class="btn btn-danger text-uppercase">
						<i class="fa fa-reply-all mr-3" aria-hidden="true"></i>Reply
					</a>
				</div>
			</div>
		</div> -->

				<!--<div class="bg-light shadow-sm rounded p-3">
					<h3 class="mb-4 text-danger font-weight-bold">Leave A Comment</h3>

					<form>
					  <div class="row">
					    <div class="col-12 col-md-4">
								<div class="form-group form-group-icon">
		            	<i class="fa fa-user"></i>
		            	<input type="text" class="form-control border-warning" placeholder="First name" required="">
		        	  </div>
					    </div>

					    <div class="col-12 col-md-4">
								<div class="form-group form-group-icon">
		            	<i class="fa fa-envelope"></i>
		            	<input type="email" class="form-control border-success" placeholder="Email address" required="">
		          	</div>
					    </div>

					    <div class="col-12 col-md-4">
								<div class="form-group form-group-icon">
		            	<i class="fa fa-chrome"></i>
		            	<input type="text" class="form-control border-purple" placeholder="Website">
		        	  </div>
					    </div>
					  </div>

						<div class="row">
							<div class="col">
								<div class="form-group form-group-icon">
		            	<i class="fa fa-comments "></i>
		            	<textarea class="form-control border-info" placeholder="Write message" rows="6"></textarea>
		        	  </div>
							</div>
						</div>

						<button class="btn btn-danger text-uppercase">submit</button>
					</form>
				</div> -->
	</div>
</section>

</div> <!-- element wrapper ends -->