HOME


Mini Shell 1.0
DIR: /home/islapiiu/sites/visitlanka/
Upload File :
Current File : /home/islapiiu/sites/visitlanka/attraction.php
<?php
include_once(dirname(__FILE__) . '/class/include.php');
$banner = new Banner(7);
  $ATTRACTION = Attraction::all();
?>
<!DOCTYPE html>

<html dir="ltr" lang="en-US">

<head>


    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Try Lanka Travels in Sri Lanka || Attractions</title>
    <meta name="description"
        content="Try Lanka Holidays Travels has any lovely captions of Sri Lanaka which arrange to feel  beauty of Sri Lanka."
        http-equiv="description" />
    <meta name="keywords"
        content="Try Lanka Holidays travel attractions, places to visit in sri lanka ,excursion, excursion in srilnaka ,attractions in sri lanka<?php  foreach ($ATTRACTION as $attraction){echo ', '.$attraction['title'];}?>"
        http-equiv="keywords" />


    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    <link rel="icon" type="image/png" sizes="16x16" href="images/icons/1.PNG">


    <link href='https://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>

    <link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>

    <link href='https://fonts.googleapis.com/css?family=Mr+De+Haviland' rel='stylesheet' type='text/css'>

    <link href='https://fonts.googleapis.com/css?family=Raleway:300,100' rel='stylesheet' type='text/css'>

    <link href="https://fonts.googleapis.com/css2?family=Langar&display=swap" rel="stylesheet">




    <link rel="stylesheet" href="../../../netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">

    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />



    <link rel="stylesheet" href="css/style.css" type="text/css" />

    <link rel="stylesheet" href="css/dark.html" type="text/css" />

    <link rel="stylesheet" href="css/font-icons.css" type="text/css" />

    <link rel="stylesheet" href="css/animate.css" type="text/css" />

    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />

    <link href="custom.css" rel="stylesheet" type="text/css" />

    <link rel="stylesheet" href="css/responsive.css" type="text/css" />
    <link href="css/footer.css" rel="stylesheet" type="text/css" />


    <script type="text/javascript" src="js/jquery.js"></script>
    <link href="css/activity-new.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/plugins.js"></script>
</head>

<body class="stretched">

    <div id="wrapper" class="clearfix">



        <?php include './header.php'; ?>

        <section id="slider" class="boxed-slider large bgcolor-white hidden-sm hidden-xs">
            <div class="fade-overlay"></div>
            <div class="fslider main" data-easing="easeInQuad">
                <div class="flexslider">
                    <div class="slider-wrap">
                        <!--                <div class="encore-caption center dark">                                                         <h2>Encore</h2>                    <h4 class="subtext serif bottommargin-sm">Resort &amp; Hotel</h4>                    <a href="#" class="button button-medium button-border button-dark button-outline tright nomargin"><span>BOOK TODAY</span></a>                                 </div>                                                   -->
                        <div class="slide slide-height"> <img class="banner-img" src="images/banner-img.webp" alt="">
                            <div class="centered-img">
                                <h3 class="centered-txt">ATTRAC<span>TION</span></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section id="slider" class="boxed-slider large bgcolor-white visible-sm visible-xs">
            <div class="fade-overlay"></div>
            <div class="fslider main" data-easing="easeInQuad">
                <div class="flexslider  mobil-slider2">
                    <div class="slider-wrap">
                       
                        <div class="slide">
                            <img src="images/banner-img.webp" alt="">
                            <div class="centered-img">
                            <h3 class="centered-txt">ATTRAC<span>TION</span></h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>



        <section class="popular-packages bgcolor-grey " style="padding-top: 30px;">
            <div class="container">

                <div class="row">
                    <?php
                      
                        foreach ($ATTRACTION as $attraction) {
                            ?>
                    <div class="col-md-4 col-sm-8">
                        <div class="single-package">
                            <div class="package-image">
                                <a href="attraction-view.php?id=<?php echo $attraction["id"]; ?>">
                                    <img src="upload/attraction/<?php echo $attraction["image_name"]; ?>" alt="">
                                </a>
                            </div>
                            <div class="package-content white-bg">
                                <center>
                                    <h3><a href="attraction-view.php?id=<?php echo $attraction["id"]; ?>"
                                            class="activity-title">
                                            <?php echo $attraction["title"]; ?></a></h3>
                                </center>
                                <?php echo substr($attraction["description"], 0, 75); ?>...
                                <div class="clearfix"></div>
                                <center>
                                    <a href="attraction-view.php?id=<?php echo $attraction["id"]; ?>"
                                        class="button button-small button-black button-reveal button-dark">
                                        <span>View More</span> <i class="icon-chevron-right"></i></a>
                                </center>

                            </div>

                        </div>
                    </div> <!-- single package end -->
                    <?php
                        }
                        ?>
                </div>
            </div>
        </section>

        <?php include './footer.php'; ?>
    </div>

    <script type="text/javascript">



    </script>
    <!-- Footer Scripts -->

    <script type="text/javascript" src="js/functions.js"></script>

    <script src="js/modernizr.js"></script>





    <!-- Calendar Script -->

    <script src="js/pikaday.js"></script>

    <script>
    var pickerDefault = new Pikaday({

        field: document.getElementById('datepicker-arrive'),

        theme: 'dark-theme'

    });



    var pickerTheme = new Pikaday({

        field: document.getElementById('datepicker-depart'),

        theme: 'dark-theme'

    });
    </script>



    <!-- Random Backgrounds -->

    <script src="js/rand.bg.js"></script>

    <script>
    $(".randbg").RandBG();
    </script>



</body>

</html>