
<?php include('upload.php') ?>
<?php include('upload_announcement.php') ?>
<?php include('vmc_upload.php') ?>
<?php include('config.php') ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- SEO Meta Tags -->
    <meta name="description" content="Tivo is a HTML landing page template built with Bootstrap to help you crate engaging presentations for SaaS apps and convert visitors into users.">
    <meta name="author" content="Inovatik">

    <!-- OG Meta Tags to improve the way the post looks when you share the page on LinkedIn, Facebook, Google+ -->
    <meta property="og:site_name" content="" /> <!-- website name -->
    <meta property="og:site" content="" /> <!-- website link -->
    <meta property="og:title" content=""/> <!-- title shown in the actual shared post -->
    <meta property="og:description" content="" /> <!-- description shown in the actual shared post -->
    <meta property="og:image" content="" /> <!-- image link, make sure it's jpg -->
    <meta property="og:url" content="" /> <!-- where do you want your post to link to -->
    <meta property="og:type" content="article" />

    <!-- Website Title -->
    <title>MinSU Office of Planning, Monitoring and Evaluation </title>

    <!-- Styles -->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700&display=swap&subset=latin-ext" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/fontawesome-all.css" rel="stylesheet">
    <link href="css/swiper.css" rel="stylesheet">
    <link href="css/magnific-popup.css" rel="stylesheet">
    <link href="css/sstyle.css" rel="stylesheet">
    <link href="css/mystyle.css" rel="stylesheet">
    <link href="css/pme_style.css" rel="stylesheet">

    <!-- Favicon  -->
    <link rel="icon" href="images/logos.png">
</head>
<body data-spy="scroll" data-target=".fixed-top">

    <!-- Preloader -->
    <div class="spinner-wrapper">
        <div class="spinner">
            <div class="bounce1"></div>
            <div class="bounce2"></div>
            <div class="bounce3"></div>
        </div>
    </div>
    <!-- end of preloader -->


    <!-- Navigation -->
    <nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top" style="background-color: 	#004d25;">
        <div class="container" >

            <!-- Text Logo - Use this if you don't have a graphic logo -->
            <!-- <a class="navbar-brand logo-text page-scroll" href="index.html">Tivo</a> -->

            <!-- Image Logo -->
            <a class="navbar-brand logo-image" href="index.html"><img src="images/Minsu.png" alt="alternative" style="height:100px; width: 100px; "></a>

            <!-- Mobile Menu Toggle Button -->
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-awesome fas fa-bars"></span>
                <span class="navbar-toggler-awesome fas fa-times"></span>
            </button>
            <!-- end of mobile menu toggle button -->

            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#header">HOME <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="#features">ABOUT</a>
                    </li>

                    <!-- Dropdown Menu -->
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle page-scroll" href="profile.php" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded="false">PROFILE</a>
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="gallery.php"><span class="item-text">GALLERY</span></a>
                            <div class="dropdown-items-divide-hr"></div>
                            <a class="dropdown-item" href="files.php"><span class="item-text">FILES</span></a>
                            <div class="dropdown-items-divide-hr"></div>
                            <a class="dropdown-item" href="min-sahe.php"><span class="item-text">MIN-SAHE</span></a>
                        </div>
                    </li>
                    <!-- end of dropdown menu -->

                    <li class="nav-item">
                        <a class="nav-link page-scroll" href="announcements.php">ANNOUNCEMENTS</a>
                    </li>
                </ul>
                <span class="nav-item">
                    <a class="btn-outline-sm" href="login.php">LOG IN</a>
                </span>
            </div>
        </div> <!-- end of container -->
    </nav> <!-- end of navbar -->
    <!-- end of navigation -->

    <!-- Header -->
    <header id="header" class="header">
        <div class="header-content">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-xl-5">
                        <div class="text-container">
                            <h1>Mindoro State University</h1>
                            <h2 style="color: #fff;">Office of Planning, Monitoring and Evaluation</h2>
                            <a class="btn-solid-lg page-scroll" href="login.php">GET STARTED</a>
                        </div> <!-- end of text-container -->
                    </div> <!-- end of col -->
                    <div class="col-lg-6 col-xl-7">
                        <div class="image-container">
                            <div class="img-wrapper">
                                <img class="img-fluid" src="images/logos.png" alt="alternative">
                            </div> <!-- end of img-wrapper -->
                        </div> <!-- end of image-container -->
                    </div> <!-- end of col -->
                </div> <!-- end of row -->
            </div> <!-- end of container -->
        </div> <!-- end of header-content -->
    </header> <!-- end of header -->
    <svg class="header-frame" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 310"><defs><style>.cls-1{fill:#11823b;}</style></defs><title>header-frame</title><path class="cls-1" d="M0,283.054c22.75,12.98,53.1,15.2,70.635,14.808,92.115-2.077,238.3-79.9,354.895-79.938,59.97-.019,106.17,18.059,141.58,34,47.778,21.511,47.778,21.511,90,38.938,28.418,11.731,85.344,26.169,152.992,17.971,68.127-8.255,115.933-34.963,166.492-67.393,37.467-24.032,148.6-112.008,171.753-127.963,27.951-19.26,87.771-81.155,180.71-89.341,72.016-6.343,105.479,12.388,157.434,35.467,69.73,30.976,168.93,92.28,256.514,89.405,100.992-3.315,140.276-41.7,177-64.9V0.24H0V283.054Z"/></svg>
    <!-- end of header -->


    <br>
    <br>
    <br>
    <br>


    <!-- announcements -->
    <div class="div_carousel">
     <section class="carousel" aria-label="Gallery">
      <ol class="carousel__viewport">
        <li id="carousel__slide1"
        tabindex="0"
        class="carousel__slide">
            
                 <?php
                 
                 $announce="SELECT * FROM announcements ORDER BY announcement_id DESC LIMIT 1";
                 $announcements_SQL=mysqli_query($db, $announce);
                 if (mysqli_num_rows($announcements_SQL)==0){
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='images/details.png' ></a>";
                            
                            echo "</div>";
                        }
                        
                           
                        else{
                           while ($row = mysqli_fetch_array($announcements_SQL)) {
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<a href='new_announcements/".$row['announcement_img']."' style='height:100px; width:100px; padding: 5px;' data-lightbox='roadtrip' title='".$row['announcement_text']."'><img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='new_announcements/".$row['announcement_img']."' alt='".$row['announcement_text']."' ></a>";
                            echo "<pre style=' margin-top:5%; margin-bottom:5%; margin-left: -50px; margin-right:auto; '>".$row['announcement_text']."</pre>";
                            echo "</div>";
                        }
                        }
                        ?> 
            
        <div class="carousel__snapper">
            <a href="#carousel__slide4"
            class="carousel__prev">Go to last slide</a>
            <a href="#carousel__slide2"
            class="carousel__next">Go to next slide</a>

        </div>
    </li>
    <li id="carousel__slide2"
    tabindex="0"
    class="carousel__slide">
    <?php
                 
                 $announce_sql1="SELECT * FROM (SELECT * FROM announcements ORDER BY announcement_id DESC LIMIT 2) announcement1 ORDER BY announcement_id ASC LIMIT 1";
$announcements_SQL1= mysqli_query($db,$announce_sql1);
                 if (mysqli_num_rows($announcements_SQL1)==0){
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='images/details.png' ></a>";
                            
                            echo "</div>";
                        }
                        
                           
                        else{
                           while ($row = mysqli_fetch_array($announcements_SQL1)) {
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<a href='new_announcements/".$row['announcement_img']."' style='height:100px; width:100px; padding: 5px;' data-lightbox='roadtrip' title='".$row['announcement_text']."'><img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='new_announcements/".$row['announcement_img']."' alt='".$row['announcement_text']."' ></a>";
                            echo "<pre style=' margin-top:5%; margin-bottom:5%; margin-left: -50px; margin-right:auto; '>".$row['announcement_text']."</pre>";
                            echo "</div>";
                        }
                        }
                        ?>    
    <div class="carousel__snapper"></div>
    <a href="#carousel__slide1"
    class="carousel__prev">Go to previous slide</a>
    <a href="#carousel__slide3"
    class="carousel__next">Go to next slide</a>
</li>
<li id="carousel__slide3"
tabindex="0"
class="carousel__slide">
    <?php
                 
                 $announce_sql2="SELECT * FROM (SELECT * FROM announcements ORDER BY announcement_id DESC LIMIT 3) announcement1 ORDER BY announcement_id ASC LIMIT 1";
$announcements_SQL2= mysqli_query($db,$announce_sql2);
                 if (mysqli_num_rows($announcements_SQL2)==0){
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='images/details.png' ></a>";
                            
                            echo "</div>";
                        }
                        
                           
                        else{
                           while ($row = mysqli_fetch_array($announcements_SQL2)) {
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<a href='new_announcements/".$row['announcement_img']."' style='height:100px; width:100px; padding: 5px;' data-lightbox='roadtrip' title='".$row['announcement_text']."'><img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='new_announcements/".$row['announcement_img']."' alt='".$row['announcement_text']."' ></a>";
                            echo "<pre style=' margin-top:5%; margin-bottom:5%; margin-left: -50px; margin-right:auto; '>".$row['announcement_text']."</pre>";
                            echo "</div>";
                        }
                        }
                        ?> 
<div class="carousel__snapper"></div>
<a href="#carousel__slide2"
class="carousel__prev">Go to previous slide</a>
<a href="#carousel__slide4"
class="carousel__next">Go to next slide</a>
</li>
<li id="carousel__slide4"
tabindex="0"
class="carousel__slide">
 <?php
                 
                 $announce_sql3="SELECT * FROM (SELECT * FROM announcements ORDER BY announcement_id DESC LIMIT 4) announcement1 ORDER BY announcement_id ASC LIMIT 1";
$announcements_SQL3= mysqli_query($db,$announce_sql3);
                 if (mysqli_num_rows($announcements_SQL3)==0){
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='images/details.png' ></a>";
                            
                            echo "</div>";
                        }
                        
                           
                        else{
                           while ($row = mysqli_fetch_array($announcements_SQL3)) {
                            echo "<div class='post_card' style='box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin:10%;  width: 800px; height: 400px; '>";
                            echo "<a href='new_announcements/".$row['announcement_img']."' style='height:100px; width:100px; padding: 5px;' data-lightbox='roadtrip' title='".$row['announcement_text']."'><img style='height: 300px; width: 300px; object-fit:cover; margin-top:5%; margin-bottom:5%; margin-left: 5%; margin-right:5%; display:block; float:left; ' src='new_announcements/".$row['announcement_img']."' alt='".$row['announcement_text']."' ></a>";
                            echo "<pre style=' margin-top:5%; margin-bottom:5%; margin-left: -50px; margin-right:auto; '>".$row['announcement_text']."</pre>";
                            echo "</div>";
                        }
                        }
                        ?> 
<div class="carousel__snapper"></div>
<a href="#carousel__slide3"
class="carousel__prev">Go to previous slide</a>
<a href="#carousel__slide1"
class="carousel__next">Go to first slide</a>
</li>
</ol>
<aside class="carousel__navigation">
    <ol class="carousel__navigation-list">
      <li class="carousel__navigation-item">
        <a href="#carousel__slide1"
        class="carousel__navigation-button">Go to slide 1</a>
    </li>
    <li class="carousel__navigation-item">
        <a href="#carousel__slide2"
        class="carousel__navigation-button">Go to slide 2</a>
    </li>
    <li class="carousel__navigation-item">
        <a href="#carousel__slide3"
        class="carousel__navigation-button">Go to slide 3</a>
    </li>
    <li class="carousel__navigation-item">
        <a href="#carousel__slide4"
        class="carousel__navigation-button">Go to slide 4</a>
    </li>
</ol>
</aside>
</section>

</div>
<!-- end of announcements -->
    
<!-- Description -->
<div class="cards-1">
    <div class="container">
     <!-- end of row -->
     <div class="row">
        <div class="col-lg-12">

                              <!-- Card -->
                  <div class="card">
                     <div class="card-body">
                        <h4 class="card-title" style ="font-family:'Brush Script MT',cursive; background-color: #11823b; color:white; ">Vision</h4>
                     </div>
                     <?php
                        $vision_retrieve = " SELECT * FROM vm WHERE `Departments/Offices`='MINSU'";
                        $vision_display = mysqli_query($db,$vision_retrieve);
                        
                        while ($row1 = mysqli_fetch_array($vision_display)) {
                            ?>
                     <div style="height:auto; overflow:auto; ">
                        <p><?php echo $row1['Vision'];?></p>
                     </div>
                     <?php }?>
                  </div>
                  <!-- end of card -->
                  <!-- Card -->
                  <div class="card" >
                     <div class="card-body">
                        <h4 class="card-title" style ="font-family:'Brush Script MT',cursive; background-color: #11823b; color:white;">Mission</h4>
                     </div>
                     <?php
                        $mission_retrieve = " SELECT * FROM vm WHERE `Departments/Offices`='MINSU'";
                        $mission_display = mysqli_query($db,$mission_retrieve);
                        
                        while ($row2 = mysqli_fetch_array($mission_display)) {
                            ?>
                     <div style="height:auto; overflow:auto; ">
                        <p><?php echo $row2['Mission'];?></p>
                     </div>
                     <?php }?>
                  </div>
                  <!-- end of card -->
               </div>
               <!-- end of col -->
               <div class="col-lg-12" style="height: auto;">
                  <div class="card-body">
                     <h4 class="card-title" style="padding-bottom:5%; font-family:'Brush Script MT',cursive; height: 2px; width: 100%;background-color: #11823b; color:white;">Core Values</h4>
                  </div>
                  <div>
                     <br>
                     <!-- Card -->
                     <div class="card" >
                        <?php
                        $res_retrieve = " SELECT * FROM core_values WHERE `ID`='1'";
                        $res_display = mysqli_query($db,$res_retrieve);
                        
                           while ($row3 = mysqli_fetch_array($res_display)) {
                               ?>
                        <div style="height:auto; overflow:auto; ">
                           <p><?php echo $row3['Resilience'];?></p>
                        </div>
                        <div class="card-body">
                           <h4 class="card-title" style ="font-family:'Brush Script MT',cursive; background-color: #11823b; color:white;">Resilience</h4>
                        </div>
                        <?php }?>
                     </div>
                     <!-- end of card -->
                     <!-- Card -->
                     <div class="card" >
                        <?php
                        $integ_retrieve = " SELECT * FROM core_values WHERE `ID`='1'";
                        $integ_display = mysqli_query($db,$integ_retrieve);
                        
                           while ($row4 = mysqli_fetch_array($integ_display)) {
                               ?>
                        <div style="height:auto; overflow:auto; ">
                           <p><?php echo $row4['Integrity'];?></p>
                        </div>
                        <div class="card-body">
                           <h4 class="card-title" style ="font-family:'Brush Script MT',cursive; background-color: #11823b; color:white;">Integrity</h4>
                        </div>
                        <?php }?>
                     </div>
                     <!-- end of card -->
                  </div>
                  <div>
                     <div class="card" >
                        <?php
                        $comm_retrieve = " SELECT * FROM core_values WHERE `ID`='1'";
                        $comm_display = mysqli_query($db,$comm_retrieve);
                        
                           while ($row5 = mysqli_fetch_array($comm_display)) {
                               ?>
                        <div style="height:auto; overflow:auto; ">
                           <p><?php echo $row5['Commitment'];?></p>
                        </div>
                        <div class="card-body">
                           <h4 class="card-title" style ="font-family:'Brush Script MT',cursive; background-color: #11823b; color:white;">Commitment</h4>
                        </div>
                        <?php }?>
                     </div>
                     <!-- end of card -->
                     <!-- Card -->
                     <div class="card" >
                        <?php
                        $excel_retrieve = " SELECT * FROM core_values WHERE `ID`='1'";
                        $excel_display = mysqli_query($db,$excel_retrieve);
                        
                           while ($row6 = mysqli_fetch_array($excel_display)) {
                               ?>
                        <div style="height:auto; overflow:auto;">
                           <p><?php echo $row6['Excellence'];?></p>
                        </div>
                        <div class="card-body">
                           <h4 class="card-title" style ="font-family:'Brush Script MT',cursive; background-color: #11823b; color:white;">Excellence</h4>
                        </div>
                        <?php }?>
                     </div>
                     <!-- end of card -->

        </div>
        <!-- Card -->
        
    </div>
</div> <!-- end of row -->
</div> <!-- end of container -->
</div> <!-- end of cards-1 -->
<!-- end of description -->






    <!-- Video -->
    <div id="video" class="basic-2">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="above-heading">Mindoro State University</div>
                    <h2 class="h2-heading">About</h2>
                </div> <!-- end of col -->
            </div> <!-- end of row -->
            <div class="row">
                <div class="col-lg-12">

                    <!-- Video Preview -->
                    <div class="image-container">
                        <div class="video-wrapper">
                            <a class="popup-youtube" href="https://www.youtube.com/watch?v=WfAHvqtneqY&t=95s" data-effect="fadeIn">
                                <img class="img-fluid" src="images/header.jpg" alt="alternative">
                                <span class="video-play-button">
                                    <span></span>
                                </span>
                            </a>
                        </div> <!-- end of video-wrapper -->
                    </div> <!-- end of image-container -->
                    <!-- end of video preview -->

                    <div class="p-heading">What better way to show off Tivo marketing automation saas app than presenting you some great situations of each module and tool available to users in a video</div>
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div> <!-- end of container -->
    </div> <!-- end of basic-2 -->
    <!-- end of video -->



    <!-- gallery -->
    <section class="swag text-center" id="portfolio">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <br>
                    <br>
                    <br>
                    <div class="above-heading">Mindoro State University</div>
                    <h2 class="h2-heading">Gallery</h2>
                </div> <!-- end of col -->
            </div> <!-- end of row -->
        </div>
    </div>
</section>


<!-- PORTFOLIO ITEM  -->
<div class="container">
    <div class="col-lg-12">

        <!-- Card -->
        <div class="card">
            <div class="card-image" style="margin-left:10%; margin-right:10%;">
                <?php
                 $index_portfolio="SELECT * FROM image_upload ORDER BY id DESC  ";
                    $port_index= mysqli_query($db,$index_portfolio);
                 if (mysqli_num_rows($port_index)==0){
                            echo "<img class='grayscale' style='height:200px; width: 200px; object-fit:cover;  ' src='images/details.png' >";
                }
                        
                           
                        else{
                            while ($row = mysqli_fetch_array($port_index)) {
                    echo "<a href='uploads/".$row['image']."' style='height:100px; width:100px; padding: 5px;' data-lightbox='roadtrip' title='".$row['image_text']."'><img class='grayscale' style='height:200px; width: 200px; object-fit:cover;  ' src='uploads/".$row['image']."' alt='Portfolio Item' ></a>";
                           }                       
                        }
                        ?> 
            </div>
        </div>
        <!-- end of card -->
    </div>
</div>

<!-- PORTFOLIO ITEM END -->
<!-- end of gallery -->



<br><br><br><br><br><br><br><br><br><br>

<!-- Footer -->
<svg class="footer-frame" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 1920 79"><defs><style>.cls-2{fill:#11823b;}</style></defs><title>footer-frame</title><path class="cls-2" d="M0,72.427C143,12.138,255.5,4.577,328.644,7.943c147.721,6.8,183.881,60.242,320.83,53.737,143-6.793,167.826-68.128,293-60.9,109.095,6.3,115.68,54.364,225.251,57.319,113.58,3.064,138.8-47.711,251.189-41.8,104.012,5.474,109.713,50.4,197.369,46.572,89.549-3.91,124.375-52.563,227.622-50.155A338.646,338.646,0,0,1,1920,23.467V79.75H0V72.427Z" transform="translate(0 -0.188)"/></svg>
<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="footer-col first">
                    <h4>About Tivo</h4>
                    <p class="p-small">We're passionate about designing and developing one of the best marketing apps in the market</p>
                </div>
            </div> <!-- end of col -->
            <div class="col-md-4">
                <div class="footer-col middle">
                    <h4>Important Links</h4>
                    <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                            <i class="fas fa-square"></i>
                            <div class="media-body">Our business partners <a class="white" href="#your-link">startupguide.com</a></div>
                        </li>
                        <li class="media">
                            <i class="fas fa-square"></i>
                            <div class="media-body">Read our <a class="white" href="terms-conditions.html">Terms & Conditions</a>, <a class="white" href="privacy-policy.html">Privacy Policy</a></div>
                        </li>
                    </ul>
                </div>
            </div> <!-- end of col -->
            <div class="col-md-4">
                <div class="footer-col last">
                    <h4>Contact</h4>
                    <ul class="list-unstyled li-space-lg p-small">
                        <li class="media">
                            <i class="fas fa-map-marker-alt"></i>
                            <div class="media-body">22 Innovative, San Francisco, CA 94043, US</div>
                        </li>
                        <li class="media">
                            <i class="fas fa-envelope"></i>
                            <div class="media-body"><a class="white" href="mailto:contact@tivo.com">contact@tivo.com</a> <i class="fas fa-globe"></i><a class="white" href="#your-link">www.tivo.com</a></div>
                        </li>
                    </ul>
                </div>
            </div> <!-- end of col -->
        </div> <!-- end of row -->
    </div> <!-- end of container -->
</div> <!-- end of footer -->
<!-- end of footer -->


<!-- Copyright -->
<div class="copyright">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <p class="p-small">Copyright © 2020 <a href="https://inovatik.com">Template by Inovatik</a></p>
            </div> <!-- end of col -->
        </div> <!-- enf of row -->
    </div> <!-- end of container -->
</div> <!-- end of copyright -->
<!-- end of copyright -->


<!-- Scripts -->
<script src="js/jquery.min.js"></script> <!-- jQuery for Bootstrap's JavaScript plugins -->
<script src="js/popper.min.js"></script> <!-- Popper tooltip library for Bootstrap -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap framework -->
<script src="js/jquery.easing.min.js"></script> <!-- jQuery Easing for smooth scrolling between anchors -->
<script src="js/swiper.min.js"></script> <!-- Swiper for image and text sliders -->
<script src="js/jquery.magnific-popup.js"></script> <!-- Magnific Popup for lightboxes -->
<script src="js/validator.min.js"></script> <!-- Validator.js - Bootstrap plugin that validates forms -->
<script src="js/scripts.js"></script> <!-- Custom scripts -->
</body>
</html>
