Card + Products

resources/views/web/templates/checkout-final.blade.php

@@ -0,0 +1,119 @@
+@extends('web.layouts.layout')
+
+@section('content')
+
+    <section class="page-header page-header-xlg parallax parallax-3"
+             style="background-image:url('/assets/images/vision-min.jpg')">
+        <div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>
+
+        <div class="container">
+        </div>
+    </section>
+    <!-- /PAGE HEADER -->
+
+    <style>
+        div.shop-item {
+            margin-bottom:30px;
+            border: 1px solid #ddd;
+        }
+        div.shop-item > .thumbnail, .thumbnail {
+            border: none;
+        }
+        div.shop-item-summary {
+            padding: 8px;
+        }
+        div.shop-item-summary h2 a {
+            color: #9aa983;
+            font-size: 1.2em;
+            margin: 0 0 10px 0;
+        }
+        div.shop-item-buttons {
+            padding: 0 8px 10px 8px;
+        }
+        div.shop-item-buttons .btn-xs{
+            padding: 4px;
+        }
+        .cartContent a.remove_item {
+            background: transparent;
+        }
+        .cartContent .product_name {
+            font-size: 1.15em;
+        }
+        .cartContent .product_name > small {
+            line-height: 20px;
+        }
+        @media only screen and (max-width: 1200px) {
+            .cartContent .product_name {
+                padding-bottom: 0;
+                min-height: 60px;
+                width: 60%;
+            }
+            .cartContent .remove_item {
+                clear: right;
+            }
+            .cartContent .total_price {
+                width: auto;
+                padding-top: 30px;
+                clear: right;
+            }
+            .cartContent .item .qty {
+                float: left;
+                text-align: left;
+            }
+            .cartContent .item.head {
+                display: none;
+            }
+
+        }
+        @media only screen and (min-width: 768px) {
+
+            .cartContent .total_price {
+                padding-top: 10px;
+            }
+        }
+        @media only screen and (min-width: 992px) {
+            .cartContent .total_price {
+                padding-top: 30px;
+            }
+        }
+        @media only screen and (min-width: 1200px) {
+            .cartContent .total_price {
+                padding-top: 10px;
+            }
+        }
+
+    </style>
+    <!-- -->
+
+    <!-- -->
+    <section>
+        <div class="container">
+
+            <!-- CHECKOUT FINAL MESSAGE -->
+            <div class="panel panel-default">
+                <div class="panel-body">
+                    <h3>Thank you, John Doe.</h3>
+
+                    <p>
+                        Your order has been placed. In a few moments you will receive an order confirmation email from us.<br />
+                        If you like, you can explore more <a href="{{ url('produkte') }}"> products</a>.
+                    </p>
+
+                    <hr />
+
+                    <p>
+                        Thank you very much for choosing us,<br />
+                        <strong> Inc.</strong>
+                    </p>
+                </div>
+            </div>
+            <!-- /CHECKOUT FINAL MESSAGE -->
+
+        </div>
+    </section>
+    <!-- / -->
+
+
+
+
+@endsection