<?php $sujpath = "../"; ?>
<!DOCTYPE html>
<html>

    <head>
    
        <title>:: Paramekkavu Devaswom</title>
    
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="keywords" content="" />
        <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
                function hideURLbar(){ window.scrollTo(0,1); } </script>
    
        <link href="<?php echo $sujpath; ?>css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
        <link href="<?php echo $sujpath; ?>css/style.css" rel="stylesheet" type="text/css" media="all" />
        <link href="<?php echo $sujpath; ?>css/main.css" rel="stylesheet" type="text/css" media="all" />
    
        <script src="<?php echo $sujpath; ?>js/jquery-1.11.1.min.js"></script>
    
        <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
        <link href='//fonts.googleapis.com/css?family=Cinzel:400,700,900' rel='stylesheet' type='text/css'>
        
        <script type="text/javascript" src="js/pause.js"></script>
        <script type="text/javascript"  src="js/pause_content.js"></script>
    
    </head>
    
    <body>
        
        <?php include("header.php"); ?>
        
        
        
        
        
        
        <div class="body">
        
            <div class="container">
            <section class="slider">
            <div class="flexslider">
                
                <ul class="slides">
                
              <!-- <li>
                
                    <a target="_blank" href="../downloads/thrissur_poooram_2018.pdf"><img src="<?php echo $sujpath; ?>images/banner_07 eng.jpg" alt="" /></a>
                </li>-->
                
                <li>
                    <img src="<?php echo $sujpath; ?>images/banner_01.jpg" alt="" />
                </li>
                <li>
                    <img src="<?php echo $sujpath; ?>images/banner_02.jpg" alt="" />
                </li>
                <li>
                    <img src="<?php echo $sujpath; ?>images/banner_03.jpg" alt="" />
                </li>
                <li>
                    <img src="<?php echo $sujpath; ?>images/banner_04.jpg" alt="" />
                </li>
                <li>
                    <img src="<?php echo $sujpath; ?>images/banner_05.jpg" alt="" />
                </li>
                <li>
                    <img src="<?php echo $sujpath; ?>images/banner_06.jpg" alt="" />
                </li>
                </ul>
                
            </div>
            </section>
            </div>
            
            <!--FlexSlider-->
            <link rel="stylesheet" href="<?php echo $sujpath; ?>css/flexslider.css" type="text/css" media="screen" />
            <script defer src="<?php echo $sujpath; ?>js/jquery.flexslider.js"></script>
            <script type="text/javascript">
                $(window).load(function(){
                $('.flexslider').flexslider({
                animation: "slide",
                start: function(slider){
                $('body').removeClass('loading');
                }
                });
                });
            </script>
            <!--End-slider-script-->
            
            <div class="container">
            
                <div class="news">
                <marquee behavior="scroll" direction="left" height="30" scrollamount="2" scrolldelay="50" width="100%" onMouseOver="this.stop();" onMouseOut="this.start();">
                   
                   <?php
            $sql_cat="SELECT * FROM `news` ORDER BY `news`.`id` DESC";
            $result_cat=mysql_query($sql_cat);
            while($row=mysql_fetch_array($result_cat))
            {
                echo '<a href="news.php" style="color:#FFF;"><span style="font-weight:bold;">'.$row['heading'].' &nbsp; : &nbsp; </span> '.$row['details'].'</a>  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; || &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;   ';
            }
            ?>
            
                </marquee>
                </div>
                
            </div>
            <div class="container" style="text-align:center;">
                <img src="<?php echo $sujpath; ?>images/banner_shadow.png" alt="" class="img-responsive" />
            </div>
            
             <div class="container">
                <div class="row">
                 <div class="col-sm-6">
    <!--                 <div class="home-pole-mal">-->
    <!--                 <p style="font-size: 10px!important;-->
    <!--padding: 9px 22px 0px!important;-->
    <!--font-weight: 600!important;">-->
    <!--                 തൃശൂർ ടൗണിൽ റൂമുകൾ വാടകയ്ക്കു -->

    <!--                </p>-->
    <!--                <button type="button" class="" data-toggle="modal" data-target="#myModal-mal"> Click Here</button>-->
    <!--                 </div>-->
    <!--                </div>-->
    <!--             <div class="col-sm-6">-->
    <!--                <div class="home-pole-eng">-->
    <!--                 <p>-->
    <!--                 <b> Rooms available in thrissur town for rent.</b>-->
    <!--                </p>-->
    <!--                <button type="button" class="" data-toggle="modal" data-target="#myModal-eng"> Click Here</button>-->
    <!--            </div>-->
    <!--        </div><div class="container">-->
    <!--            <div class="row">-->
    <!--             <div class="col-sm-6">-->
    <!--                 <div class="home-pole-mal">-->
    <!--                 <p style="font-size: 10px!important;-->
    <!--padding: 9px 22px 0px!important;-->
    <!--font-weight: 600!important;">-->
    <!--               മുദ്രവെച്ച ക്വട്ടേഷനുകൾ ക്ഷണിക്കുന്നു  -->

    <!--                </p>-->
    <!--                <button type="button" class=""><a href="pdf/quotation.pdf" target="_blank"> Click Here</button>-->
    <!--                 </div>-->
    <!--                </div>-->
    <!--             <div class="col-sm-6">-->
    <!--                <div class="home-pole-eng">-->
    <!--                 <p>-->
    <!--                 <b>Sealed quotations are invited</b>-->
    <!--                </p>-->
    <!--                <button type="button" class=""><a href="pdf/quotation.pdf" target="_blank"> Click Here</button>-->
    <!--            </div>-->
    <!--        </div>-->
                </div>
                </div>
                </div>
                 
                <div class="col-md-8 col-sm-12">
                    
                    <p class="malayalam text-justify">
                        XrÈnht]cqÀ \Kc¯nsâ lrZb `mK¯v {io hS¡p¶mYt£{X¯nsâ Ing¡phi¯v ]Snªmtdm«v apJambn ]pcmX\amb ]mdta¡mhv t£{Xw \nesImÅp¶p. Ime¸g¡s¯ kw_Ôn¨v B[nImcnIambn ]dbphm³ tcJIsfm¶pw e`yaÃ. ]mdta¡mhv t£{X X«I¯nÂs¸« ]pcmX\ ssk\nIiànbmbncp¶ Ipdp¸mÄ Xdhm«nse ImcWhÀ amkw tXmdpw A§mSn¸pdw XncpamÔmwIp¶nÂ t]mbn `KhXnsb ZÀin¡pI ]Xnhmbncp¶p. hmÀ²Iyw _m[n¨Xn\mÂ taenÂ A§mSn¸pd¯v h¶v `KhXnsb ZÀin¡phm³ km[n¡pIbnsÃ¶pw, \nXyZÀi\w e`n¡p¶Xn\v th­æn `KhXn Xs¶ A\p{Kln¡Wsa¶pw Gähpw HSphnÂ ZÀi\w \S¯nb tijw At±lw DÅpcpIn {]mÀ°n¨p. Ir]m\n[nbmb XncpamÔmwIp¶ne½ k´pjvSbmbn ]ca`à\mb Ipdp¸mÄ Xncn¨pt]mIpt¼mÄ B `àsâ IpS¸pd¯v Ibdn At±ls¯ A\pKan¨p F¶mWv sFXnlyw. 
                    </p>
                    <a class="readmore" href="<?php echo $sujpath; ?>aboutus.php">Readmore</a>
                    
                </div>
                
                <div class="col-md-4 hidden-sm">
                
                    <div class="services-grid-top festivals">
                        <div class="services-grid-info">
                            <h4>UPCOMING / CURRENT EVENTS</h4>
                        </div>
                        <div style="cursor:pointer">
                            
                            
                            <script type="text/javascript">
                            var slide3=new Array()
                        <?php
                       $selevents = mysql_query("SELECT * FROM `events` ORDER BY eid DESC");
                        $m=0;
                       $rowcount=mysql_num_rows($selevents);
                         if($rowcount != '0'){  
                       while($resevents = mysql_fetch_array($selevents)){
                            if($rowcount == '1'){ ?>
                            slide3[0]='<div class="services-grid-img"><img style="object-fit:contain;" src="../pibackoffice/albums/events/<?php echo $resevents['ecover']; ?>" alt="" /><a href="../pibackoffice/albums/events/<?php echo $resevents['efile']; ?>" target="_blank">Download Brochure</a></div>'
                            slide3[1]='<div class="services-grid-img"><img style="object-fit:contain;" src="../pibackoffice/albums/events/<?php echo $resevents['ecover']; ?>" alt="" /><a href="../pibackoffice/albums/events/<?php echo $resevents['efile']; ?>" target="_blank">Download Brochure</a></div>'
                          <?php  } else { ?>
                        slide3[<?php echo $m; ?>]='<div class="services-grid-img"><img style="object-fit:contain;" src="../pibackoffice/albums/events/<?php echo $resevents['ecover']; ?>" alt="" /><a href="../pibackoffice/albums/events/<?php echo $resevents['efile']; ?>" target="_blank">Download Brochure</a></div>'     
                        
                        <?php   }   $m=$m+1; }
                         } ?>

                           new pausescroller(slide3, "pscroller4", "someclass",6000)
                            </script>
                        </div>
                    </div>
                    
                </div>
                
            </div>
            
        </div>
        
        <div style="text-align:center;">
        <hr style=" border:none; border-bottom:double 3px #de8006; margin:0px;" />
        <img src="<?php echo $sujpath; ?>images/banner_shadow.png" alt="" class="img-responsive" />
        </div>
        
        <div class="services">
        <div class="container">
        <div class="services-grids">
        
            <div class="col-md-4 col-sm-4 services-grid wow fadeInLeft animated animated" data-wow-delay=".5s">
            
                <div class="services-grid-top">
                
                    <div class="services-grid-info">
                        <h4>Our Elephants</h4>
                    </div>
                    <div onClick="window.location.href='elephants.php';" style="cursor:pointer">
                    <script type="text/javascript">
                     new pausescroller(slide, "pscroller", "someclass",5000)
                    </script>
                    </div>
                    
                </div>
                
            </div>
            
            <div class="col-md-4 col-sm-4 services-grid wow fadeInUp animated animated" data-wow-delay=".5s">
            
                <div class="services-grid-top festivals">
                    <div class="services-grid-info">
                        <h4>Festivals</h4>
                    </div>
                    <div onClick="window.location.href='festivals.php';" style="cursor:pointer">
                    <script type="text/javascript">
                     new pausescroller(slide2, "pscroller2", "someclass",6000)
                    </script>
                    </div>
                </div>
                <div class="services-grid-top amenities">
                    <div class="services-grid-info">
                        <h4>Amenities</h4>
                    </div>
                    <div onClick="window.location.href='amenities.php';" style="cursor:pointer">
                    <script type="text/javascript">
                     new pausescroller(slide1, "pscroller1", "someclass",3000)
                    </script>
                    </div>
                </div>
                <div class="clearfix"></div>
                
            </div>
            
            <div class="col-md-4 col-sm-4 services-grid booking">
            
               <!-- <a href="online_payments.php" class="services-right wow fadeInRight animated animated" data-wow-delay=".5s">
                    <p style="background-color:#E6E6E6; margin-top:95px;">
                    <img src="<?php echo $sujpath; ?>images/cards.png" alt="" class="img-responsive" />
                    </p>
                </a>-->


                    <a href="" class="services-right wow fadeInRight animated animated" data-wow-delay=".5s">
                    <p style="background-color:#E6E6E6; margin-top:95px;">
                    <img src="<?php echo $sujpath; ?>images/cards.png" alt="" class="img-responsive" />
                    </p>
                    </a>
                
                <div class="malayalam falakam">
                    ]mdta¡mhv tZhoØm\w
                    XrÈqÀ SuWnÂ Ingt¡ {]Z£nWhgn¡v A`napJambn
                    apJy{]XnjvT : `KhXn ]Snªm«p ZÀi\w
                    {ioeI¯v km¶n[yw
                    k]vXamXr¡Ä KW]Xn hoc`{Z³, ta¡mhne½
                    kt¦Xkwc£Ww : \mKtZhXIÄ
                    {_Òc£Êv b£nb½ ]me¨ph«nÂ
                    {]XnjvTmZn\w : ao\¯nÂ tcmlnWn
                    ]qP : aq¶v 
                </div>
                
            </div>
            <div class="clearfix"> </div>
            
        </div>
        </div>
        </div>
        
        <div style="text-align:center;">
        <hr style=" border:none; border-bottom:double 3px #CCCCCC; margin:0px;" />
        </div>
        
        <div class="scroll-gallery">
            
            <div class="container">
            
                <div class="col-md-8">
                
                    <h1>Picture Gallery</h1>
                    <script type="text/javascript" src="<?php echo $sujpath; ?>js/crawler.js"></script>
                    <div class="marquee" id="mycrawler" style="width:auto; cursor:pointer;" onClick="window.location.href='gallery.php';">
                        <a href="gallery.php">
                        <?php
                        $sql="select * from  category3 ";
                        $result=mysql_query($sql);
                        while( $row=mysql_fetch_array($result))
                        { ?> 
                        <img src="<?php echo $sujpath; ?>pibackoffice/albums/gallery/<?php echo $row['image1']; ?>" alt="" class="img-srcoll" />
                       <?php } ?>
                       </a>
                       
                       
                    </div>
                    <script type="text/javascript">
                        marqueeInit({
                            uniqueid: 'mycrawler',
                            style: {
                                'padding': '7px',
                                'width': '',
                                'background': '',
                                'border': ''
                            },
                            inc: 8, //speed - pixel increment for each iteration of this marquee's movement
                            mouse: 'cursor driven', //mouseover behavior ('pause' 'cursor driven' or false)
                            moveatleast: 1,
                            neutral: 150,
                            savedirection: true
                        });
                    </script>
                    
                </div>
                
                
                <!--<div class="col-md-4 hidden-sm">-->
                <!-- <iframe width="100%" height="265" src="https://www.youtube.com/embed/ZcXoyRS4J-4?l" frameborder="0" allowfullscreen></iframe>-->
                <!--</div>-->
                
                
                <div class="col-md-4 hidden-sm">
               <iframe src="https://www.facebook.com/plugins/video.php?height=314&href=https%3A%2F%2Fwww.facebook.com%2FTCVTHRISSUR%2Fvideos%2F350252150293669%2F&show_text=false&width=560&t=0" width="560" height="314" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe> 
                
                 </div>
                
                
                <!--<div class="col-md-4 hidden-sm">-->
                <!-- <iframe width="100%" height="265" src="" frameborder="0" allowfullscreen></iframe>-->
                <!--</div>-->
        
            </div>
            
        </div>
        
        <?php include("footer.php"); ?>
        <!-- modal star -->
  <!-- Button to Open the Modal -->

  <!-- The Modal -->
  <div class="modal" id="myModal-mal">
    <div class="modal-dialog">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">
       
          <button type="button" class="close" data-dismiss="modal">×</button>
        </div>
        
        <!-- Modal body -->
        <div class="modal-body pole-modal-body">
         <img src="pole-mal.jpg">
         
        </div>
        
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
        
      </div>
    </div>
  </div>
   <!-- The Modal  eng-->
  <div class="modal" id="myModal-eng">
    <div class="modal-dialog">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">
       
          <button type="button" class="close" data-dismiss="modal">×</button>
        </div>
        
        <!-- Modal body -->
        <div class="modal-body pole-modal-body">
        
         <img src="pole-eng.jpg">
        </div>
        
        <!-- Modal footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>
        
      </div>
    </div>
  </div>
        <script type="text/javascript" src="<?php echo $sujpath; ?>js/move-top.js"></script>
        <script type="text/javascript" src="<?php echo $sujpath; ?>js/easing.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
            
            var defaults = {
            containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear' 
            };
            
            
            $().UItoTop({ easingType: 'easeOutQuart' });
            
            });
        </script>
        <a href="#" id="toTop" style="display: block;"><span id="toTopHover" style="opacity: 1;"></span></a>
        
        
        <script src="<?php echo $sujpath; ?>js/bootstrap.js"></script>
    </body>
</html>
