<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Invoice</title>
    {{ HTML::style("css/bootstrap.css") }}
    <style>
        #header {
          display: table-header-group;
        }

        #main {
          display: table-column-group;
        }

        #footer {
          display: table-footer-group;
        }
    </style>
</head>
<bod>
    <div class="container">
        <header id="header">
            <div class="row">
                <div class="col-xs-12">
                    <h1>Hello World</h1>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ea inventore dignissimos necessitatibus, et neque quis quo velit explicabo dolor deleniti hic, adipisci consequatur harum ad temporibus, consequuntur aperiam delectus ipsum.</p>
                </div>
                <div class="col-xs-6">
                    <ul>
                        <li>jfdsfa</li>
                        <li>Lifsdaf</li>
                    </ul>
                </div>
                <div class="col-xs-6">
                    <ul>
                        <li>jfdsfa</li>
                        <li>Lifsdaf</li>
                    </ul>
                </div>
            </div>
        </header>
        <main id="main">
             <table class="table">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>Name</th>
                                <th>Price</th>
                                <th>Qty</th>
                            </tr>
                        </thead>
                        <tbody>
                        @for($i = 0; $i<=20; $i++)
                            <tr>
                                <td>{{ $i }}</td>
                                <td>Name</td>
                                <td>100</td>
                                <td>12</td>
                            </tr>
                        @endfor
                        </tbody>
                    </table>
        </main>
    <footer id="footer">
        <div class="row">
            <div class="col-xs-6">
                <p class="text-center">
                    Customer's Sign
                </p>
            </div>
            <div class="col-xs-6">
                <p class="text-center">
                    Customer's Sign
                </p>
            </div>
        </div>
    </footer>
    </div>
</body>
</html>