?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-kitchen-interior.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
    <!-- Author -->
    <meta name="author" content="Themes Industry">
    <!-- Description -->
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with ready home page demos.">
    <!-- Page Title -->
    <title>Kitchen-Interior | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="vendor/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <!-- Revolution Slider CSS Files -->
    <link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
    <!-- Plugin Css -->
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <link href="vendor/css/wow.css" rel="stylesheet">
    <link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
    <link href="kitchen-interior/css/line-awesome.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="kitchen-interior/css/style.css" rel="stylesheet">
    <link href="kitchen-interior/css/custom.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".navbar" data-offset="90">

<!-- Start Loader -->
<div class="loader1">
    <div class="loader-inner">
        <div id="preloader">
            <div id="loader"></div>
        </div>
    </div>
</div>
<!-- End Loader -->

<!-- Start Header -->
<header>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <a href="index-kitchen-interior.html" title="Logo" class="logo">
                <!--Logo Default-->
                <img src="kitchen-interior/images/logo-white.png" title="logo" alt="logo" class="logo-default">
            </a>

            <!--Nav Links-->
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link scroll line" href="#slider">Home</a>
                    <a class="nav-link scroll line" href="#about">About Us</a>
                    <a class="nav-link scroll line" href="#portfolio">Kitchen Designs</a>
                    <a class="nav-link scroll line" href="#testimonials">Client Reviews</a>
                    <a class="nav-link scroll line" href="#contact">Contact Us</a>
                </div>
            </div>
        </div>

        <!--Side Menu Button-->
        <div class="navigation-toggle">
            <ul class="slider-social toggle-btn my-0">
                <li>
                    <a href="javascript:void(0);" class="sidemenu_btn" id="sidemenu_toggle">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
    </nav>

    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <a href="index-kitchen-interior.html" title="Logo" class="logo side-logo">
                <!--Logo Default-->
                <img src="kitchen-interior/images/logo-white.png" alt="logo">
            </a>
            <nav class="side-nav w-100">
                <ul class="navbar-nav side-navbar">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#slider">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio">Kitchen Designs</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#testimonials">Client Reviews</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer w-100">
                <ul class="social-icons-simple">
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
                    <li><a class="social-icon" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                </ul>
                <p>&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->

<!-- Start Slider -->
<section class="slider position-relative" id="slider">
    <div class="row">
        <div class="col-12">
            <div id="sync1" class="owl-carousel owl-theme">
                <!-- Item-1 -->
                <div class="item">
                    <img src="kitchen-interior/images/slider-img-1.jpg" alt="Slider-Image">
                </div>
                <!-- Item-2 -->
                <div class="item">
                    <img src="kitchen-interior/images/slider-img-2.jpg" alt="Slider-Image">
                </div>
                <!-- Item-3 -->
                <div class="item">
                    <img src="kitchen-interior/images/slider-img-3.jpg" alt="Slider-Image">
                </div>
                <!-- Item-4 -->
                <div class="item">
                    <img src="kitchen-interior/images/slider-img-4.jpg" alt="Slider-Image">
                </div>
            </div>
        </div>
    </div>
    <div class="slider-icons">
        <ul class="slider-social banner-social">
            <li><a class="" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
            <li><a class="" href="javascript:void(0);"><i class="fab fa-twitter"></i>  </a></li>
            <li><a class="" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
            <li><a class="" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a></li>
        </ul>
    </div>
</section>
<!-- End Slider -->

<!-- Some Services -->
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div id="sync2" class="owl-carousel owl-theme services-slider wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
                <!-- Item-1 -->
                <div class="item">
                    <div class="service-box">
                        <span><i class="fa fa-clipboard"></i></span>
                        <h4 class="my-3">Kitchen Designs</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
                    </div>
                </div>
                <!-- Item-2 -->
                <div class="item">
                    <div class="service-box">
                        <span><i class="fa fa-star"></i></span>
                        <h4 class="my-3">Kitchen Panels</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
                    </div>
                </div>
                <!-- Item-3 -->
                <div class="item">
                    <div class="service-box">
                        <span><i class="fa fa-globe"></i></span>
                        <h4 class="my-3 ">Living Rooms</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
                    </div>
                </div>
                <!-- Item-4 -->
                <div class="item">
                    <div class="service-box">
                        <span><i class="fa fa-chess-rook"></i></span>
                        <h4 class="my-3 ">Dining Rooms</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="service-image">
        <img src="kitchen-interior/images/service.jpg" alt="Service">
    </div>
</div>
<!-- Some Services -->

<!-- Start About -->
<section class="about" id="about">
    <div class="container">
        <!--Heading-->
        <div class="row text-center">
            <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
                <h3 class="heading text-center">We are World’s Leading <span class="d-block"> Kitchen Designers</span></h3>
                <p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
            </div>
        </div>
        <!-- App Detail -->
        <div class="row align-items-center">
            <div class="col-lg-5 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
                <!-- Service-1 -->
                <div class="row app-feature equal-margin">
                    <div class="col-12 col-lg-3 p-lg-0">
                        <h5 class="number">01.</h5>
                    </div>
                    <div class="col-12 col-lg-9 p-lg-0">
                        <h4 class="my-3">Modern Designs</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
                    </div>
                </div>
                <!-- Service-3-->
                <div class="row app-feature equal-margin">
                    <div class="col-12 col-lg-3 p-lg-0">
                        <h5 class="number">03.</h5>
                    </div>
                    <div class="col-12 col-lg-9 p-lg-0">
                        <h4 class="my-3">Affordable Prices</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s"></div>

            <div class="col-lg-5 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
                <!-- Service-2 -->
                <div class="row app-feature equal-margin">
                    <div class="col-12 col-lg-3 p-lg-0">
                        <h5 class="number">02.</h5>
                    </div>
                    <div class="col-12 col-lg-9 p-lg-0">
                        <h4 class="my-3">Quality Work</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
                    </div>
                </div>
                <!-- Service-4 -->
                <div class="row app-feature equal-margin">
                    <div class="col-12 col-lg-3 p-lg-0">
                        <h5 class="number">04.</h5>
                    </div>
                    <div class="col-12 col-lg-9 p-lg-0">
                        <h4 class="my-3">Future Suport</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- Quote Btn -->
        <div class="row text-center">
            <div class="col-12 wow slideInUp" data-wow-duration="1s" data-wow-delay=".5s">
                <div class="quote-btn">
                    <p>Lorem ipsum dolor sit amet</p>
                    <h4>Let us build your kitchen!</h4>
                    <a href="kitchen-interior/standalone.html" class="btn btn-medium btn-rounded btn-green">Learn More</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End About -->

<!-- Start Counters -->
<section id="counters" class="bg-counters">
    <div class="container">
        <div class="row align-items-center text-center">
            <div class="col-lg-4 col-md-4">
                <div class="counters">
                    <h2 class="count">2010</h2>
                    <h4>Since We Started</h4>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 py-5 py-md-0">
                <p class="center-para">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu, lobortis id interdum vitae, interdum eget elit. </p>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 bottom10">
                <div class="counters">
                    <h2 class="count">395</h2>
                    <h4>Kitchens Designed</h4>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Counters -->

<!-- Start Portfolio -->
<section id="portfolio" class="cube-portfolio1 padding-top">
    <div class="container">
        <!--Heading-->
        <div class="row text-center">
            <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
                <span class="sub-heading">Lorem ipsum dolor sit amet,</span>
                <h3 class="heading text-center">We have <span class="text-green js-rotating">designed,created</span> some <span class="d-block"> beautiful Kitchens</span></h3>
                <p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
            </div>
        </div>

        <div class="row wow fadeInUp">
            <div class="col-md-12">
                <!--Portfolio Filters-->
                <div id="js-filters-mosaic-flat" class="cbp-l-filters-button text-center">
                    <div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
                    <span class="text-blue">/</span>
                    <div data-filter=".graphic" class="cbp-filter-item">Wood Panel</div>
                    <span class="text-blue"> / </span>
                    <div data-filter=".web-design" class="cbp-filter-item">Imported Panels</div>
                    <span class="text-blue"> / </span>
                    <div data-filter=".graphic" class="cbp-filter-item">Artistic</div>
                    <span class="text-blue"> / </span>
                    <div data-filter=".marketing" class="cbp-filter-item">Elite Class</div>
                </div>

                <!--Portfolio Items-->
                <div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">

                    <div class="cbp-item web-design graphic">
                        <a href="kitchen-interior/images/portfolio-img-1.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-1.jpg" alt="port-1">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item seo marketing">
                        <a href="kitchen-interior/images/portfolio-img-2.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-2.jpg" alt="port-2">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item seo marketing">
                        <a href="kitchen-interior/images/portfolio-img-3.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-3.jpg" alt="port-4">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item graphic seo marketing">
                        <a href="kitchen-interior/images/portfolio-img-4.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-4.jpg" alt="port-3">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item web-design graphic">
                        <a href="kitchen-interior/images/portfolio-img-5.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-5.jpg" alt="port-5">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item seo marketing graphic ">
                        <a href="kitchen-interior/images/portfolio-img-6.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-6.jpg" alt="port-6">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item web-design seo">
                        <a href="kitchen-interior/images/portfolio-img-7.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-7.jpg" alt="port-7">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="cbp-item web-design graphic">
                        <a href="kitchen-interior/images/portfolio-img-8.jpg" class="cbp-caption cbp-lightbox">
                            <div class="cbp-caption-defaultWrap">
                                <img src="kitchen-interior/images/portfolio-img-8.jpg" alt="port-8">
                            </div>
                            <div class="cbp-caption-activeWrap"></div>
                            <div class="cbp-l-caption-alignCenter center-block">
                                <div class="cbp-l-caption-body">
                                    <div class="plus"></div>
                                    <h5 class="text-white mb-1">View Large</h5>
                                    <p class="text-white">See Our Amazing Work</p>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
<!-- End Portfolio -->

<!-- Start Booking Area -->
<section class="booking-area">
    <!-- Quote Btn -->
    <div class="row text-center">
        <div class="col-12">
            <div class="quote-btn">
                <p>Lorem ipsum dolor sit amet</p>
                <h4>Let us build your kitchen!</h4>
                <a href="#contact" class="scroll btn btn-medium btn-rounded btn-white">Get a Quote</a>
            </div>
        </div>
    </div>
</section>
<!-- End Booking Area -->

<!-- Start Testimonials -->
<section class="our-clients" id="testimonials">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-duration="1.5s">
            <div class="col-12 text-center">
                <div class="heading-area">
                    <span class="sub-heading mb-2">Lorem ipsum dolor sit amet,</span>
                    <h4 class="heading main-font">Clients All Over the <span class="d-block"> World Loves Our Work!</span></h4>
                </div>
            </div>
            <div class="testimonial-owl owl-testimonial owl-carousel owl-theme">
                <!-- Item-1 -->
                <div class="item">
                    <div class="testimonial-box">
                        <div class="quote_box">
                            <i class="fas fa-quote-right quote"></i>
                        </div>
                        <p class="info infot_margin text">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>

                        <div class="testimonial_img">
                            <img src="kitchen-interior/images/testimonial1.png" alt="testimonial picture">
                        </div>
                        <div class="text1">
                            <p class="testimonial_name">David Raleway</p>
                            <p class="info text-red">Businessman</p>
                        </div>
                    </div>
                </div>
                <!-- Item-2 -->
                <div class="item">
                    <div class="testimonial-box">
                        <div class="quote_box">
                            <i class="fas fa-quote-right quote"></i>
                        </div>
                        <p class="text info infot_margin">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>
                        <div class="testimonial_img">
                            <img src="kitchen-interior/images/testimonial2.png" alt="testimonial picture">
                        </div>
                        <div class="text1">
                            <p class="testimonial_name">Kate Marasisa</p>
                            <p class="info text-red">Interior Designer</p>
                        </div>
                    </div>
                </div>
                <!-- Item-3 -->
                <div class="item">
                    <div class="testimonial-box">
                        <div class="quote_box">
                            <i class="fas fa-quote-right quote"></i>
                        </div>
                        <p class="text info infot_margin">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>

                        <div class="testimonial_img">
                            <img src="kitchen-interior/images/testimonial3.png" alt="testimonial picture">
                        </div>
                        <div class="text1">
                            <p class="testimonial_name">Sam Billings</p>
                            <p class="info text-red">Company Owner</p>
                        </div>
                    </div>
                </div>
                <!-- Item-4 -->
                <div class="item">
                    <div class="testimonial-box">
                        <div class="quote_box">
                            <i class="fas fa-quote-right quote"></i>
                        </div>
                        <p class="info infot_margin">Proin sagittis elementum odio, sed blandit sapien mattis sed. Mauris ut scelerisque risus. Donec pretium nulla ullamcorper sem maximus, et vulputate sem malesuada.</p>
                        <div class="testimonial_img">
                            <img src="kitchen-interior/images/testimonial4.png" alt="testimonial picture">
                        </div>
                        <div class="text1">
                            <p class="testimonial_name">Daniel Bryan</p>
                            <p class="info text-red">Designer</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Testimonials -->

<!-- Start Client -->
<section class="bg-light-black" id="client">
    <h2 class="d-none">hidden</h2>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <!--Client Slider-->
                <div class="owl-carousel partners-slider">
                    <!--Item-->
                    <div class="logo-item"><img alt="client-logo" src="kitchen-interior/images/client-1.png"></div>
                    <!--Item-->
                    <div class="logo-item"><img alt="client-logo" src="kitchen-interior/images/client-2.png"></div>
                    <!--Item-->
                    <div class="logo-item"><img alt="client-logo" src="kitchen-interior/images/client-3.png"></div>
                    <!--Item-->
                    <div class="logo-item"><img alt="client-logo" src="kitchen-interior/images/client-4.png"></div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Client End -->

<!-- Start Map -->
<div class="p-0 bg-light-black map-area">
    <div class="container">
        <!--Map Initialize-->
        <div class="full-map" id="map"></div>
    </div>
</div>
<!-- End Map -->

<!-- Start Contact -->
<section class="contact-sec" id="contact">
    <div class="container">
        <div class="row align-items-top">
            <div class="col-lg-5 order-lg-2 wow fadeInRight">
                <div class="contact-details heading-area">
                    <div class="contact-dots" data-dots=""></div>
                    <h4 class="heading main-font">Head Office</h4>
                    <p class="text alt-font">There are many variations of passages of Lorem Ipsum available, but the majority have suffered .</p>
                    <ul>
                        <li><i aria-hidden="true" class="las la-map-marker"></i> 123 Park Avenue, New York, United States </li>
                        <li><i aria-hidden="true" class="las la-phone"></i>
                            <span>+1 631 1234 5678</span>
                            <span>+1 631 1234 5678</span>
                        </li>
                        <li><i aria-hidden="true" class="las la-paper-plane"></i>email@website.com</li>
                    </ul>
                </div>
            </div>

            <div class="col-lg-7 mt-4 pt-3 mt-lg-0 pt-lg-0 wow fadeInLeft">
                <!--Heading-->
                <div class="heading-area pb-2">
                    <h2 class="heading">Let’s Get In Touch</h2>
                </div>
                <!--Contact Form-->
                <form class="contact-form" id="contact-form-data">
                    <div class="row">
                        <!--Result-->
                        <div class="col-12" id="result"></div>
                        <!--Left Column-->
                        <div class="col-md-5">
                            <div class="form-group">
                                <input class="form-control" id="your_name" name="userName" placeholder="Your Name" type="text">
                            </div>
                            <div class="form-group">
                                <input class="form-control" id="your_email" name="userEmail" placeholder="Email Address" type="email">
                            </div>
                            <div class="form-group">
                                <input class="form-control" id="subject" name="userSubject" placeholder="Subject" type="text">
                            </div>
                        </div>
                        <!--Right Column-->
                        <div class="col-md-7">
                            <div class="form-group">
                                <textarea class="form-control" id="message" name="userMessage" placeholder="Your Message"></textarea>
                            </div>
                        </div>
                        <!--Button-->
                        <div class="col-md-12">
                            <a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-green w-100 contact_btn main-font mt-4">Send Message</a>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<div class="contact-dots" data-dots=""></div>
<!--Contact End-->

<!-- Start Footer -->
<footer class="footer-style-1 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-md-6">
                <div class="footer-social">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-twitter"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-google-plus-g"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-linkedin-in"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-instagram"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-pinterest-p"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-md-6 text-md-right">
                <p class="company-about fadeIn pr-0 pr-md-1">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!-- End Footer -->

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/morphext.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- Map JS -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="kitchen-interior/js/map.js"></script>

<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="kitchen-interior/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019