@extends('layouts.web.master', ['bodyCss'=>'', 'title'=>'Bioderma'])

	@section('styles')
		<style type="text/css">
			
			html {
			  position: relative;
			  min-height: 100%;
			}
			body {
			  margin-bottom: 60px; /* Margin bottom by footer height */
			}
			.footer {
			  position: absolute;
			  bottom: 0;
			  width: 100%;
			  height: 60px; /* Set the fixed height of the footer here */
			  line-height: 60px; /* Vertically center the text there */
			  background-color: #f5f5f5;
			}

			.container {
			  width: auto;
			  max-width: 680px;
			  padding: 0 15px;
			}

			.container > img{
				margin-left: -8px;
			}

			.img-logo{
				padding: 10px 0px 0px 10px;
			}
		</style>
	@endsection

	@section('scripts')

	@endsection

	@section('content')

		<!-- Begin page content -->
	    <main role="main" class="container">
	      <img class="img-logo" height="50" src="{{ asset('images/logo-bioderma-03.png') }}" alt="logo">
	      <h1 class="mt-5"><strong>B</strong>ioderma</h1>
	      <p class="lead">Administración y gestión de catalogo (app).</p>
	      <p><a href="{{ route('web-login') }}">Log in</a></p>
	    </main>

	    <footer class="footer">
	      <div class="container">
	        <span class="text-muted">
	        	<span>Copyright © 2019 <a class="text-green" href="https://www.bioderma.ec" target="_blank">Bioderma</a>. All rights reserved.</span>
	        </span>
	      </div>
	    </footer>

	@endsection