@extends('layouts.frontend.app')

@section('content')

<style>
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
.table {
	background-color: #FFF;
	font-family: 'Roboto', sans-serif;
}
.link-hover1 {
	background-color: #1b83af;
	transition: all 0.3s ease;
}
.link-hover1:hover {
	background-color: #088604;
	text-decoration: none;
}
.link-hover2 {
	background-color: #088604;
	transition: all 0.3s ease;
}
.link-hover2:hover {
	background-color: #1b83af;
	text-decoration: none;
}
.link-hover3 {
	background-color: #1b83af;
	transition: all 0.3s ease;
}
.link-hover3:hover {
	background-color: #088604;
	text-decoration: none;
}
</style>




<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->

<link rel="stylesheet" href="https://cdn.lineicons.com/2.0/LineIcons.css">
<div class="container">
  <div class="row">
    <div class="col-12 mb-5">
        <h4 class="mt-5 text-center">Your Shopping Cart is empty</h4>
         <p class="text-center"> Don't miss out on great artical! <a href="/register">Create Account</a> or <a href="/login">Login </a> to view artical added. </p>
      <div class="table-responsive">

      </div>
    </div>
  </div>
</div>


@endsection