<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Foody</title>
    <link href="{{asset('css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('ionicons/css/ionicons.min.css')}}"rel="stylesheet">
    <!-- <link rel="icon" href="img/fav.png" type="image/x-icon"> -->
    <link href="{{asset('css/style.css')}}" rel="stylesheet">
    <script src="js/modernizr.js"></script>
    <link rel="short icon" href="https://www.freeiconspng.com/uploads/fast-food-free-food-icons-28.png">

</head>

<body>

    <!-- Preloader -->
    <div id="preloader">
        <div class="pre-container">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
    <!-- end Preloader -->

    <div class="container-fluid">
        <!-- box-header -->
        <header class="box-header">
            <div class="box-logo">
                <a href="/"><img src="{{asset('img/logo.png')}}" width="80" alt="Logo"></a>
            </div>
            <!-- box-nav -->
            <a class="box-primary-nav-trigger" href="#0">
                <span class="box-menu-text">Menu</span><span class="box-menu-icon"></span>
            </a>
            <!-- box-primary-nav-trigger -->
        </header>
        <!-- end box-header -->

        <!-- nav -->
        <nav>
            <ul class="box-primary-nav">
                <li class="box-label">Foody</li>
                <li><a href="/">Home</a></i></li>
                <li><a href="/ask/create">Question?</a></li>
                <li><a href="/foodys">What would you like to eat?</a></li>
                <li><a href="/product/create">Post</a> </li>
            </ul>
        </nav>
        <!-- end nav -->

    </div>

    <!-- top bar -->
    <div class="top-bar">
        <h1>Foody</h1>
        <p>เปิดโลกความอร่อย </p>
    </div>
    <!-- end top bar -->
    <div class="container main-container">
      @yield('content')
      
    </div>


    <footer>
        <div class="container-fluid">
            <p class="copyright">©mookapok 1999</p>
        </div>
    </footer>
    <a href="" class="cd-top"><i class="ion-android-arrow-up"></i></a>

    <script src="{{asset('js/jquery-2.1.1.js')}}"></script>
    <script src="{{asset('js/bootstrap.min.js')}}"></script>
    <script src="{{asset('js/menu.js')}}"></script>
    <script src="{{asset('js/animated-headline.js')}}"></script>
    <script src="{{asset('js/isotope.pkgd.min.js')}}"></script>
    <script src="{{asset('js/custom.js')}}"></script>


</body>
</html>
