@extends('layouts.main')

@section('pagetitle')
<title>Home | brands-and-more</title>
@overwrite

@section('content')

	<div class="row" style="max-width: 100%">
		<div class="col-md-12">
			<div class="graduate c_crimson fs300 centered">
				BRANDS&#9733;AND&#9733;MORE
			</div>
			<div class="yellowtail c_crimson fs200 centered">
				"Here's my card..."
			</div>
		</div>
	</div>
	<hr>
	<div class="row" style="max-width: 100%">
		<div class="col-md-12">
			<div class="col-centered" style="max-width: 420px">
				<div class="input-group">
					<input type="text" class="form-control  input-lg" placeholder="Search...">
      <span class="input-group-btn ">
        <button class="btn btn-default input-lg" type="button"><span class="glyphicon glyphicon-search"></span></button>
      </span>
    </div>
			</div>
		</div>
	</div>
	<hr>

	<div class="row centered" style="max-width: 100%">
		<div class="col-md-12">
			<img src="img/cards/1_1_1.jpg" class="carditem opq8">
			<img src="img/cards/2_2_2.jpg" class="carditem opq8">
			<img src="img/cards/3_3_3.jpg" class="carditem opq8">
			<img src="img/cards/6_6_6.jpg" class="carditem opq8">
			<img src="img/cards/5_5_5.jpg" class="carditem opq8">
			<img src="img/cards/6_6_6.jpg" class="carditem opq8">
			<img src="img/cards/2_2_2.jpg" class="carditem opq8">
			<img src="img/cards/4_4_4.jpg" class="carditem opq8">
			<img src="img/cards/1_1_1.jpg" class="carditem opq8">
			<img src="img/cards/5_5_5.jpg" class="carditem opq8">
			<img src="img/cards/6_6_6.jpg" class="carditem opq8">
			<img src="img/cards/3_3_3.jpg" class="carditem opq8">
		</div>
	</div>
@overwrite