<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    
    <!--====== Title ======-->
    <title>Babe-Q | Asian Fushion Food</title>
    
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="assets/images/faviconn.png" type="image/png">

    <!--====== Magnific Popup CSS ======-->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">

    <!--====== Slick CSS ======-->
    <link rel="stylesheet" href="assets/css/slick.css">

    <!--====== Line Icons CSS ======-->
    <link rel="stylesheet" href="assets/css/LineIcons.css">

    <!--====== Bootstrap CSS ======-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    
    <!--====== Default CSS ======-->
    <link rel="stylesheet" href="assets/css/default.css">
    
    <!--====== Style CSS ======-->
    <link rel="stylesheet" href="assets/css/style.css">
    
</head>

<body>
    <div class="preloader">
        <div class="loader">
            <div class="ytp-spinner">
                <div class="ytp-spinner-container">
                    <div class="ytp-spinner-rotator">
                        <div class="ytp-spinner-left">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                        <div class="ytp-spinner-right">
                            <div class="ytp-spinner-circle"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section class="navbar-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                     <!--   
                        <a class="navbar-brand" href="#">
                            <img src="assets/images/favicon.svg" alt="Logo">
                        </a> -->
                        
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTwo" aria-controls="navbarTwo" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarTwo">
                            <ul class="navbar-nav m-auto">
                                <li class="nav-item active"><a class="page-scroll" href="#home">home</a></li>
                                <!--                 <li class="nav-item"><a class="page-scroll" href="#services">Services</a></li> -->
                                <li class="nav-item"><a class="page-scroll" href="#portfolio">Menu</a></li>
                              <!--   <li class="nav-item"><a class="page-scroll" href="#pricing">Pricing</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#about">About</a></li> -->
                                <li class="nav-item"><a class="page-scroll" href="#team">Team</a></li>
                                <li class="nav-item"><a class="page-scroll" href="#contact">Contact</a></li>
                            </ul>
                        </div>
                        
                       <!--  <div class="navbar-btn d-none d-sm-inline-block">
                            <ul>
                                <li><a class="solid" href="#">Download</a></li>
                            </ul>
                        </div> -->
                    </nav> <!-- navbar -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </section>

    <!--====== NAVBAR TWO PART ENDS ======-->
    
    <!--====== SLIDER PART START ======-->

    <section id="home" class="slider_area">
        <div id="carouselThree" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#carouselThree" data-slide-to="0" class="active"></li>
                <li data-target="#carouselThree" data-slide-to="1"></li>
                <li data-target="#carouselThree" data-slide-to="2"></li>
            </ol>

            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="slider-content">
                                    <h1 class="title">Babe'Q Restourant</h1>
                                    <p class="text">Discover the flavors of Asian fushion food in Babe'Q</p>
                                    <ul class="slider-btn rounded-buttons">
                                        <li><a class="main-btn rounded-one" href="#"></a></li>
                                        <li><a class="main-btn rounded-two" href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div> <!-- row -->
                    </div> <!-- container -->
                    <div class="slider-image-box d-none d-lg-flex align-items-end">
                        <div class="slider-image">
                            <img src="assets/images/slider/4.png" alt="Hero">
                        </div> <!-- slider-imgae -->
                    </div> <!-- slider-imgae box -->
                </div> <!-- carousel-item -->

               <!--  <div class="carousel-item">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="slider-content">
                                    <h1 class="title">Promo Hari Ini !!</h1>
                                    <p class="text">Spesial Puasa Tarwiyah dan Arafah, Free Taro dan Kimbab tanpa minimal pembelian buat kamu yang menjalankan ibadah puasa. Promo berlaku 29 dan 30 Juli 2020</p>
                                    <ul class="slider-btn rounded-buttons">
                                        <li><a class="main-btn rounded-one" href="#"></a></li>
                                        <li><a class="main-btn rounded-two" href="#"></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div> 
                    <div class="slider-image-box d-none d-lg-flex align-items-end">
                        <div class="slider-image">
                            <img src="assets/images/slider/5.png" alt="Hero">
                        </div> 
                    </div> 
                </div> 
 -->

            </div>

            <a class="carousel-control-prev" href="#carouselThree" role="button" data-slide="prev">
                <i class="lni lni-arrow-left"></i>
            </a>
            <a class="carousel-control-next" href="#carouselThree" role="button" data-slide="next">
                <i class="lni lni-arrow-right"></i>
            </a>
        </div>
    </section>

    <!--====== SLIDER PART ENDS ======-->
    
    <!--====== FEATRES TWO PART START ======-->


    <!--====== FEATRES TWO PART ENDS ======-->
    
    <!--====== PORTFOLIO PART START ======-->

    <section id="portfolio" class="portfolio-area portfolio-four pb-100" style="background-image: url(assets/images/bg.png);">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6 col-md-10">
                    <div class="section-title text-center pb-10">
                        <h3 class="title">Our Precious Menu</h3>
                        <p class="text">Discover the asian fushion food in Babe'q restaurant</p>
                    </div> <!-- section title -->
                </div>
            </div> <!-- row -->
            <div class="row">
                <div class="col-lg-3 col-md-3">
                    <div class="portfolio-menu text-center mt-50">
                        <ul>
                            <li data-filter="*" class="active">ALL MENU</li>
                            <li data-filter=".branding-4">MEAT</li>
                            <li data-filter=".marketing-4">BUDAE JIGAE</li>
                            <li data-filter=".planning-4">SIDE DISH</li>
                            <li data-filter=".research-4">DRINKS</li>
                        </ul>
                    </div> <!-- portfolio menu -->
                </div>
                <div class="col-lg-9 col-md-9">
                    <div class="row no-gutters grid mt-50">
                     <div class="col-lg-4 col-sm-6 branding-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/US.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/US.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 branding-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/sosis.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/sosis.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 branding-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/chicken.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/chicken.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 branding-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/melti.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/melti.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 branding-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/saikoro.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/saikoro.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 branding-4 marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/mixse.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/mixse.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6  marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/bihun.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/bihun.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6  marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/oni.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/oni.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6  marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/veg.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/veg.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6  marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/kwe.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/kwe.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6  marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/kri.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/kri.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6  marketing-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/jamur.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/jamur.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 planning-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/tteok.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/tteok.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>

                    <div class="col-lg-4 col-sm-6 planning-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/kimchi.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/kimchi.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 planning-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/kimbab.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/kimbab.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 planning-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/odeng.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/odeng.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>



                    <div class="col-lg-4 col-sm-6 research-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/9.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/9.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 research-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/10.png" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/10.png"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                     <div class="col-lg-4 col-sm-6 research-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/tea.jpg" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/tea.jpg"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                    <div class="col-lg-4 col-sm-6 research-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/air mineral.jpg" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/air mineral.jpg"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                     <div class="col-lg-4 col-sm-6 research-4">
                        <div class="single-portfolio">
                            <div class="portfolio-image">
                                <img src="assets/images/portfolio/Aneka Cola.jpg" alt="">
                                <div class="portfolio-overlay d-flex align-items-center justify-content-center">
                                    <div class="portfolio-content">
                                        <div class="portfolio-icon">
                                            <a class="image-popup" href="assets/images/portfolio/Aneka Cola.jpg"><i class="lni lni-zoom-in"></i></a>
                                            <img src="assets/images/portfolio/shape.svg" alt="shape" class="shape">
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div> <!-- single portfolio -->
                    </div>
                </div> <!-- row -->
            </div>
        </div> <!-- row -->
    </div> <!-- container -->
</section>

<!--====== PORTFOLIO PART ENDS ======-->

<!--====== PRINICNG START ======-->



<!--====== ABOUT PART ENDS ======-->

<!--====== TESTIMONIAL PART START ======-->



<!--====== TESTIMONIAL PART ENDS ======-->

<!--====== TEAM START ======-->

<section id="team" class="team-area pt-120 pb-130">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-10">
                <div class="section-title text-center pb-30">
                    <h3 class="title">Meet The Team</h3>
                </div> <!-- section title -->
            </div>
        </div> <!-- row -->
        <div class="row">
            <div class="col-lg-12 col-sm-6">
                <div class="team-style-eleven text-center mt-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0s">
                    <div class="team-image">
                        <img src="assets/images/tim.jpg" alt="Team">
                    </div>
                    <div class="team-content">
                        <div class="team-social">

                        </div>
                        <h4 class="team-name"><a href="#">Babe'Q Team</a></h4>

                    </div>
                </div> <!-- single team -->
            </div>
            
        </div> <!-- row -->
    </div> <!-- container -->
</section>

<!--====== TEAM  ENDS ======-->

<!--====== CONTACT PART START ======-->

<section id="contact" class="contact-area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-10">
                <div class="section-title text-center pb-30">
                    <h3 class="title">Contact</h3>
                    <p class="text">Hubungi kami untuk reservasi dan informasi lebih tentang promo-promo yang ada</p>
                </div> <!-- section title -->
            </div>
        </div> <!-- row -->
        <div class="row">
            <div class="col-lg-12">

                <div class="contact-map mt-30">
                    <iframe id="gmap_canvas" src="https://maps.google.com/maps?q=hangiri%20jember&t=&z=13&ie=UTF8&iwloc=&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"></iframe>
                </div> <!-- row -->
            </div>
        </div> <!-- row -->
        <div class="contact-info pt-30">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="single-contact-info contact-color-1 mt-30 d-flex ">
                        <div class="contact-info-icon">
                            <i class="lni lni-map-marker"></i>
                        </div>
                        <div class="contact-info-content media-body">
                            <p class="text"> 

                                Jl. Wijaya Kusuma No.50, Pagah, Jemberlor, Kec. Patrang, Kabupaten Jember, Jawa Timur 68118
                            </p>
                        </div>
                    </div> <!-- single contact info -->
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-contact-info contact-color-2 mt-30 d-flex ">
                        <div class="contact-info-icon">
                            <i class="lni lni-envelope"></i>
                        </div>
                        <div class="contact-info-content media-body">
                            <p class="text">

                                admin@babe-q.com
                            </p>

                        </div>
                    </div> <!-- single contact info -->
                </div>
                <div class="col-lg-4 col-md-6">
                    <div class="single-contact-info contact-color-3 mt-30 d-flex ">
                        <div class="contact-info-icon">
                            <i class="lni lni-phone"></i>
                        </div>
                        <div class="contact-info-content media-body">
                            <p class="text">+62 822 5708 9500
                            </p>

                        </div>
                    </div> <!-- single contact info -->
                </div>
            </div> <!-- row -->
        </div> <!-- contact info -->

    </div> <!-- container -->
</section>

<!--====== CONTACT PART ENDS ======-->

<!--====== FOOTER PART START ======-->

<section class="footer-area footer-dark">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">

                <ul class="social text-center mt-60">
                  <!--   <li><a href="https://facebook.com/uideckHQ"><i class="lni lni-facebook-filled"></i></a></li>
                    <li><a href="https://twitter.com/uideckHQ"><i class="lni lni-twitter-original"></i></a></li> -->
                    <li><a href="https://www.instagram.com/babeq.official/"><i class="lni lni-instagram-original"></i></a></li>
                    
                </ul> <!-- social -->
                <div class="footer-support text-center">
                    <span class="number">

                        0822 5708 9500
                    </span>

                </div>
                <div class="copyright text-center mt-35">
                    <p class="text">Designed by <a href="https://uideck.com" rel="nofollow">UIdeck x Babe'Q</a> and Built-with <a rel="nofollow" href="https://ayroui.com">Ayro UI</a> </p>
                </div> <!--  copyright -->
            </div>
        </div> <!-- row -->
    </div> <!-- container -->
</section>

<!--====== FOOTER PART ENDS ======-->

<!--====== BACK TOP TOP PART START ======-->

<a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>

<!--====== BACK TOP TOP PART ENDS ======-->    

<!--====== PART START ======-->

<!--
    <section class="">
        <div class="container">
            <div class="row">
                <div class="col-lg-">
                    
                </div>
            </div>
        </div>
    </section>
-->

<!--====== PART ENDS ======-->




<!--====== Jquery js ======-->
<script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="assets/js/vendor/modernizr-3.7.1.min.js"></script>

<!--====== Bootstrap js ======-->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>

<!--====== Slick js ======-->
<script src="assets/js/slick.min.js"></script>

<!--====== Magnific Popup js ======-->
<script src="assets/js/jquery.magnific-popup.min.js"></script>

<!--====== Ajax Contact js ======-->
<script src="assets/js/ajax-contact.js"></script>

<!--====== Isotope js ======-->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>

<!--====== Scrolling Nav js ======-->
<script src="assets/js/jquery.easing.min.js"></script>
<script src="assets/js/scrolling-nav.js"></script>

<!--====== Main js ======-->
<script src="assets/js/main.js"></script>

</body>

</html>
