    <!DOCTYPE html>
<html lang="en">
    <head>



        <!-- Mobile Specific Meta -->
        <META http-equiv="Content-Language" content="tr">
        <META http-equiv=Content-Type content="text/html; charset=windows-1254">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- Always force latest IE rendering engine or request Chrome Frame -->
        <!--[if IE]>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <![endif]-->
        <!-- Meta Description -->
        <meta name="description" content="">
        <!-- Meta Keyword -->
        <meta name="keywords" content="">
        <!-- meta character set -->
        <meta charset="utf-8">

        <!-- Site Title -->
        <title>Nesilteks Tekstil</title>
        
		<link rel="shortcut icon" type="image/x-icon" href="img/icons/favicon.png">
		
        <!--
        Google Fonts
        ============================================= -->

        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,700italic,300italic">
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900">
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Oswald:400,300,700">
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Arvo:400,700">
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Dosis:800,700">
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Great+Vibes">
        
		
        <!--
        CSS
        ============================================= -->
        <link type="text/css" rel="stylesheet" href="css/font-awesome.min.css">
        <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="css/jquery.bxslider.css">
        <link type="text/css" rel="stylesheet" href="js/vendor/owl.carousel.css">
        <link type="text/css" rel="stylesheet" href="css/magnific-popup.css">
        <link type="text/css" rel="stylesheet" href="css/lightbox.css">
        <link type="text/css" rel="stylesheet" href="css/icomoon.css">
        <link type="text/css" rel="stylesheet" href="css/flaticon.css">
        <link type="text/css" rel="stylesheet" href="css/supersized.css">
        <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.css">
        <link type="text/css" rel="stylesheet" href="css/jquery-ui.min.css">
        <link type="text/css" rel="stylesheet" href="css/animate.css">
        <link type="text/css" rel="stylesheet" href="css/multiscroll.css">
        <link type="text/css" rel="stylesheet" href="css/selectize.default.css">
        <link type="text/css" rel="stylesheet" href="css/jquery.fullPage.css">
        <link type="text/css" rel="stylesheet" href="css/bbpress.css">
        <link type="text/css" rel="stylesheet" href="css/jquery.timepicker.css">
        <link type="text/css" rel="stylesheet" href="css/bbp-theme.css">
        <link type="text/css" rel="stylesheet" href="css/buddypress.css">
        <link type="text/css" rel="stylesheet" href="css/buddypress-theme.css">
        <link type="text/css" rel="stylesheet" href="syntax-highlighter/scripts/prettify.min.css">
        <!-- Shortcodes main stylesheet -->
        <link type="text/css" rel="stylesheet" href="shortcodes/css/prettyPhoto.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/eislideshow.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/nivo-slider.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/liteaccordion.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/flexslider.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/iconmoon.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/slicebox.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/camera.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/main.css">
        <link type="text/css" rel="stylesheet" href="shortcodes/css/media-queries.css">
        <!-- Main Stylesheet -->
        <link type="text/css" rel="stylesheet" href="css/main.css">
        <!-- CSS media queries -->
        <link type="text/css" rel="stylesheet" href="css/media-queries.css">
        <!-- <link id="themeColorChangeLink" type="text/css" rel="stylesheet" href="css/colors/c0.css"> -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>
    <!-- class="boxed-mode" -->
    <body id="start">        
        <!-- Preloader one -->
        <!-- <div id="preloader">
            <div class="loader-spinner"></div>
        </div> -->
        
        <!-- Preloader Two -->
        <div id="preloader">
            <div class="spinner">
                <div class="rect1"></div>
                <div class="rect2"></div>
                <div class="rect3"></div>
                <div class="rect4"></div>
                <div class="rect5"></div>
            </div>
        </div>
        <!-- 
        Fixed Navigation
        ==================================== -->
        <header id="head" class="navbar-default navbar-fixed-top slidedown-nav">
            <div class="container">
                <div class="mega-menu-wrapper border clearfix">
                    <div class="navbar-header">
                        <!-- responsive nav button -->
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <!-- /responsive nav button -->
                        
                        <!-- logo -->
                        <a class="navbar-brand" href="#start">
                            <img src="img/icons/nesilteks-logo-bos-kk.png" alt="Nesilteks">
                        </a>
                        <!-- /logo -->
                    </div>

                    <!-- main nav -->
                    <nav class="collapse navbar-collapse navbar-right">
                        <ul class="nav navbar-nav">
                            
                            <li class="current"><a href="#start">AnaSayfa</a></li>
                            <li><a href="#about">Hakkımızda</a></li>
                            <li><a href="#portfolio">Ürünlerimiz</a></li>
                            <li><a href="#contact">İletişim</a></li>
                            <li><a href="#">English</a></li>

                            
                        </ul>
                    </nav>
                    <!-- /main nav -->
                </div>                
            </div>
        </header>
        <!--
        End Fixed Navigation
        ==================================== -->

        <!--
        Home Banner
        ==================================== -->
        <div class="slider-wrapper education fullscreen">
            <div class="init-slider1 control-one clb slide-overlay">
                
                <div class="item" style="background-image: url(img/slider-1.jpg)">
                    <div class="container">
                        <div class="slide-item fullscreen wow fadeIn" data-wow-duration="0.6s">
                            <div class="slide-item-inner white">
                                <h2>Nesilteks Tekstil</h2>
                                <p>1988'den beri güven ve kalite</p>
                                <div>
                                    <span class="bsns-btn">
                                        <a href="#about" class="btn-border">
                                            <i class="fa fa-angle-down"></i>
                                            
                                            <span>Hakkımızda</span>
                                            
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="item" style="background-image: url(img/slider-2.jpg)">
                    <div class="container">
                        <div class="slide-item fullscreen wow fadeIn" data-wow-duration="0.6s">
                            <div class="slide-item-inner white">
                                <h2>Nesilteks Tekstil</h2>
                                <p>Giyim astarında ilk adres</p>
                                <div>
                                    <span class="bsns-btn">
                                        <a href="#about" class="btn-border">
                                            <i class="fa fa-angle-down"></i>
                                            
                                            <span>Hakkımızda</span>
                                            
                                        </a>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                

            </div>
        </div>
        <!--
        End Home Banner
        ==================================== -->

        <hr>

        <!--
        Services
        ==================================== -->
        <section id="about">
            <div class="container" style="height: 100%;">
                <div class="row">
                    <header class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="section-head title-bold title-sep text-center">
                            <span class="subheading">Nesilteks Tekstil Tic. San. A.Ş.</span>
                            
                            <h2><small>Hakkımızda</small></h2>
                            
                            <p class="text-mid"><p>Tekstil Yan Sanayi Ürünlerinden Astarlık Kumaş sektöründe 3 nesildir faaliyet gösteriyoruz.</p>
<p>Kalite ve güvenden taviz vermeden 4.000.000 metre stok ile siz iş ortaklarımıza hizmet vermekteyiz.</p></p>
                        </div>
                    </header>

                </div>
            </div>
        </section>
        <!--
        End Services
        ==================================== -->

        <section id="portfolio" class="">
            <div class="container-fluid">
                <div class="row">
                    <header class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <div class="section-head title-bold title-sep text-center">
                            <span class="subheading">Başlıca</span>
                            
                            <h2>Ürünlerimiz</h2>
                            
                            <p class="text-mid"><p>Viscose Acetate Polyester başta olmak &uuml;zere &ccedil;eşitlikalite ve dokumalarda giyim sekt&ouml;r&uuml;ne hizmet veriyoruz.</p>
<p>İstanbul Bomontide yer alan depomuzdan g&uuml;nl&uuml;k verilen siparişlerinizi hızlı ve g&uuml;venli olarak siz işortaklarımıza iletiyoruz.</p></p>
                        </div>
                    </header>
                </div>

                <div class="row gallery-masonry fullwidth">
                    

                    <div class="col-xs-12 col-sm-6 col-md-3 photography gallery">
                        <div class="portfolio-item primary-hover">
                            <div class="portfolio-thumb">
                                <img src="img/urun-01.jpg" class="img-responsive" alt="portfolio">
                            </div>
                            <div class="portfolio-desc">
                                <div class="portfolio-desc-inner">
                                    <a data-lightbox="product" href="http://admin.nesilteks.com/img/NA-Twill.png">open</a>
                                    <h4>N/A Twill P-128</h4>
                                    <p>52% Acetate 48% Polyamid</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    

                    <div class="col-xs-12 col-sm-6 col-md-3 photography gallery">
                        <div class="portfolio-item primary-hover">
                            <div class="portfolio-thumb">
                                <img src="img/urun-02.jpg" class="img-responsive" alt="portfolio">
                            </div>
                            <div class="portfolio-desc">
                                <div class="portfolio-desc-inner">
                                    <a data-lightbox="product" href="http://admin.nesilteks.com/img/Polyester-Sleeve.png">open</a>
                                    <h4>Polyester Sleeve</h4>
                                    <p>100% Polyester</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    

                    <div class="col-xs-12 col-sm-6 col-md-3 photography gallery">
                        <div class="portfolio-item primary-hover">
                            <div class="portfolio-thumb">
                                <img src="img/urun-03.jpg" class="img-responsive" alt="portfolio">
                            </div>
                            <div class="portfolio-desc">
                                <div class="portfolio-desc-inner">
                                    <a data-lightbox="product" href="http://admin.nesilteks.com/img/Acetate-Saten-WC.png">open</a>
                                    <h4>Acetate Saten WC</h4>
                                    <p>100% Acetate</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    

                    <div class="col-xs-12 col-sm-6 col-md-3 photography gallery">
                        <div class="portfolio-item primary-hover">
                            <div class="portfolio-thumb">
                                <img src="img/urun-04.jpg" class="img-responsive" alt="portfolio">
                            </div>
                            <div class="portfolio-desc">
                                <div class="portfolio-desc-inner">
                                    <a data-lightbox="product" href="http://admin.nesilteks.com/img/Acetate-Viscose-Twill.png">open</a>
                                    <h4>Acetate Viscose Twill</h4>
                                    <p>52% Acetate 48% Viscone</p>
                                </div>
                            </div>
                        </div>
                    </div>

                    

                </div>
            </div>
        </section>

        <!--
        Contact
        ==================================== -->
        <section id="contact" class="contact">
            <div class="container">

                <div class="row contact-page">
                    <header class="col-md-8 col-md-offset-2 section-head text-center item_top">
                        
                        <h2>İletişim</h2>
                        <p>Ürünlerimiz hakkında detaylı bilgi ve stok durumu için bizimle iletişime geçebilirsiniz.</p>
                        
                    </header>

                    <div class="col-md-9 item_left">
                        <div id="map-canvas">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2127.4336348061756!2d28.983997525255795!3d41.05488082882812!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab70e394b5fad%3A0x3e6eba2e01d8883b!2sNesilteks!5e0!3m2!1str!2str!4v1680523718683!5m2!1str!2str" width="600" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>

                    <div class="col-md-3 item_right">
                        <div class="address">
                            <h5>Merkez</h5>
                            <p><i class="fa fa-map-marker"></i>Rumeli Caddesi Efe Sokak No:28 Osmanbey</p>
                            <p><i class="fa fa-phone"></i>Telefon: +90 (212) 219 95 35</p>
                            <p><i class="fa fa-envelope"></i><a href="mailto:info@nesilteks.com.tr">info@nesilteks.com.tr</a></p>
                            <p><i class="fa fa-link"></i><a target="_blank" href="http://www.nesilteks.com">www.nesilteks.com</a></p>
                        </div>    
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-9 item_left">
                        <div id="map-canvas">
                            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3008.4317277614045!2d28.9780754765307!3d41.059554716265126!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab719c29972f9%3A0x641422c3e05c5852!2sNESIL%20TEKS!5e0!3m2!1str!2str!4v1706623924135!5m2!1str!2str" width="600" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>
                    
                    <div class="col-md-3 item_right">
                        <div class="address">
                            <h5>Depomuz</h5>
                            <p><i class="fa fa-map-marker"></i>Silahşör Caddesi Duçi Sokak No:5 Bomonti Şişli</p>
                            <p><i class="fa fa-phone"></i>Telefon:  +90 (212) 233 90 70</p>
                            <p><i class="fa fa-envelope"></i><a href="mailto:info@nesilteks.com.tr">info@nesilteks.com.tr</a></p>
                            <p><i class="fa fa-link"></i><a target="_blank" href="http://www.nesilteks.com">www.nesilteks.com</a></p>
                        </div>    
                    </div>
                </div>

            </div>
        </section>
        <!--
        End Contact
        ==================================== -->

        <!--
        footer
        ==================================== -->
        <footer class="footer">
            <div class="container">
                <p class="copyright pull-left item_left"> Tasarım ve Programlama MyAcente </p>
            </div>
        </footer>
        <!--
        End footer
        ==================================== -->
        
        <!-- back to top -->
        <a href="javascript:;" id="go-top">
            <i class="fa fa-angle-up"></i>
            top
        </a>
        <!-- end #go-top -->

        <!--
        JavaScripts
        ========================== -->
        <!-- main jQuery -->
        <script type="text/javascript" src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script type="text/javascript" src="js/vendor/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-migrate.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.min.js"></script>
        <script type="text/javascript" src="js/jquery.singlePageNav.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/jquery.appear.js"></script>
        <script type="text/javascript" src="js/jquery.bxslider.min.js"></script>
        <script type="text/javascript" src="js/vendor/owl.carousel.min.js"></script>
        <script type="text/javascript" src="js/jquery.backstretch.min.js"></script>
        <script type="text/javascript" src="js/jquery.nav.js"></script>
        <script type="text/javascript" src="js/lightbox.min.js"></script>
        <script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="js/jquery-validation.min.js"></script>
        <script type="text/javascript" src="js/jquery.easing.min.js"></script>
        <script type="text/javascript" src="js/form.min.js"></script>
        <script type="text/javascript" src="js/jquery.isotope.min.js"></script>
        <script type="text/javascript" src="js/jquery.multiscroll.min.js"></script>
        <script type="text/javascript" src="js/jquery-countTo.js"></script>
        <script type="text/javascript" src="js/jquery.mb.YTPlayer.min.js"></script>
        <script type="text/javascript" src="js/jflickrfeed.min.js"></script>
        <script type="text/javascript" src="js/jquery.selectbox-0.2.min.js"></script>
        <script type="text/javascript" src="js/tweetie.min.js"></script>
        <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
        <!--
        <script type="text/javascript" src="js/okvideo.min.js"></script>
        -->
        <script type="text/javascript" src="js/bootstrap-progressbar.min.js"></script>
        <script type="text/javascript" src="js/jquery.circliful.min.js"></script>
        <script type="text/javascript" src="js/jquery.easypiechart.js"></script>
        <script type="text/javascript" src="js/masonry.pkgd.js"></script>
        <script type="text/javascript" src="js/jquery.tubular.1.0.js"></script>
        <script type="text/javascript" src="js/kenburned.min.js"></script>
        <script type="text/javascript" src="js/mediaelement-and-player.min.js"></script>
        <!-- shortcode scripts -->
        <script type="text/javascript" src="shortcodes/js/jquery.nivo.slider.pack.js"></script>
        <script type="text/javascript" src="shortcodes/js/jquery.flexslider-min.js"></script>
        <script type="text/javascript" src="shortcodes/js/jquery.prettyPhoto.js"></script>
        <script type="text/javascript" src="shortcodes/js/jquery.slicebox.min.js"></script>
        <script type="text/javascript" src="shortcodes/js/jquery.eislideshow.js"></script>
        <script type="text/javascript" src="shortcodes/js/camera.min.js"></script>
        <script type="text/javascript" src="shortcodes/js/jquery.zaccordion.min.js"></script>
        <script type="text/javascript" src="shortcodes/js/main.js"></script>
        <script type="text/javascript" src="js/jquery.prettySocial.min.js"></script>
        <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
        <script type="text/javascript" src="js/jquery.zoom.min.js"></script>
        <script type="text/javascript" src="js/jquery.countdown.js"></script>
        <script type="text/javascript" src="js/jquery.webticker.min.js"></script>
        <script type="text/javascript" src="js/jquery.timepicker.min.js"></script>
        <script type="text/javascript" src="js/selectize.min.js"></script>
        <!-- image filter -->
        <script type="text/javascript" src="js/img-filter/jquery.gray.min.js"></script>
        <!-- // image filter -->
        <script type="text/javascript" src="js/wow.min.js"></script>
        <script src="syntax-highlighter/scripts/prettify.min.js"></script>
        <script type="text/javascript">$.SyntaxHighlighter.init();</script>
        <script type="text/javascript" src="js/main.js"></script>
		<!-- Contact form validation -->
        <script type="text/javascript">
            $(function(){
                //Magazine 2 breaking news

                $('#contact-form').validate({
                    rules: {
                        fname: {
                            required: true,
                            minlength: 2
                        },
                        lname: {
                            required: true,
                            minlength: 2
                        },
                        email: {
                            required: true,
                            email: true
                        },
                        message: {
                            required: true
                        }
                    },
                    messages: {
                        fname: {
                            required: "Please Enter Your First Name",
                            minlength: "your name must consist of at least 2 characters"
                        },
                        lname: {
                            required: "Please Enter Your Last Name",
                            minlength: "your name must consist of at least 2 characters"
                        },
                        email: {
                            required: "Please Enter Your Email"
                        },
                        message: {
                            required: "um...yea, you have to write something to send this form.",
                            minlength: "thats all? really?"
                        }
                    },
                    submitHandler: function(form) {
                        $(form).ajaxSubmit({
                            type:"POST",
                            data: $(form).serialize(),
                            url:"mail.php",
                            success: function() {
                                $('#contact-form :input').attr('disabled', 'disabled');
                                $('#contact-form').fadeTo( "slow", 0.15, function() {
                                    $(this).find(':input').attr('disabled', 'disabled');
                                    $(this).find('label').css('cursor','default');
                                    $('#success').fadeIn();
                                });
                            },
                            error: function() {
                                $('#contact-form').fadeTo( "slow", 0.15, function() {
                                    $('#error').fadeIn();
                                });
                            }
                        });
                    }
                });
            });
        </script>
        <!-- shortcode carasole -->
        <script type="text/javascript">
            $(document).ready(function() {
                $("#spn_sc_slider_1").owlCarousel({
                    nav     : true,
                    loop    : true,
                    items   : 4,
                    dots    : false,
                    margin  : 30,
                    navText  : ["<span class='icon-arrow-left10'></span>","<span class='icon-uniE936'></span>"],
                    responsive : {
                        // breakpoint from 0 up
                        0 : {
                            items     : 1
                        },
                        // breakpoint from 480 up
                        480 : {
                            items     : 2
                        },
                        // breakpoint from 768 up
                        768 : {
                            items     : 3
                        }
                    }
                });
                $("#spn_sc_slider_2").owlCarousel({
                    nav    : true,
                    loop    : true,
                    items     : 4,
                    margin  : 30,
                    dots    : false,
                    slideBy    : "page",
                    navText  : ["<span class='icon-arrow-left10'></span>","<span class='icon-uniE936'></span>"],
                    responsive : {
                        // breakpoint from 0 up
                        0 : {
                            items     : 1
                        },
                        // breakpoint from 480 up
                        480 : {
                            items     : 2
                        },
                        // breakpoint from 768 up
                        768 : {
                            items     : 3
                        }
                    }
                    
                });
                $("#spn_sc_slider_3").owlCarousel({
                    nav    : true,
                    loop    : true,
                    items     : 4,
                    margin  : 30,
                    dots    : false,
                    navText  : ["<span class='icon-arrow-left10'></span>","<span class='icon-uniE936'></span>"],
                    responsive : {
                        // breakpoint from 0 up
                        0 : {
                            items     : 1
                        },
                        // breakpoint from 480 up
                        480 : {
                            items     : 2
                        },
                        // breakpoint from 768 up
                        768 : {
                            items     : 3
                        },
                        // breakpoint from 1050 up
                        1050 : {
                            items     : 4
                        }
                    }
                }); 
                $("#spn_sc_slider_4").owlCarousel({
                    nav    : true,
                    loop    : true,
                    items     : 4,
                    margin  : 30,
                    dots    : false,
                    slideBy    : "page",
                    navText  : ["<span class='icon-arrow-left10'></span>","<span class='icon-uniE936'></span>"],
                    responsive : {
                        // breakpoint from 0 up
                        0 : {
                            items     : 1
                        },
                        // breakpoint from 480 up
                        480 : {
                            items     : 2
                        },
                        // breakpoint from 768 up
                        768 : {
                            items     : 3
                        },
                        // breakpoint from 1050 up
                        1050 : {
                            items     : 4
                        }
                    }
                }); 
                $("#spn_sc_slider_5").owlCarousel({
                    nav    : true,
                    loop    : true,
                    items     : 4,
                    margin  : 30,
                    dots    : false,
                    slideBy    : "page",
                    navText  : ["<span class='icon-arrow-left10'></span>","<span class='icon-uniE936'></span>"],
                    responsive : {
                        // breakpoint from 0 up
                        0 : {
                            items     : 1
                        },
                        // breakpoint from 480 up
                        480 : {
                            items     : 2
                        },
                        // breakpoint from 768 up
                        768 : {
                            items     : 3
                        }
                    }
                });
            });
        </script>

        <script type="text/javascript"> 
            $(document).ready(function() {
				// tooltip code
				$(".sc_tooltip").tooltip();
				$(".short_code_image_gallery a[rel^='pixcphoto[gallery]']").prettyPhoto();
				$(".sc_light_box a[rel^='pixcphoto']").prettyPhoto();
            });
        </script>

        <script type="text/javascript">
           function initialize() {
               var myLocation = new google.maps.LatLng(36.966953, -122.018562);
               /*map 1*/
               var mapOptions = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true
               };
               var map1 = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
               var marker = new google.maps.Marker({
                   position: myLocation,
                   map: map1,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 2*/
               var mapOption = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true
               };
               var map2 = new google.maps.Map(document.getElementById("map_canvas_2"), mapOption);
               var margk = new google.maps.Marker({
                   position: myLocation,
                   map: map2,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 3*/
               var mapOption3 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true
               };
               var map3 = new google.maps.Map(document.getElementById("map_canvas_3"), mapOption3);
               var marker3 = new google.maps.Marker({
                   position: myLocation,
                   map: map3,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 4*/
               var mapOption4 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true
               };
               var map4 = new google.maps.Map(document.getElementById("map_canvas_4"), mapOption4);
               var marker4 = new google.maps.Marker({
                   position: myLocation,
                   map: map4,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 5*/
               var mapOption5 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true
               };
               var map5 = new google.maps.Map(document.getElementById("map_canvas_5"), mapOption5);
               var marker4 = new google.maps.Marker({
                   position: myLocation,
                   map: map5,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 6*/
               var mapOption6 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true
               };
               var map6 = new google.maps.Map(document.getElementById("map_canvas_6"), mapOption6);
               var marker6 = new google.maps.Marker({
                   position: myLocation,
                   map: map6,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP,
                   mapTypeId: google.maps.MapTypeId.ROADMAP
               });
               /*map 7*/
               var mapOption7 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true,
                   mapTypeId: google.maps.MapTypeId.SATELLITE
               };
               var map7 = new google.maps.Map(document.getElementById("map_canvas_7"), mapOption7);
               var marker7 = new google.maps.Marker({
                   position: myLocation,
                   map: map7,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 8*/
               var mapOption8 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true,
                   mapTypeId: google.maps.MapTypeId.HYBRID
               };
               var map8 = new google.maps.Map(document.getElementById("map_canvas_8"), mapOption8);
               var marker7 = new google.maps.Marker({
                   position: myLocation,
                   map: map8,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
               /*map 9*/
               var mapOption9 = {
                   center: myLocation,
                   zoom: 18,
                   scrollwheel: true,
                   mapTypeId: google.maps.MapTypeId.TERRAIN
               };
               var map9 = new google.maps.Map(document.getElementById("map_canvas_9"), mapOption9);
               var marker9 = new google.maps.Marker({
                   position: myLocation,
                   map: map9,
                   title: "Hotel Name",
                   animation: google.maps.Animation.DROP
               });
           }
           google.maps.event.addDomListener(window, 'load', initialize);
        </script>
        
        <script>
            $('#carousel_service_thumb').flexslider({
                animation: "slide",
                controlNav: false,
                animationLoop: false,
                slideshow: false,
                directionNav: false,
                itemWidth: 250,
                itemMargin: 0,
                asNavFor: '#carousel_service_slider'
            });

            $('#carousel_service_slider').flexslider({
                animation: "fade",
                controlNav: false,
                directionNav: false,
                animationLoop: true,
                slideshow: true,
                sync: "#carousel_service_thumb",
                slideshowSpeed: "3000"
            });
        </script>
    </body>
</html>