@extends('layouts/home/app')

@section('title')
{{trans('common.title_index')}}
@endsection
<style>

.subNav {
    border-top: solid 1px #edeeef;
    margin-top: -1px;
    line-height: 48px;
    cursor: pointer;
    font-size: 14px;
    color: #666666;
    background: url(/images/home/jiantou1.png) no-repeat;
    background-position: 0% 50%;
    text-indent: 22px;
}
.currentDt {
    background-image: url(/images/home/jiantou.png);
    line-height: 48px;
}

.currentDd {
    color: #333;
}
.navContent {
    display: none;
    border-top: solid 1px #edeeef;
    padding: 12px 0px;
}

ul li {
    list-style: none;
}
* {
    margin: 0px;
    padding: 0px;
}
user agent stylesheetli {
    display: list-item;
    text-align: -webkit-match-parent;
}

.navContent li a {
    display: block;
    width: 162px;
    font-size: 12px;
    line-height: 30px;
    color: #666;
    background: url(/images/home/tb.jpg) 8px 50% no-repeat;
    text-indent: 22px;
}

a.font1 {
    color: #e4393c;
    text-decoration: underline;
}
</style>
@section('content')
<div id='art-main'>
<div class='container'>
<div id='main' style=''>
 
<div id='com-left' >
	  <h2 class='title'>{{$articles['title']}}</h2>
	{!!$articles['content'] !!}	  
</div>

<div id='com-right'>
	<h3>Related Links</h3>
	<ul>
	@foreach($related as $k=>$v)
	<li><a href='{{$v['id']}}'>{{$v['title']}}</a></li>
	@endforeach
	
	
	</ul>
</div>
  
</div>
</div>
</div>


<script>
$('#left li img').mouseover(function(){
	$(this).attr('src','/images/home/after.jpg');
	//$(this).siblings().attr('src','/images/home/before.jpg')
});

$('#left li img').mouseout(function(){
	$(this).attr('src','/images/home/before.jpg')
})

//$('#com-left').find('img').css('width','100%')
//$('#com-left').find('img').css('height','300px')
</script>
@endsection