@extends('layouts.app')

@section('content')
<div class="container">


			<nav class="navbar navbar-default darkBg">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
     <!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <i class="fa fa-bars" style="color:#fff;"></i>
      </button> -->
	  
	   <div class="scrollmenu">
		  <a href="#" class="active">Politics</a>
		  <a href="#">Business </a>
		  <a href="#">Sports</a>
		  <a href="#">Entertainment</a>
		  <a href="#">Tech</a>
			
		</div> 
    
    </div>

  </div><!-- /.container-fluid -->
</nav>



<div class="container-fluid">
	<div class="row">
		
		<div id="div1">
		<!-- <div class="col-md-12 col-sm-12">
			<div class="col-md-10 pad-l0 pad-r0">
			 <span class="spn-txt"><a href="#ht">Hindutan Times</a></span> | <span class="spn-txt"><a href="#toi">Times Of India</a> </span> | <span class="spn-txt"><a href="#ie">IndianExpress</a></span>
			</div>
		</div> -->
		<div class="clearfix"> &nbsp; </div>
		 <div class="col-md-12"> <div class="col-md-10 pad-l0 pad-r0"><h2 style="margin:0 0 15px 0;"><a id="ht" style="font-size:20px;">Welcome to India Sports</a></h2></div></div>
    	<!--Feed 1 -->	 	
	<!--  -->
	 	
		 			 @foreach(politics as $rec)
		<div class="col-md-12 pad-l10-xs pad-r10-xs">
		<div class="row bg-light-clmnew bg-light-clm">

			 
			<div class="col-md-12 pad-l0-xs">
			<div class="img02_thumbbutton1 ">
				<div class="img03_thumbbutton1">
					<img src="images/{{$rec->sImage}}" width="100%">
				</div>
			</div>
			<h3 class="res-fontsize"><a href="{{$story->sURL}}">{{$rec->sTitle}}</a></h3>
			
			<p class="p_txt visible-lg visible-md visible-sm">{{$rec->sDescription}}</p>
			
			<p class="dateTxt visible-lg visible-md visible-sm">{{$rec->created_at}}</p>

			<p class="dateTxt visible-lg visible-md visible-sm">{{$rec->newsSource}}</p>
			 
			</div>
			
		</div>
		</div>
											
		<div class="clearfix"> &nbsp; </div>
	@endforeach
<!--  -->
		
		<div class="clearfix"> &nbsp; </div>
		
		
	</div>
	<!--Tech News end -->
		
		
		
		
	</div>
</div>
        

<footer class="">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<p>&copy; 2018 Indian Sports. All right reserved.</p>
			</div>
		</div>
	</div>
</footer>


       
</div>
@endsection