<commit_before><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title><NAME></title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

    <!-- Theme CSS -->
    <link href="css/agency.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">Paoay Kumakaway</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Platforms</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Features</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">Project Timeline</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">Team</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">Travel Ilocos Norte with Ease!</div>
                <div class="intro-heading">Paoay Kumakaway</div>
                <a href="#services" class="page-scroll btn btn-xl">Explore</a>
            </div>
        </div>
    </header>

    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Platforms</h2>
                    <h3 class="section-subheading text-muted">Web and Mobile Modules</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
                    <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-android fa-stack-1x fa-inverse"></i>
                    </span>
                    </a>
                    <h4 class="service-heading">Android</h4>
                </div>
                <div class="col-md-4">
                    <a href="https://byaheng-norte-a99d5.firebaseapp.com/#/">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                    <h4 class="service-heading">Web</h4>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-apple fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">iOS</h4>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Features</h2>
                    <h3 class="section-subheading text-muted">For Web & Mobile Applications</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#attractionsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/attraction.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Attractions</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#accommodationsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/accommodation.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Accommodations</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#foodsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/foods.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Foods</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#eventsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/event.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Events</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#contactsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/contact.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Contacts</h4>
                        
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#mapsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/maps.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Maps</h4>
                        
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <!--Empty-->
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#otherModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/request.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Other Features</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <!--Empty-->
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Project Timeline</h2>
                    <h3 class="section-subheading text-muted">Projected timeline for implementation of Paoay Kumakaway Application.</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/kickoff.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>October 2016</h4>
                                    <h4 class="subheading">Project Kickoff</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the contract agreement between stakeholders and developers on the implementation and scope details and Paoay Kumakaway Application content.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/go-live.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>Nombember 2016</h4>
                                    <h4 class="subheading">GO LIVE: Initial Application Deployment</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the release of the first working application, as has been defined in the contract agreement. The content of the first release includes the major modules of the application like Attractions, Foods, Accommodations and Events, as well as both the Android and Web applications for its administrators.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/apple-dev.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>December 2016</h4>
                                    <h4 class="subheading">Development of iOS Application</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Development of iOS Application This milestone is characterized by the implementation of the iOS application development and release of initial modules.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/update-development.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>January - March 2017</h4>
                                    <h4 class="subheading">Implementation of other features in mobile and web applications</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the implementation of the remaining features in both mobile and web applications, as agreed upon in the contract agreement.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/maintenance.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>April - December 2017</h4>
                                    <h4 class="subheading">Support and Maintenance</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the support and mintenance of the applications, as well as documentations and minor feature updates.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <h4>Paoay
                                    <br>Kumakaway
                                </h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Team Section -->
    <section id="team" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Creator</h2>
                    <h3 class="section-subheading text-muted">Execution is the key</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="img/team/1.jpg" class="img-responsive img-circle" alt="">
                        <h4>Dominick 'Nick' Tunac</h4>
                        <p class="text-muted">Full Stack Developer</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="https://nicktunac.github.io/" target="_blank"><i class="fa fa-globe"></i></a>
                            </li>
                            <li><a href="https://ph.linkedin.com/in/dominick-job-tunac-78722a99" target="_blank"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p class="large text-muted">Nick obtained his Bachelor's degree in Computer Science from Mariano Marcos State University. Paoay Kumakaway is his first deployed application, aided with over two years of experience in the Corporate Software Engineering, serving both international and local clients in various sectors.</p>
                    
                    <br />
                    
                    <p class="large text-muted"><b>Email:</b> <EMAIL> <br /><b>Text or Call:</b> +63 935 455 1716</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer Section -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Kodigo! Software at its finest</span>
                </div>
                <div class="col-md-4">
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li>2016
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Attractions Modal -->
    <div class="portfolio-modal modal fade" id="attractionsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Attractions</h2>
                                <p class="item-intro text-muted">Features the places of interest for travelers who are game for walks on pilgrimage, dozes of adventure, spices of culture and heritage and more!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/attractions.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/attractions-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for attractions</p>
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Accommodations Modal -->
    <div class="portfolio-modal modal fade" id="accommodationsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Accommodations</h2>
                                <p class="item-intro text-muted">To cap of a day full of fun and adventure, choose your best-suited accommodation from our trusted partner list.</p>
                                <img class="img-responsive img-centered" src="img/portfolio/accommodations.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/accommodations-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for accommodations</p>    
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Foods Modal -->
    <div class="portfolio-modal modal fade" id="foodsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Foods</h2>
                                <p class="item-intro text-muted">To power you up with your daily adventure, indulge in the taste of Ilocano culture with our featured  food & dining restaurants!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/foods-dining.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/foods-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for Foods</p>
                                
                                
                                
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Events Modal -->
    <div class="portfolio-modal modal fade" id="eventsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Events</h2>
                                <p class="item-intro text-muted">Celebrate with the locals in these festivals that surely define the Ilocano fiesta!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/events.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/foods-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for Event</p>
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Contacts Modal -->
    <div class="portfolio-modal modal fade" id="contactsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Contacts</h2>
                                <p class="item-intro text-muted">Need help with anything? The Ilocos Norte LGU's always lend a helping land!</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/contacts.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator see the list of contacts</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/contacts-add.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add a new entry in contacts</p>
                                
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Maps Modal -->
    <div class="portfolio-modal modal fade" id="mapsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Maps</h2>
                                <p class="item-intro text-muted">Like to be hands-on with your itinerary? Check the provincial map below!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/maps-app.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Other Features Modal -->
    <div class="portfolio-modal modal fade" id="otherModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Nice to have features</h2>
                                
                                <br />
                                <br />
                                
                                <img class="img-responsive img-centered" src="img/about/weather.png" alt="">
                                <h3>Weather</h3>
                                <p>Enable users to check the weather of Ilocos Norte in the next 5 days</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/tourist-centre.png" alt="">
                                <h3>Tourist Centres</h3>
                                <p>Tourist will be able to check if there's a Near Tourist Centres in their location</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/travel%20guide.png" alt="">
                                <h3>Travel Guide</h3>
                                <p>Basic FAQS about Ilocos.</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/itinerary.png" alt="">
                                <h3>Itinerary</h3>
                                <p>Tourists can pick the right itinerary that suits their time and location. Administrator can suggest itinerary to the tourists</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/pasalubong.png" alt="">
                                <h3>Pasalubong</h3>
                                <p>Tourists can take advantage where to buy pasalubong, categorized by town and type</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/tour-guide.png" alt="">
                                <h3>Tour Guide</h3>
                                <p>Tourists can contact accredited tour guides in the town, to avoid malicious promos and illegal activities of tour guides</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/social-media.png" alt="">
                                <h3>Social Media Interaction</h3>
                                <p>Tourists can share their experience on a certain application using the mobile app.</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/idea.png" alt="">
                                <h3>Got other features?</h3>
                                <h5>Let's make Ilocos Norte more fun with Paoay Kumakaway Mobile Application</h5>
                                <br />
                                <br />
                                <br />
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script><commit_msg>#Hacktoberfest Day 12<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Paoay Kumakaway</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700' rel='stylesheet' type='text/css'>

    <!-- Theme CSS -->
    <link href="css/agency.min.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">Paoay Kumakaway</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">Platforms</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">Features</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">Project Timeline</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">Team</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">Travel Ilocos Norte with Ease!</div>
                <div class="intro-heading"><NAME></div>
                <a href="#services" class="page-scroll btn btn-xl">Explore</a>
            </div>
        </div>
    </header>

    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Platforms</h2>
                    <h3 class="section-subheading text-muted">Web and Mobile Modules</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-4">
                    <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-android fa-stack-1x fa-inverse"></i>
                    </span>
                    </a>
                    <h4 class="service-heading">Android</h4>
                </div>
                <div class="col-md-4">
                    <a href="https://byaheng-norte-a99d5.firebaseapp.com/#/" target="_blank">
                        <span class="fa-stack fa-4x">
                            <i class="fa fa-circle fa-stack-2x text-primary"></i>
                            <i class="fa fa-laptop fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                    <h4 class="service-heading">Web</h4>
                </div>
                <div class="col-md-4">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-apple fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">iOS</h4>
                </div>
            </div>
        </div>
    </section>

    <!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Features</h2>
                    <h3 class="section-subheading text-muted">For Web & Mobile Applications</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#attractionsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/attraction.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Attractions</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#accommodationsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/accommodation.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Accommodations</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#foodsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/foods.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Foods</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#eventsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/event.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Events</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#contactsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/contact.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Contacts</h4>
                        
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#mapsModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/maps.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Maps</h4>
                        
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <!--Empty-->
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#otherModal" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/portfolio/request.png" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>Other Features</h4>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <!--Empty-->
                </div>
            </div>
        </div>
    </section>

    <!-- About Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Project Timeline</h2>
                    <h3 class="section-subheading text-muted">Projected timeline for implementation of Paoay Kumakaway Application.</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/kickoff.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>October 2016</h4>
                                    <h4 class="subheading">Project Kickoff</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the contract agreement between stakeholders and developers on the implementation and scope details and Paoay Kumakaway Application content.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/go-live.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>Nombember 2016</h4>
                                    <h4 class="subheading">GO LIVE: Initial Application Deployment</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the release of the first working application, as has been defined in the contract agreement. The content of the first release includes the major modules of the application like Attractions, Foods, Accommodations and Events, as well as both the Android and Web applications for its administrators.</p>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/apple-dev.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>December 2016</h4>
                                    <h4 class="subheading">Development of iOS Application</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">Development of iOS Application This milestone is characterized by the implementation of the iOS application development and release of initial modules.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/update-development.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>January - March 2017</h4>
                                    <h4 class="subheading">Implementation of other features in mobile and web applications</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the implementation of the remaining features in both mobile and web applications, as agreed upon in the contract agreement.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/maintenance.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>April - December 2017</h4>
                                    <h4 class="subheading">Support and Maintenance</h4>
                                </div>
                                <div class="timeline-body">
                                    <p class="text-muted">This milestone is characterized by the support and mintenance of the applications, as well as documentations and minor feature updates.</p>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <h4>Paoay
                                    <br>Kumakaway
                                </h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- Team Section -->
    <section id="team" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">Creator</h2>
                    <h3 class="section-subheading text-muted">Execution is the key</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-4">
                </div>
                <div class="col-sm-4">
                    <div class="team-member">
                        <img src="img/team/1.jpg" class="img-responsive img-circle" alt="">
                        <h4>Dominick 'Nick' Tunac</h4>
                        <p class="text-muted">Full Stack Developer</p>
                        <ul class="list-inline social-buttons">
                            <li><a href="https://nicktunac.github.io/" target="_blank"><i class="fa fa-globe"></i></a>
                            </li>
                            <li><a href="https://ph.linkedin.com/in/dominick-job-tunac-78722a99" target="_blank"><i class="fa fa-linkedin"></i></a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-4">
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <p class="large text-muted">Nick obtained his Bachelor's degree in Computer Science from Mariano Marcos State University. <NAME> is his first deployed application, aided with over two years of experience in the Corporate Software Engineering, serving both international and local clients in various sectors.</p>
                    
                    <br />
                    
                    <p class="large text-muted"><b>Email:</b> <EMAIL> <br /><b>Text or Call:</b> +63 935 455 1716</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer Section -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">Kodigo! Software at its finest</span>
                </div>
                <div class="col-md-4">
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li>2016
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Attractions Modal -->
    <div class="portfolio-modal modal fade" id="attractionsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Attractions</h2>
                                <p class="item-intro text-muted">Features the places of interest for travelers who are game for walks on pilgrimage, dozes of adventure, spices of culture and heritage and more!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/attractions.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/attractions-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for attractions</p>
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Accommodations Modal -->
    <div class="portfolio-modal modal fade" id="accommodationsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Accommodations</h2>
                                <p class="item-intro text-muted">To cap of a day full of fun and adventure, choose your best-suited accommodation from our trusted partner list.</p>
                                <img class="img-responsive img-centered" src="img/portfolio/accommodations.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/accommodations-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for accommodations</p>    
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Foods Modal -->
    <div class="portfolio-modal modal fade" id="foodsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Foods</h2>
                                <p class="item-intro text-muted">To power you up with your daily adventure, indulge in the taste of Ilocano culture with our featured  food & dining restaurants!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/foods-dining.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/foods-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for Foods</p>
                                
                                
                                
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Events Modal -->
    <div class="portfolio-modal modal fade" id="eventsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Events</h2>
                                <p class="item-intro text-muted">Celebrate with the locals in these festivals that surely define the Ilocano fiesta!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/events.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/foods-web.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add new entry for Event</p>
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Contacts Modal -->
    <div class="portfolio-modal modal fade" id="contactsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Contacts</h2>
                                <p class="item-intro text-muted">Need help with anything? The Ilocos Norte LGU's always lend a helping land!</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/contacts.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator see the list of contacts</p>
                                
                                <img class="img-responsive img-centered" src="img/portfolio/contacts-add.png" alt="">
                                <p>Screenshot of Web Application. This is where the administrator add a new entry in contacts</p>
                                
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Maps Modal -->
    <div class="portfolio-modal modal fade" id="mapsModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Maps</h2>
                                <p class="item-intro text-muted">Like to be hands-on with your itinerary? Check the provincial map below!</p>
                                <img class="img-responsive img-centered" src="img/portfolio/maps-app.png" alt="">
                                <p>Screenshot of Android Application available in Google Play <a href="https://play.google.com/store/apps/details?id=com.kodigo.paoaykumakaway" target="_blank">link</a> here</p>
                                
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Other Features Modal -->
    <div class="portfolio-modal modal fade" id="otherModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>Nice to have features</h2>
                                
                                <br />
                                <br />
                                
                                <img class="img-responsive img-centered" src="img/about/weather.png" alt="">
                                <h3>Weather</h3>
                                <p>Rain or shine, here we come! Have a glimpse below for the weather outside in the next 5 days!</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/tourist-centre.png" alt="">
                                <h3>Tourist Centres</h3>
                                <p>Don't wanna miss a thing? Drop by any tourist center scattered around popular areas to be advised of best-to-go-to events nearby!</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/travel%20guide.png" alt="">
                                <h3>Travel Guide</h3>
                                <p>Whether you know the North by heart or still on your way to falling in love, we give you some basic FAQS about the great Ilocos Norte.</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/itinerary.png" alt="">
                                <h3>Itinerary</h3>
                                <p>Staying for five or so days? We offer you help with picking the best-suited itinerary for your stay!</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/pasalubong.png" alt="">
                                <h3>Pasalubong</h3>
                                <p>Whether you are a bagnet lover, an emapanada fan or into bibingka (OR ALL), we'd like to help you be aware of where to buy the best pasalubong across towns and cities!</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/tour-guide.png" alt="">
                                <h3>Tour Guide</h3>
                                <p>Every Ilocano you meet on the road would be happy to help you with your tour! But if a dedicated tour guide is preferred, we offer you our trusted partner tour guides in town! P.S. Don't hesitate to ask for promos! 🙂 </p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/social-media.png" alt="">
                                <h3>Social Media Interaction</h3>
                                <p>Enjoyed Ilocos or enjoyed Ilocos soooooo muuuuuuuch? Share your experience using this mobile app!</p>
                                
                                <hr />
                                
                                <img class="img-responsive img-centered" src="img/about/idea.png" alt="">
                                <h3>Got other features?</h3>
                                <h5>Let's make Ilocos Norte more fun with Paoay Kumakaway Mobile Application</h5>
                                <br />
                                <br />
                                <br />
                                <button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fa fa-times"></i>
                                    Close Project</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
{'fraction_non_alphanumeric': 0.1234362907197636, 'fraction_numerical': 0.00751424751987617, 'mean_word_length': 1.0644317917731816, 'pattern_counts': {'":': 0, '<': 1530, '<?xml version=': 0, '>': 1530, 'https://': 32, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 1, 'word_list_counts': {'cursed_substrings.json': 78, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1238594', 'n_tokens_mistral': 18320, 'n_tokens_neox': 16797, 'n_words': 3909}