@extends('includes.master')
<style>
.fotteroptionimg3{border-bottom: 1px solid #b49850;padding-bottom: 2px;}
#content-block {
    position: relative;
    overflow: hidden;
    min-height: 730px;
}
</style>
@section('content')

<div class="backgroundheader">
    <div class="control"> 
			<a href="{{url('/cart')}}"><img src="{{url('/assets/images/img/icon/mycart.png')}}" class="hom" ></a>			
            <h1 class="signinnh1">اقسام المنتجات</h1>

    </div>
    <section>
    <form id="searchform" style="background-color: #fff;width: 93%;margin-top: 5%;margin-left: 3%;border-radius: 10px;margin-bottom: -51px;box-shadow: 1px 0px 4px #00000045;">

        <div class="search-field">
            <input type="text" id="searchdata" value="" style="text-align: right;" placeholder="... أكتب ما تبحث عنه" />
        </div>
        <button style="height: 38px;padding-left: 16px;margin-left: -1px;" type="button" id="searchbtn" class="search-button">
            <i class="fa fa-search"></i>

        </button>
    </form>
    </section>
    <div class="category" style="margin-top: 80px;">
            <a href="{{url('/category/1')}}" style="width: 97%;"><img style="width: 45%;float: right;" src="{{url('/assets/images/img/category/1.png')}}" class="cate"></a>		
            <a href="{{url('/category/5')}}" style="width: 97%;"><img style="width: 45%;float: left;margin-top: -44.5%;margin-left: 3%;" src="{{url('/assets/images/img/category/2.png')}}" class="cate"></a>		
    </div>
    <div class="category" style="margin-top: 5px;">
            <a href="{{url('/category/5')}}" style="width: 97%;"><img style="width: 45%;float: right;" src="{{url('/assets/images/img/category/3.png')}}" class="cate"></a>		
            <a href="{{url('/category/5')}}" style="width: 97%;"><img style="width: 45%;float: left;margin-top: -44.5%;margin-left: 3%;" src="{{url('/assets/images/img/category/4.png')}}" class="cate"></a>		
    </div>
    <div class="category" style="margin-top: 5px;">
            <a href="{{url('/category/5')}}" style="width: 97%;"><img style="width: 45%;float: right;" src="{{url('/assets/images/img/category/3.png')}}" class="cate"></a>		
            <a href="{{url('/category/5')}}" style="width: 97%;"><img style="width: 45%;float: left;margin-top: -44.5%;margin-left: 3%;" src="{{url('/assets/images/img/category/4.png')}}" class="cate"></a>		
    </div>
    @stop