<!DOCTYPE html>
<html lang="en">
<head>
    <title>404 - Flooring VN</title>
    <!-- Document Meta
    ============================================= -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--IE Compatibility Meta-->
    <meta name="author" content="hieu.ho" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <link rel="apple-touch-icon" sizes="180x180" href="/yellowHats/images/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/yellowHats/images/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/yellowHats/images/favicon/favicon-16x16.png">
    <link rel="manifest" href="/yellowHats/images/favicon/site.webmanifest">

    <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700%7CRaleway:100,200,300,400,500,600,700,800%7CDroid+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>

    <link rel="stylesheet" type="text/css" href="/yellowHats/css/external.css?v=null">
    <link rel="stylesheet" type="text/css" href="/yellowHats/css/bootstrap.min.css?v=null">
    <link rel="stylesheet" type="text/css" href="/yellowHats/css/style.css?v=null">
    <link rel="stylesheet" type="text/css" href="/yellowHats/css/custom.css?v=null">
    

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
    <!--[if lt IE 9]>
    <script src="/yellowHats/js/html5shiv.js?v=null"></script>
    <script src="/yellowHats/js/respond.min.js?v=null"></script>
    <![endif]-->


    <!-- Google Tag Manager -->
    
    <!-- End Google Tag Manager -->
</head>

<body>
    <!-- Google Tag Manager (noscript) -->
    
    <!-- End Google Tag Manager (noscript) -->
    <div class="preloader">
        <div class="spinner">
            <div class="bounce1">
            </div>
            <div class="bounce2">
            </div>
            <div class="bounce3">
            </div>
        </div>
    </div>

    
    <header id="navbar-spy" class="full-header header-8">
        <nav id="primary-menu" class="navbar navbar-fixed-top style-1">
            <div id="top-bar" class="top-bar">
                <div class="container">
                    <div class="row outer">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="top-bar-inner">
                                <div class="row">
                                    <div class="col-xs-12 col-sm-12 col-md-4">
                                        <div class="navbar-header">
                                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                                                <span class="sr-only">Toggle navigation</span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                                <span class="icon-bar"></span>
                                            </button>
                                            <a class="logo" href="/">
                                                <img class="img-responsive max-w-250px mt-30 mt-md-20" src="/views/logo/logo-flooringvn.png" alt="Flooring VN">
                                            </a>
                                        </div>
                                    </div>
                                    <!-- .col-md-6 end -->
                                    <div class="col-xs-12 col-sm-6 col-md-8 top-bar-contact hidden-xs hidden-sm">
                                        <ul class="list-inline pull-right">
                                            <li class="col-md-6 widget">
                                                <a href="mailto:flooringvn@gmail.com">
                                                    <div class="widget-contact-icon pull-left">
                                                        <i class="lnr lnr-envelope"></i>
                                                    </div>
                                                    <div class="widget-contact-info">
                                                        <p>Email liên hệ</p>
                                                        <p class="font-heading"><a href="mailto:flooringvn@gmail.com">flooringvn@gmail.com</a></p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li class="col-md-6 widget">
                                                <a href="tel:033 2949901">
                                                    <div class="widget-contact-icon pull-left">
                                                        <i class="lnr lnr-phone"></i>
                                                    </div>
                                                    <div class="widget-contact-info">
                                                        <p class="text-capitalize">Hotline</p>
                                                        <p class="text-capitalize font-heading"><a href="tel:033 2949901">033 2949901</a></p>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="container outer-2">
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-left">
                            <li class="active">
                                <a href="/">Trang chủ</a>
                            </li>
                            <li class="has-dropdown">
                                <a href="/san-pham" onclick="navigateToProducts();" data-toggle="dropdown" class="dropdown-toggle">Sản phẩm</a>
                                <ul class="dropdown-menu">
                                    
                                </ul>
                            </li>
                            <li>
                                <a href="/tin-tuc">Tin tức</a>
                            </li>
                            <li class="has-dropdown">
                                <a href="#" data-toggle="dropdown" class="dropdown-toggle">Chính sách</a>
                                <ul class="dropdown-menu">
                                    
                                </ul>
                            </li>
                            <li>
                                <a href="/lien-he">Liên hệ</a>
                            </li>


                            <!--<li class="nav-links__item"><a href="/"><span>TRANG CHỦ</span></a></li>-->
                            <!--<li class="nav-links__item nav-links__item&#45;&#45;with-submenu">-->
                                <!--<a href="/san-pham"><span>SẢN PHẨM<svg class="nav-links__arrow" width="9px" height="6px"><use xlink:href="/images/sprite.svg#arrow-rounded-down-9x6"></use></svg></span></a>-->
                                <!--<div class="nav-links__menu">-->
                                    <!--<ul class="menu menu&#45;&#45;layout&#45;&#45;classic">-->
                                        <!--<th:block th:each="item : ${productCategories}">-->
                                            <!--<li><a th:href="@{|/san-pham/${item.url}|}" th:text="${item.title}">-->
                                                <!--<svg class="menu__arrow" width="6px" height="9px"><use xlink:href="/images/sprite.svg#arrow-rounded-right-6x9"></use></svg></a>-->
                                                <!--<div class="menu__submenu" th:unless="${#lists.isEmpty(item.subCategories)}">-->
                                                    <!--<ul class="menu menu&#45;&#45;layout&#45;&#45;classic">-->
                                                        <!--<th:block th:each="subItem : ${item.subCategories}">-->
                                                            <!--<li><a th:href="@{|/san-pham/${item.url}/${subItem.url}|}" th:text="${subItem.title}"></a></li>-->
                                                        <!--</th:block>-->
                                                    <!--</ul>-->
                                                <!--</div>-->
                                            <!--</li>-->
                                        <!--</th:block>-->
                                    <!--</ul>-->
                                <!--</div>-->
                            <!--</li>-->
                            <!--<li class="nav-links__item nav-links__item&#45;&#45;with-submenu">-->
                                <!--<a><span>CHÍNH SÁCH<svg class="nav-links__arrow" width="9px" height="6px"><use xlink:href="/images/sprite.svg#arrow-rounded-down-9x6"></use></svg></span></a>-->
                                <!--<div class="nav-links__menu">-->
                                    <!--<ul class="menu menu&#45;&#45;layout&#45;&#45;classic">-->
                                        <!--<th:block th:each="item : ${pages}">-->
                                            <!--<li><a th:href="@{|/trang/${item.url}|}" th:text="${item.title}"></a></li>-->
                                        <!--</th:block>-->
                                    <!--</ul>-->
                                <!--</div>-->
                            <!--</li>-->
                            <!--<li class="nav-links__item"><a href="/tin-tuc"><span>TIN TỨC</span></a></li>-->
                            <!--<li class="nav-links__item"><a href="/lien-he"><span>LIÊN HỆ</span></a></li>-->
                        </ul>
                        <div class="pull-right module-right">
                            <div class="module module-search">
                                <div class="search-icon">
                                    <i class="fa fa-search"></i>
                                    <span class="title">Tìm</span>
                                </div>
                                <div class="search-box">
                                    <form class="search-form" action="/tim-kiem">
                                        <div class="input-group">
                                            <input type="text" name="key" class="form-control" placeholder="Nhập thông tin tìm kiếm">
                                            <span class="input-group-btn">
                                                <button class="btn" type="submit"><i class="fa fa-search"></i></button>
                                            </span>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </header>




    
            <div class="container">
                <div class="row my-5">
                    <div class="col-md-12 my-5">
                        <div class="text-center">
                            <h1 style="font-size: 4rem;">404</h1>
                            <h4 class="text-warning mb-3">Rất tiếc! Trang bạn truy cập không tồn tại!</h4>
                            <a href="/" class="btn btn-primary"><i class="fa fa-home"></i> Về trang chủ</a>
                        </div>
                    </div>
                </div>
            </div>
        

    
    <footer id="footer" class="footer-1">
        <div class="container-fluid bg-dark footer-widgtes">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12">
                    <div class="widgets-contact">
                        <div class="row">
                            <div class="col-xs-12 col-sm-12 col-md-4 widget">
                                <div class="widget-contact-icon pull-left">
                                    <i class="lnr lnr-apartment"></i>
                                </div>
                                <div class="widget-contact-info">
                                    <!--<p class="text-capitalize text-white"></p>-->
                                    <img class="img-responsive max-w-250px mt--14" src="/views/logo/logo-flooringvn.png" alt="Flooring VN">
                                    <!--<h3 class="text-capitalize font-heading mt-5px"><a href="/" th:text="${company.title}"></a></h3>-->
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 widget">
                                <div class="widget-contact-icon pull-left">
                                    <i class="lnr lnr-envelope"></i>
                                </div>
                                <div class="widget-contact-info">
                                    <p class="text-capitalize text-white">Email liên hệ</p>
                                    <p class="text-capitalize font-heading"><a href="mailto:flooringvn@gmail.com">flooringvn@gmail.com</a></p>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-12 col-md-4 widget">
                                <div class="widget-contact-icon pull-left">
                                    <i class="lnr lnr-phone"></i>
                                </div>
                                <div class="widget-contact-info">
                                    <p class="text-capitalize text-white">Hotline</p>
                                    <p class="text-capitalize font-heading"><a href="tel:033 2949901">033 2949901</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-12 copyrights text-center">
                    <p class="text-capitalize">Copyright 2020 © <a href="/">Flooring VN</a>.</p>
                </div>
            </div>
        </div>
    </footer>


    <script src="/yellowHats/js/jquery-2.1.1.min.js?v=null"></script>
    <script src="/common/js/mobile-detect.js?v=null"></script>
    <script src="/yellowHats/js/headerMenu.js?v=null"></script>
    <script src="/yellowHats/js/plugins.js?v=1.0.0"></script>
    <script src="/yellowHats/js/functions.js?v=1.2.0"></script>
    <script src="/common/js/js.cookie.js?v=null"></script>

    <script src="/yellowHats/js/jquery.validate.js?v=null"></script>
    <script src="/yellowHats/js/jquery.validate.messages_vi.js?v=null"></script>
    
    
</body>
</html>