<!DOCTYPE html>
<html lang="<?php echo e(app()->getLocale()); ?>">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Casa Moderno - About Us</title>

    <link rel="shortcut icon" href="img/casa_favicon.png">

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="css/modern-business.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="css/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

    <!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 down leftspace">
                  <a href="index"><img src="img/contactuspage_logo.png" class="menuimage"></a>
                </div>
                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 aligncenter  down">
                 <a href="#" onclick="openNav()"><img src="img/contactuspage_menu_button.png" class="menu" ></a>
                </div>
            </div>
        </div>
        <h2 class="underline" ><span  class="line-center">About Us</span></h2>
    </nav>

<div id="myNav" class="overlay">
      
      <p>&nbsp;</p>
      <div class="search-bar" style="z-index:6;">
        <input type="text" placeholder="Search" class="searchbar"> 
        <a href="#" style="display: inline-block;"><i class="fa fa-search"></i></a>
        <a href="javascript:void(0)" style="display: inline-block;" onclick="closeNav()">&times;</a>
      </div>
      
      
      <div class="overlay-content">
                    
        <div class="col-sm-6 " style="height: 100%; z-index: 5;">
            <div style="background-color:#167e63; height: 100%; ">
                <div class="" style="display: table; width: 100%; height: 100%;">
                    <div class="text-center setside" style="display: table-cell; vertical-align: middle; max-width: 100vw;">
                        <div class="text-right">
                           <!--  <ul class="an birderfirst wordone nav nav-stacked" style="z-index: 9999; position:relative;">
                                <li>
                                    <div class=" btn-group buttono">
                                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" style="color:white"><b>
                                            SOFA COLLECTION</b>
                                        <i class="icon icon-caret-right"></i>
                                      </a>
                                      <ul class="dropdown-menu" style="background-color:white;">
                                        <li><a href="product_sofa.html" style="color:black"><b>Nordic</b></a></li>
                                        <li><a href="product_sofa.html" style="color:black"><b>Comtemporary</b></a></li>
                                        <li><a href="product_sofa.html" style="color:black"><b>Motion</b></a></li>
                                        <li><a href="product_sofa.html" style="color:black"><b>Dippity Leather</b></a></li>
                                      </ul>
                                </div>
                              </li>
                            </ul>
                           
                            <a class="an wordtwo birderfirst" href="product_dining.html" style="color:white"><b>BEDDING</b></a>
                            <a class="an wordthree birderfirst" href="product_dining.html" style="color:white"><b>DINING</b></a> -->

                            <!-- <ul class="an birderfirst wordone nav nav-stacked" style="z-index: 9999; position:relative;">
                                <li>
                                    <div class=" btn-group buttono">
                                        <a class="btn dropdown-toggle" data-toggle="dropdown" href="#" style="color:#000"><b>
                                            SOFA COLLECTION</b>
                                        <i class="icon icon-caret-right"></i>
                                      </a>
                                      <ul class="dropdown-menu" style="background-color:white;">
                                        <li><a href="#" style="color:black"><b>Nordic Series </b></a></li>
                                        <li><a href="#" style="color:black"><b>Contemporary Series</b></a></li>
                                        <li><a href="#" style="color:black"><b>Luxury Leather Series</b></a></li>
                                      </ul>
                                </div>
                              </li>
                            </ul>
                            <a class="an wordtwo birderfirst" href="#" style="color:#000"><b>BEDDING</b></a>
                            <a class="an wordthree birderfirst" href="#" style="color:#000"><b>DINING</b></a> -->
                                


                            <!-- <a class="an wordfour birderfirst" href="event.html" style="color:white"><b>EVENT</b></a> -->
                            <a class="an wordfive birderfirst" href="about_us" style="color:white"><b>ABOUT US</b></a>
                            <a class="an wordsix birderfirst" href="contact" style="color:white"><b>CONTACT US</b></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-sm-6" style="height: 100%">
            <div class="" style="display: table; width: 100%; height: 100%;">
                <div style="display: table-cell; vertical-align: middle">
                    <img src="img/home_menu_logo.png" class="an first-img img-responsive" style="display: inline; padding: 10px; z-index: 1;">
                    <a href="https://www.facebook.com/casamoderno.my/" class="an first-img" style="display: inline-block;  z-index: 1;"><img src="img/home_socialmedia_button_facebook.png"></a> 
                    <a href="https://www.instagram.com/casamoderno_my/" class="an first-img" style="display: inline-block;  z-index: 1;"><img src="img/home_socialmedia_button_instagram.png"></a>
                </div>
            </div>
        </div>
     </div>
    </div>
    <div class="container contactedit" style="margin-bottom:40px;">
        <div class="row">
            <div class="col-xs-12">
                <img class="img-responsive" src="img/home/01.png" alt="">
                <hr class="style1">
                <center>
                    <p>
                        Casa Moderno is a well-established furniture retailer with over 10 years of experience in furniture retail manufacture sector. We have penetrated the international market and grown an extensive export base over the years. We offers a holistic shopping experience and is a must visit for those who are looking to create and furnish their dream homes.
                    </p>



                    <p>
                        <b>Affordable Pricing, Trendy Design.</b>
                    </p>
                    <p>
                        We believe that a beautiful home with great style can come at great price. At Casa Moderno, we constantly updating our inventory, offering the latest looks in home furniture fashions at great prices. When you shop with us, you can find enough options to furnish your entire home without breaking the bank. 
                    </p>

                    <p>
                        <b>Distinctive Quality, Personal Service.</b>
                    </p>
                    <p>
                        In those 10-plus years, we’ve strived to bring you a completely different shopping experience—one that makes you feel perfectly at home, genuinely enthusiastic, and confident in your purchase. We can custom make furniture for you to suit your style and your personality. We design in-house, make furniture at our own manufacturing facility and deliver to your doorstep. In every action we make, we ensure that you receive the best value and feel good about your shopping experience from beginning to end.
                    </p>

                    <p>
                        Stop by our showrooms today to experience the Casa Moderno difference. You’ll love our amazing prices, vast furniture selection, and our relaxed and intimate store atmosphere. We look forward to serving you!
                    </p>
                </center>
            </div>
        </div>
    </div>

   	<div class="hello4 hide">
        <div class="container-fluid hello2">
            <div class="row halo">
        	   <div class="col-md-6 text-center">
                	<center><img class="img-responsive" src="img/home/page-6-16.png" alt=""></center>  	
        	   </div>
        	   <br>
        	   <br>
                <div class="col-md-6 text-left">
                <hr class="style2">
                        <h3><b>LIM SOOK KUAN</b>
                        	<br>
                            <medium>ceo</medium>
                        </h3>
                <hr class="style3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                </div>
            </div>
        </div>
    </div>
    

    <!-- <div class="hello4" -->
    <div class="container-fluid hide ">
        <div class="row halo">
            <div class="hidden-xs hidden-sm">
            	<div class="col-md-6 text-left" style="padding-left: 100px">
            		<hr class="style2">
                    	<h3><b>MR.CHOW</b>
                            	<br>
                                <medium>ceo</medium>
                            </h3>
                    <hr class="style3">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>    	
            	</div>
        	</div>

            <div class="col-md-6 text-center">
                <center><img class="img-responsive" src="img/home/page-6-17.png" alt=""></center>        
            </div>
            <br>
            <br>

            <div class="visible-xs visible-sm">
            	<div class="col-md-6 text-left">

            		<hr class="style2">
                    	<h3><b>MR.CHOW</b>
                            	<br>
                                <medium>ceo</medium>
                            </h3>
                    <hr class="style3">
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste saepe et quisquam nesciunt maxime.</p>
                    	
            	</div>
        	</div>
        	<br>
        	<br>
        </div>
    </div>
   <!--  </div> -->
    <!--  </div> -->

        <!-- /.row -->

        <!-- Footer -->
        
        <footer>
        <div class="container">
            <div class="row p40">
          
                <div class="col-md-offset-1 col-md-3 col-sm-6 col-xs-12 footer-col mb20">
                    <h6 class="heading7">MENU</h6>
                    <ul class="footer-ul">
                        <li><a href="#"> Chairs</a></li>
                        <li><a href="#"> Sofas & Armchais</a></li>
                        <li><a href="#"> Tables</a></li>
                        <li><a href="#"> Shelves & Storage</a></li>
                        <li><a href="#"> Decor</a></li>
                        <li><a href="#"> All Collections</a></li>
                    </ul>
                </div>

                <div class="col-md-3 col-sm-6 footer-col mb20">
                    <h6 class="heading7">INFORMATION</h6>
                    <ul class="footer-ul">
                        <li><a href="#"> About Us</a></li>
                        <li><a href="#"> Interior Design</a></li>
                        <li><a href="#"> Contact Us</a></li>
                        <li><a href="#"> Delivery & Returns</a></li>
                        <li><a href="#"> Warranty</a></li>
                        <li><a href="#"> Payment Method</a></li>
                        <li><a href="#"> Careers</a></li>
                    </ul>
                </div>


                <div class="col-md-3 col-sm-6 footer-col mb20">
                    <div class="heading7"> Menu</div>
                    <p>We have started as the sales organization which specialized on manufacturing of living and bedroom furniture. Over the past 10 years, we have grown to expand and penetrate into the international market and have remained committed to our mission statement. Innovative marketing concepts, quality products, creative and diversifying buisness plans have always been driven by the complete customer satisfaction in mind. </p>
                    <ul class="footer-social">
                        <li>
                            <a href="https://www.facebook.com/casamoderno.my">
                                <img src="img/home_socialmedia_button_facebook.png" class="img-responsive">
                            </a>
                        </li>
                        <li>
                            <a href="http://imgaddict.com/user/casamoderno_my/3426840538/" target="_blank">
                                <img src="img/home_socialmedia_button_instagram.png" class="img-responsive">
                            </a>
                        </li>
    
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    
    <!-- /.container -->

    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>

    <script type="text/javascript">
        
        function openNav() {
            document.getElementById("myNav").style.width = "100%";

            $('.overlay-content .an').addClass('animated fadeInLeft');
          



        }

        function closeNav() {
            document.getElementById("myNav").style.width = "0%";

            
            $('.overlay-content .an').removeClass('animated fadeInLeft');
            
        }    
    </script>

</body>

</html>
