<!doctype html>
<html>

<head lang="en">
    <title>Event</title>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- styles included -->
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/bootstrap.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/font-awesome.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/auto-complete.css')}}">
    <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/owl.carousel.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/owl.theme.default.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/styles.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/slick-theme.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/animate.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/slick.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('asset/new/css/timeTo.css')}}">
    <link rel="icon" href="{{asset('asset/new/img/favicon.png')}}" type="image/x-icon">
    <link rel="shortcut" type="imges/png" href="{{asset('asset/new/img/favicon.png')}}">
</head>

<body>
    <!-- Header Section -->
    <header>
        <nav class="navbar navbar-inverse" id="head-nav">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-brand"> <a href="index.html"> <img class="img-responsive logo-img" src="{{asset('asset/new/img/logo.png')}}"></a> </div>
                </div>
                <div class="collapse navbar-collapse" style="background-color: #000080;" id="myNavbar">
                    <ul class="nav navbar-nav navbar-right step-one hidden-sm hidden-xs">
                        <li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
                        <li><a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        
                    </ul>
                    <ul class="nav navbar-nav navbar-right step-two">
                        <li class="active"><a class="scroll" href="#home"> HOME</a></li>
                        <!-- <li><a class="scroll" href="#how"> HOW TO</a></li> -->
                        <li><a class="scroll" href="#about"> ABOUT US</a></li>
                        <li><a href="#gallary" class="scroll"> GALLERY</a></li>
                        <li><a href="#"> SERVICES</a></li>
                        <li><a class="scroll" href="#contact"> CONTACT US</a></li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <section>
        <div class="container-fluid">
            <div class="row">
                <div class="your-class col-md-12 col-12">
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/wed.jpg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/3.jpeg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/birth.jpg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/1.jpeg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/baby.jpg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/2.jpeg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/col.jpg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/model1.jpg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/product.jpg')}}"></div>
                    <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/4.jpeg')}}"></div>

                </div>
            </div>
        </div>
    </section>
    <!-- content secction -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="title-conent">
                    <h1> About Us </h1>
                    <p>About Our Silvertints</p>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                    <div class="content-text">
                        <h5>Purpose of this Silvertints</h5>
                        <p>
                            It’s always fun to catch up and talk over any business. But before that we can introduce ourselves.
                        </p>
                        <p>
                            Dating back to March 2011 we were a gang of four creative minds in an engineering campus. But our fortuity show happened to be in our college-premises which in turn was the initial call for Silver Tints. Now it has reached you as one of the radiant event planners in and around Chennai city. We’ve climbed the ladder in each passing year by hosting college and corporate events, weddings and birthdays. We have experience in handling every customer’s expectation and delivering the finest unexpected.
                        </p>
                        <p>
                            Indian weddings are crowned for its extravagance and spice. Tradition and innovation are what this generation prefer. This implicit was gained with the many weddings we have worked on and years of experience in event industry. Weddings have become an industry and we are the industrialist to promote it.
                        </p>
                        <p>
                            With the outbreak of the prevailing taste, we are also focusing on product and fashion photography. The combo of idea being yours and the event ours, it can last as a cherished memory forever.
                        </p>
                    </div>
                </div>
                <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                    <div class="content-text">
                        <h5>Wedding</h5>
                        <p>
                           
                           Special events like weddings need the right people to work for it.

                        </p>
                        <h5>Birthday</h5>
                        <p>
                            Host the best desired birthday party for your little one with a trusted planner.
                        </p>
                         <h5>Baby Shower</h5>
                        <p>
                            Shower the mother-to-be with love and special gifts on her happy day.

                        </p>
                        <h5>College events</h5>
                        <p>
                            Set the stage on fire and capture every audience gaze with that vibrant twists

                        </p>
                        <h5>Corporate events</h5>
                        <p>
                            Your business can get a lot better when you associate with Silver tints for every business meet.

                        </p>
                         <h5>Fashion photography</h5>
                        <p>
                            Make every attitude stunning with just our click at the right time.


                        </p>
                        <h5>Product Photography</h5>
                        <p>
                            The right photographs with honesty intrigue the best emotion commercially.

                        </p>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="gallary">
        <div class="container">
            <div class="row">
                <div class="title-conent">
                    <h1>Galary</h1>
                    <p>Pictures of our Events</p>
                </div>
                <div class="col-md-12">
                    <div class="autoplay">
                        <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/1.jpeg')}}"></div>
                        <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/3.jpeg')}}"></div>
                        <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/2.jpeg')}}"></div>
                        <div> <img class="img-responsive" src="{{asset('asset/new/img/slider/4.jpeg')}}"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
   
                   <section id="contact">
                    <div class="container">
                        <div class="row">
                            <div class="title-conent">
                                <h1>Contact Us</h1>
                                <p></p>
                            </div>
                            <div class="col-md-12">
                                <div class="autoplay">
                                    <form action="#" method="POST" enctype="multipart/form-data" role="form">

                                        <div>
                                            <label>Name</label><input type="text" class="form-control" name="">
                                        </div>

                                        <div>
                                            <label>Email</label>
                                            <input type="email" name="email"  class="form-control"  >
                                        </div>

                                        <div>
                                        <label>Phone Number</label>
                                        <input type="number" name="phonenumber"  class="form-control" >
                                        </div>

                                        <div>
                                        <label>Location</label>
                                        <input type="text" name="phonenumber"  class="form-control" >
                                        </div><br>

                                        <div>
                                            <button type="submit" class="btn btn-block" style="background-color: #000080;color: #ffffff;">Save</button>
                                        </div>

                                    </form>





                                    <div> <ul class="nav navbar-nav navbar-right step-one hidden-sm hidden-xs">
                                        <li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></li>
                                        
                                    </ul></div>

                                    
                                </div>
                            </div>
                        </div>
                    </div>
                </section><br>
     <footer>
        <div class="container">
            <div class="row">
                <div class="col-12" style="background-color: #000080;"> 
                        <p>Copyrights</p>
                </div>
            </div>
        </div>
    </footer> 
    <!-- end-of content section -->
    <!-- scripts included -->
    <script src="{{asset('asset/new/js/jquery.min.js')}}"></script>
    <script src="{{asset('asset/new/js/jquery.time-to.min.js')}}"></script>
    <script src="{{asset('asset/new/js/owl.carousel.js')}}"></script>
    <script src="{{asset('asset/new/js/bootstrap.min.js')}}"></script>
    <script src="{{asset('asset/new/js/WOW.js')}}"></script>
    <script src="{{asset('asset/new/js/slick.min.js')}}"></script>
    <script src="{{asset('asset/new/js/myscripts.js')}}"></script>
    <script>
    window.onscroll = function() { myFunction() };
    var header = document.getElementById("head-nav");
    var sticky = header.offsetTop;

    function myFunction() {
        if (window.pageYOffset > sticky) {
            header.classList.add("sticky");
        } else {
            header.classList.remove("sticky");
        }
    }
    </script>
   <script type='text/javascript' data-cfasync='false'>window.purechatApi = { l: [], t: [], on: function () { this.l.push(arguments); } }; (function () { var done = false; var script = document.createElement('script'); script.async = true; script.type = 'text/javascript'; script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript'; document.getElementsByTagName('HEAD').item(0).appendChild(script); script.onreadystatechange = script.onload = function (e) { if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { var w = new PCWidget({c: 'b694a126-7efb-4d03-b005-e42731a9e5fa', f: true }); done = true; } }; })();</script>


    
    <script type="text/javascript">
    $('.your-class').slick({
        dots: true,
        infinite: true,
        speed: 500,
        fade: true,
         autoplay: true,
        arrows: true,
        autoplaySpeed: 1000,
        cssEase: 'linear'
    });


    $('.autoplay').slick({
        slidesToShow: 3,
        lazyLoad: 'ondemand',
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
    });
    </script>
</body>

</html>