Files
crewsportswear/resources/views/teamstore-sublayouts/stores.blade.php
2019-03-18 13:48:37 +08:00

61 lines
1.9 KiB
PHP

@extends('app')
@section('content')
<style>
a.thumbnail>img {
/* height: 250px; */
}
.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
position: relative;
}
.thumbnail{
border: none;
display: unset;
background-color: transparent;
}
.li-custom{
padding:10px;
}
.store-logo{
/* height: 250px;
width: 250px;
overflow: hidden;
object-fit: contain; */
/* cursor: pointer; */
}
a.thumbnail>img{
height: 150px
}
</style>
<div class="container">
<div class="row">
<h2 class="col-xs-12">Team Stores</h2>
</div><!-- /row -->
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="row" id="slider-thumbs">
<!-- Bottom switcher of slider -->
<ul class="hide-bullets">
@foreach ($stores_array as $store)
<li class="li-custom col-lg-3 col-md-3 col-sm-4 col-xs-12">
<div style="border: 1px solid #dddddd;">
<a class="thumbnail" href="{{ url('teamstore') . '/' . $store->StoreUrl }}">
<img class="store-logo" src="{{asset('public/images/teamstore') . '/' . $store->StoreUrl . '/' . $store->StoreLogo }}">
</a>
<h4 style="border-top: 1px solid #dddddd; padding: 10px;" class="text-center">{{ $store->StoreName }}</h4>
</div>
</li>
@endforeach
</ul>
</div>
</div><!-- /col -->
</div><!-- /row -->
</div><!-- /container -->
@endsection