<commit_before><!doctype html>
<html class="no-js" lang="en">
    <head>
        <!-- title -->
        <title>About.jiyoon</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
        <meta name="author" content="ThemeZaa">
        <!-- description -->
        <meta name="description" content="JIYOON KIM IS A GRAPHIC DESIGNER BASED IN SEOUL.">
        <!-- keywords -->
        <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, coming soon, faq">
        <!-- favicon -->
        <link rel="shortcut icon" href="images/favicon.png">
        <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
        <!-- animation -->
        <link rel="stylesheet" href="css/animate.css" />
        <!-- bootstrap -->
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <!-- et line icon --> 
        <link rel="stylesheet" href="css/et-line-icons.css" />
        <!-- font-awesome icon -->
        <link rel="stylesheet" href="css/font-awesome.min.css" />
        <!-- themify icon -->
        <link rel="stylesheet" href="css/themify-icons.css">
        <!-- swiper carousel -->
        <link rel="stylesheet" href="css/swiper.min.css">
        <!-- justified gallery  -->
        <link rel="stylesheet" href="css/justified-gallery.min.css">
        <!-- magnific popup -->
        <link rel="stylesheet" href="css/magnific-popup.css" />
        <!-- revolution slider -->
        <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
        <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
        <!-- bootsnav -->
        <link rel="stylesheet" href="css/bootsnav.css">
        <!-- style -->
        <link rel="stylesheet" href="css/style.css" />
        <!-- responsive css -->
        <link rel="stylesheet" href="css/responsive.css" />
        <!--[if IE]>
            <script src="js/html5shiv.js"></script>
        <![endif]-->
    </head>
    <body>
        <!-- start header -->
        <header>
            <!-- start navigation -->
            <nav class="navbar navbar-default bootsnav navbar-fixed-top background-transparent nav-box-width white-link navbar-expand-lg">
                <div class="container-fluid nav-header-container">
                    <!-- start logo -->
                    <div class="col-auto pl-0">
                        <a href="/" title="ABOUT.JIYOON" class="logo alt-font text-white text-medium">ABOUT.JIYOON</a>
                    </div>
                    <!-- end logo -->
                    <div class="col accordion-menu pr-0 pr-md-3">
                        <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
                            <span class="sr-only">toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
                            <ul id="accordion" class="nav navbar-nav no-margin alt-font text-normal" data-in="fadeIn" data-out="fadeOut">
                                <!-- start menu item -->
                                <li class="dropdown megamenu-fw">
                                    <a href="/">Home</a>
                                </li>
                                <!-- end menu item -->
                                <li class="dropdown simple-dropdown"><a href="about-me">SHORT HISTORY</a><i class="fas fa-angle-down dropdown-toggle" data-toggle="dropdown" aria-hidden="true"></i>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto pr-0">
                        <div class="header-social-icon d-none d-md-inline-block">
                            <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                            <a href="https://instagram.com/" title="instagram" target="_blank"><i class="fab fa-instagram"></i></a>
                            <a href="https://dribbble.com/" title="Behance" target="_blank"><i class="fab fa-behance"></i></a>                          
                        </div>
                    </div>
                </div>
            </nav>
            <!-- end navigation --> 
        </header>
        <!-- end header -->
        <!-- start hero section -->
        <section id="home" class="p-0 parallax mobile-height md-position-relative wow fadeIn" data-stellar-background-ratio="0.5" style="background-image:url('images/parallax-black.jpg');">

            <div class="container position-relative full-screen">
                <div class="slider-typography">
                    <div class="slider-text-middle-main sm-padding-15px-lr">
                        <div class="slider-text-middle alt-font text-white-2">
                            <div class="col-lg-6 col-md-7 padding-30px-right">
                                <h1 class="font-weight-500 margin-40px-bottom demo-heading">NERDY DESIGNER</BR>STORYTELLER</BR>WRITER</BR>THINKER</BR>EXPLORER</BR>LUNATIC</BR>DOER</BR>YES, IT'S ME.
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end hero section -->
        <!-- start portfolio -->
        <section class="bg-black wow fadeIn p-0">
            <div class="bg-black">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12">
                            <!-- start filter navigation -->
                            <ul class="portfolio-filter nav nav-tabs justify-content-center portfolio-filter-tab-2 border-none font-weight-600 alt-font text-center text-small padding-35px-tb">
                                <li class="nav-item"><a href="javascript:void(0);" data-filter=".HIGHLIGHTED" class="nav-link text-white-2 text-small">HIGHLIGHTED</a></li>
                                <li class="nav-item"><a href="javascript:void(0);" data-filter=".SIDES" class="nav-link text-white-2 text-small">SIDE PROJECTS</a></li>
                                <li class="nav-item"><a href="javascript:void(0);" data-filter=".CONCEPT" class="nav-link text-white-2 text-small">CONCEPT</a></li>
                                <li class="nav-item active"><a href="javascript:void(0);" data-filter="*" class="nav-link text-white-2 text-very-small">SEE ALL</a></li>
                            </ul>                                                                           
                            <!-- end filter navigation -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col filter-content overflow-hidden padding-100px-all md-padding-15px-all">
                        <ul class="portfolio-grid work-4col alt-font text-center hover-option11 gutter-extra-large">
                            <li class="grid-sizer"></li>
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp">
                                <a href="https://www.behance.net/gallery/79222531/2019-Korea-Sommelier-of-the-Year" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/ksomm2019.gif" alt=""/></div>
                                    <span class="portfolio-item-title">KOREA SOMMELIER OF THE YEAR 2019</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/48498481/Mclang-Saloon-Introducing-Korean-craft-brewery" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/mclang.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">MCLANG SALOON</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/79363019/DODO-hackathon" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/dodo11.gif" alt=""/></div>
                                    <span class="portfolio-item-title">DODO Hackathon</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/62833729/Hashup-iOS-Android-app" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/hashup.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">HASHUP</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp" data-wow-delay="0.8s">
                                <a href="https://www.behance.net/gallery/79071355/HBD-MORE" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/288cd879071355.5cbdf3e6c9981.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">HBD&amp;MORE</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp">
                                <a href="https://www.behance.net/gallery/71093665/Grabity-Blockchain-startup-branding" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/grabity.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">GRABITY</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item classic wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/52612371/My-Secret-Cellar" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/mysecretcellar.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">MY SECRET CELLAR</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/79258679/Vuejs-Korea-Vuetiful-6th-Meetup" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/Vue.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">VUE.JS MEETUP</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/56285039/2017-MCP-Exhibition-BORDERLESS" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/borderless.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">BORDERLESS</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp">
                                <a href="https://www.behance.net/gallery/70598819/2018-WITHCAMP-hackathon" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/withcamp.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">WITHCAMP 2018</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/70446029/2018-Droid-Knights-Android-developers-conference" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/DK2018.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">DROID KNIGHTS 2018</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/52541349/Breeze-Voice-only-SNS" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/breeze.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">BREEZE</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/59445167/2018-Korea-Sommelier-Summit" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/ksomm2018.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">KOREA SOMMELIER OF THE YEAR 2018</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp">
                                <a href="https://www.behance.net/gallery/52121775/Finner-Fishing-buddy-for-beginners" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/finner.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">FINNER</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/47708261/Samsung-foveo-360-concept" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/foveo.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">FOVEO 360</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/46913817/MUV-buskers-communication-hub" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/muv.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">MUV</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/46889775/Winevision-school-brand-design" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/winevision.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">winevision</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item portfolio wow fadeInUp">
                                <a href="https://www.behance.net/gallery/36194427/2016-Korea-Sommelier-of-the-Year" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/ksomm2016.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">KOREA SOMMELIER OF THE YEAR 2016</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            
                    </div>
                </div>
            </div>
        </section>
        <!-- end portfolio -->
        <!-- start product slider section -->
        <section id="portfolio" class="bg-light-gray  wow fadeIn">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-8 text-center margin-80px-bottom lg-margin-50px-bottom sm-margin-30px-bottom last-paragraph-no-margin">
                        <span class="text-extra-large d-block alt-font text-extra-dark-gray margin-10px-bottom font-weight-600">When I have extra time...</span>
                        <p class="alt-font width-80 md-width-90 sm-width-100 mx-auto">I like writing essays about my experience, sharing nice references and translate design articles. Also I love exploring new fonts and typography styles, archiving useful websites for designers. Lastly I'm running hackathon DODO and collecting worksongs!</p>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col swiper-presentation black-move overflow-hidden sm-position-relative sm-no-padding-lr">
                        <div class="swiper-wrapper">
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="single-project-page-01.html" target="_blank"><img src="images/pofo-portfolio-layout-img-01.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://www.notion.so/Bookmarkable-Studios-Designers-4f03a16099c74c35808ff9da943fc248" target="_blank"><img src="images/pofo-portfolio-layout-img-02.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/19" target="_blank"><img src="images/pofo-portfolio-layout-img-03.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/34" target="_blank"><img src="images/pofo-portfolio-layout-img-04.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/27" target="_blank"><img src="images/pofo-portfolio-layout-img-05.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/10" target="_blank"><img src="images/pofo-portfolio-layout-img-06.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="single-project-page-07.html" target="_blank"><img src="images/pofo-portfolio-layout-img-07.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://itunes.apple.com/profile/designers_worksong" target="_blank"><img src="images/pofo-portfolio-layout-img-08.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                        </div>
                        <div class="swiper-button-next swiper-button-black-highlight d-block d-lg-none"></div>
                        <div class="swiper-button-prev swiper-button-black-highlight d-block d-lg-none"></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end product slider section -->

        <!-- start purchase section -->
        <section class="bg-charcoal-gray wow fadeIn">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-8 col-md-10 d-flex align-items-center extra-small-screen text-center sm-padding-15px-lr">
                        <div>
                            <div class="alt-font text-uppercase margin-20px-bottom font-weight-300">THANK YOU FOR WATCHING</div>
                            <h2 class="text-white-2 margin-45px-bottom sm-margin-25px-bottom alt-font font-weight-300">Want to know me better?</h2>
                            <a href="about-me" class="btn btn-white btn-large btn-rounded">YYEEESSSS</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end purchase section -->

        <!-- start footer --> 
        <footer class="footer-strip-dark bg-extra-dark-gray padding-50px-tb sm-padding-30px-tb">
            <div class="container">
                <div class="row align-items-center">
                    <!-- start logo -->
                    <div class="col-md-3 text-center text-md-left sm-margin-20px-bottom alt-font">
                        <a href="/">ABOUT.JIYOON</a>
                    </div> 
                    <!-- end logo -->
                    <!-- start copyright -->
                    <div class="col-md-6 text-center text-small alt-font sm-margin-10px-bottom">
                        &copy; ALL RIGHT RESERVED 2012-2019. <NAME>
                    </div>
                    <!-- end copyright -->
                    <!-- start social media -->
                    <div class="col-md-3 text-center text-md-right">
                        <div class="social-icon-style-8 d-inline-block vertical-align-middle">
                            <ul class="small-icon mb-0">
                                <li><a class="facebook text-white" href="https://www.facebook.com/about-jiyoon" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                                <li><a class="instagram text-white" href="https://instagram.com/about.jiyoon" target="_blank"><i class="fab fa-instagram mr-0" aria-hidden="true"></i></a></li>
                                <li><a class="behance text-white" href="https://about-jiyoon.kr" target="_blank"><i class="fab fa-behance"></i></a></li>                               
                            </ul>
                        </div>
                    </div>
                    <!-- end social media -->
                </div>
            </div>
        </footer>
        <!-- end footer -->
        <!-- start scroll to top -->
        <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
        <!-- end scroll to top  -->
        <!-- javascript libraries -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/modernizr.js"></script>
        <script type="text/javascript" src="js/bootstrap.bundle.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/skrollr.min.js"></script>
        <script type="text/javascript" src="js/smooth-scroll.js"></script>
        <script type="text/javascript" src="js/jquery.appear.js"></script>
        <!-- menu navigation -->
        <script type="text/javascript" src="js/bootsnav.js"></script>
        <script type="text/javascript" src="js/jquery.nav.js"></script>
        <!-- animation -->
        <script type="text/javascript" src="js/wow.min.js"></script>
        <!-- page scroll -->
        <script type="text/javascript" src="js/page-scroll.js"></script>
        <!-- swiper carousel -->
        <script type="text/javascript" src="js/swiper.min.js"></script>
        <!-- counter -->
        <script type="text/javascript" src="js/jquery.count-to.js"></script>
        <!-- parallax -->
        <script type="text/javascript" src="js/jquery.stellar.js"></script>
        <!-- magnific popup -->
        <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
        <!-- portfolio with shorting tab -->
        <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
        <!-- images loaded -->
        <script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
        <!-- pull menu -->
        <script type="text/javascript" src="js/classie.js"></script>
        <script type="text/javascript" src="js/hamburger-menu.js"></script>
        <!-- counter  -->
        <script type="text/javascript" src="js/counter.js"></script>
        <!-- fit video  -->
        <script type="text/javascript" src="js/jquery.fitvids.js"></script>
        <!-- skill bars  -->
        <script type="text/javascript" src="js/skill.bars.jquery.js"></script> 
        <!-- justified gallery  -->
        <script type="text/javascript" src="js/justified-gallery.min.js"></script>
        <!--pie chart-->
        <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
        <!-- instagram -->
        <script type="text/javascript" src="js/instafeed.min.js"></script>
        <!-- retina -->
        <script type="text/javascript" src="js/retina.min.js"></script>
        <!-- revolution -->
        <script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
        <script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
        <!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
        <!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>-->
        <!-- setting -->
        <script type="text/javascript" src="js/main.js"></script>
    </body>
</html><commit_msg>edit dodo poster and menu text<commit_after><!doctype html>
<html class="no-js" lang="en">
    <head>
        <!-- title -->
        <title>About.jiyoon</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1" />
        <meta name="author" content="ThemeZaa">
        <!-- description -->
        <meta name="description" content="JIYOON KIM IS A GRAPHIC DESIGNER BASED IN SEOUL.">
        <!-- keywords -->
        <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, coming soon, faq">
        <!-- favicon -->
        <link rel="shortcut icon" href="images/favicon.png">
        <link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
        <!-- animation -->
        <link rel="stylesheet" href="css/animate.css" />
        <!-- bootstrap -->
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <!-- et line icon --> 
        <link rel="stylesheet" href="css/et-line-icons.css" />
        <!-- font-awesome icon -->
        <link rel="stylesheet" href="css/font-awesome.min.css" />
        <!-- themify icon -->
        <link rel="stylesheet" href="css/themify-icons.css">
        <!-- swiper carousel -->
        <link rel="stylesheet" href="css/swiper.min.css">
        <!-- justified gallery  -->
        <link rel="stylesheet" href="css/justified-gallery.min.css">
        <!-- magnific popup -->
        <link rel="stylesheet" href="css/magnific-popup.css" />
        <!-- revolution slider -->
        <link rel="stylesheet" type="text/css" href="revolution/css/settings.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
        <link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
        <!-- bootsnav -->
        <link rel="stylesheet" href="css/bootsnav.css">
        <!-- style -->
        <link rel="stylesheet" href="css/style.css" />
        <!-- responsive css -->
        <link rel="stylesheet" href="css/responsive.css" />
        <!--[if IE]>
            <script src="js/html5shiv.js"></script>
        <![endif]-->
    </head>
    <body>
        <!-- start header -->
        <header>
            <!-- start navigation -->
            <nav class="navbar navbar-default bootsnav navbar-fixed-top background-transparent nav-box-width white-link navbar-expand-lg">
                <div class="container-fluid nav-header-container">
                    <!-- start logo -->
                    <div class="col-auto pl-0">
                        <a href="/" title="ABOUT.JIYOON" class="logo alt-font text-white text-medium">ABOUT.JIYOON</a>
                    </div>
                    <!-- end logo -->
                    <div class="col accordion-menu pr-0 pr-md-3">
                        <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navbar-collapse-toggle-1">
                            <span class="sr-only">toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <div class="navbar-collapse collapse justify-content-end" id="navbar-collapse-toggle-1">
                            <ul id="accordion" class="nav navbar-nav no-margin alt-font text-normal" data-in="fadeIn" data-out="fadeOut">
                                <!-- start menu item -->
                                <li class="dropdown megamenu-fw">
                                    <a href="/">Home</a>
                                </li>
                                <!-- end menu item -->
                                <li class="dropdown megamenu-fw">
                                <a href="about-me">SHORT HISTORY</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-auto pr-0">
                        <div class="header-social-icon d-none d-md-inline-block">
                            <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a>
                            <a href="https://instagram.com/" title="instagram" target="_blank"><i class="fab fa-instagram"></i></a>
                            <a href="https://dribbble.com/" title="Behance" target="_blank"><i class="fab fa-behance"></i></a>                          
                        </div>
                    </div>
                </div>
            </nav>
            <!-- end navigation --> 
        </header>
        <!-- end header -->
        <!-- start hero section -->
        <section id="home" class="p-0 parallax mobile-height md-position-relative wow fadeIn" data-stellar-background-ratio="0.5" style="background-image:url('images/parallax-black.jpg');">

            <div class="container position-relative full-screen">
                <div class="slider-typography">
                    <div class="slider-text-middle-main sm-padding-15px-lr">
                        <div class="slider-text-middle alt-font text-white-2">
                            <div class="col-lg-6 col-md-7 padding-30px-right">
                                <h1 class="font-weight-500 margin-40px-bottom demo-heading">NERDY DESIGNER</BR>STORYTELLER</BR>WRITER</BR>THINKER</BR>EXPLORER</BR>LUNATIC</BR>DOER</BR>YES, IT'S ME.
                                </h1>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end hero section -->
        <!-- start portfolio -->
        <section class="bg-black wow fadeIn p-0">
            <div class="bg-black">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-12">
                            <!-- start filter navigation -->
                            <ul class="portfolio-filter nav nav-tabs justify-content-center portfolio-filter-tab-2 border-none font-weight-600 alt-font text-center text-small padding-35px-tb">
                                <li class="nav-item"><a href="javascript:void(0);" data-filter=".HIGHLIGHTED" class="nav-link text-white-2 text-small">HIGHLIGHTED</a></li>
                                <li class="nav-item"><a href="javascript:void(0);" data-filter=".SIDES" class="nav-link text-white-2 text-small">SIDE PROJECTS</a></li>
                                <li class="nav-item"><a href="javascript:void(0);" data-filter=".CONCEPT" class="nav-link text-white-2 text-small">CONCEPT</a></li>
                                <li class="nav-item active"><a href="javascript:void(0);" data-filter="*" class="nav-link text-white-2 text-very-small">SEE ALL</a></li>
                            </ul>                                                                           
                            <!-- end filter navigation -->
                        </div>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col filter-content overflow-hidden padding-100px-all md-padding-15px-all">
                        <ul class="portfolio-grid work-4col alt-font text-center hover-option11 gutter-extra-large">
                            <li class="grid-sizer"></li>
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp">
                                <a href="https://www.behance.net/gallery/79222531/2019-Korea-Sommelier-of-the-Year" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/ksomm2019.gif" alt=""/></div>
                                    <span class="portfolio-item-title">KOREA SOMMELIER OF THE YEAR 2019</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/48498481/Mclang-Saloon-Introducing-Korean-craft-brewery" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/mclang.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">MCLANG SALOON</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/79363019/DODO-hackathon" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/DODO11.gif" alt=""/></div>
                                    <span class="portfolio-item-title">DODO Hackathon</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/62833729/Hashup-iOS-Android-app" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/hashup.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">HASHUP</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp" data-wow-delay="0.8s">
                                <a href="https://www.behance.net/gallery/79071355/HBD-MORE" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/288cd879071355.5cbdf3e6c9981.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">HBD&amp;MORE</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp">
                                <a href="https://www.behance.net/gallery/71093665/Grabity-Blockchain-startup-branding" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/grabity.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">GRABITY</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item classic wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/52612371/My-Secret-Cellar" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/mysecretcellar.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">MY SECRET CELLAR</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/79258679/Vuejs-Korea-Vuetiful-6th-Meetup" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/Vue.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">VUE.JS MEETUP</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item HIGHLIGHTED wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/56285039/2017-MCP-Exhibition-BORDERLESS" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/borderless.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">BORDERLESS</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp">
                                <a href="https://www.behance.net/gallery/70598819/2018-WITHCAMP-hackathon" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/withcamp.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">WITHCAMP 2018</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item SIDES wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/70446029/2018-Droid-Knights-Android-developers-conference" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/DK2018.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">DROID KNIGHTS 2018</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/52541349/Breeze-Voice-only-SNS" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/breeze.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">BREEZE</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/59445167/2018-Korea-Sommelier-Summit" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/ksomm2018.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">KOREA SOMMELIER OF THE YEAR 2018</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp">
                                <a href="https://www.behance.net/gallery/52121775/Finner-Fishing-buddy-for-beginners" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/finner.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">FINNER</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp" data-wow-delay="0.2s">
                                <a href="https://www.behance.net/gallery/47708261/Samsung-foveo-360-concept" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/foveo.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">FOVEO 360</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item CONCEPT wow fadeInUp" data-wow-delay="0.4s">
                                <a href="https://www.behance.net/gallery/46913817/MUV-buskers-communication-hub" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/muv.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">MUV</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item wow fadeInUp" data-wow-delay="0.6s">
                                <a href="https://www.behance.net/gallery/46889775/Winevision-school-brand-design" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/winevision.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">winevision</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            <!-- start portfolio item -->
                            <li class="grid-item portfolio wow fadeInUp">
                                <a href="https://www.behance.net/gallery/36194427/2016-Korea-Sommelier-of-the-Year" target="_blank">
                                    <div class="portfolio-img bg-extra-dark-gray"><img src="images/ksomm2016.jpg" alt=""/></div>
                                    <span class="portfolio-item-title">KOREA SOMMELIER OF THE YEAR 2016</span>
                                </a>
                            </li>
                            <!-- end portfolio item -->
                            
                    </div>
                </div>
            </div>
        </section>
        <!-- end portfolio -->
        <!-- start product slider section -->
        <section id="portfolio" class="bg-light-gray  wow fadeIn">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-6 col-md-8 text-center margin-80px-bottom lg-margin-50px-bottom sm-margin-30px-bottom last-paragraph-no-margin">
                        <span class="text-extra-large d-block alt-font text-extra-dark-gray margin-10px-bottom font-weight-600">When I have extra time...</span>
                        <p class="alt-font width-80 md-width-90 sm-width-100 mx-auto">I like writing essays about my experience, sharing nice references and translate design articles. Also I love exploring new fonts and typography styles, archiving useful websites for designers. Lastly I'm running hackathon DODO and collecting worksongs!</p>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="row">
                    <div class="col swiper-presentation black-move overflow-hidden sm-position-relative sm-no-padding-lr">
                        <div class="swiper-wrapper">
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="single-project-page-01.html" target="_blank"><img src="images/pofo-portfolio-layout-img-01.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://www.notion.so/Bookmarkable-Studios-Designers-4f03a16099c74c35808ff9da943fc248" target="_blank"><img src="images/pofo-portfolio-layout-img-02.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/19" target="_blank"><img src="images/pofo-portfolio-layout-img-03.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/34" target="_blank"><img src="images/pofo-portfolio-layout-img-04.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/27" target="_blank"><img src="images/pofo-portfolio-layout-img-05.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://brunch.co.kr/@outlines/10" target="_blank"><img src="images/pofo-portfolio-layout-img-06.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="single-project-page-07.html" target="_blank"><img src="images/pofo-portfolio-layout-img-07.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                            <!-- start slider item -->
                            <div class="swiper-slide padding-10px-all">
                                <a href="https://itunes.apple.com/profile/designers_worksong" target="_blank"><img src="images/pofo-portfolio-layout-img-08.jpg" class="width-100 box-shadow-large" alt="" /></a>
                            </div>
                            <!-- end slider item -->
                        </div>
                        <div class="swiper-button-next swiper-button-black-highlight d-block d-lg-none"></div>
                        <div class="swiper-button-prev swiper-button-black-highlight d-block d-lg-none"></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end product slider section -->

        <!-- start purchase section -->
        <section class="bg-charcoal-gray wow fadeIn">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-xl-7 col-lg-8 col-md-10 d-flex align-items-center extra-small-screen text-center sm-padding-15px-lr">
                        <div>
                            <div class="alt-font text-uppercase margin-20px-bottom font-weight-300">THANK YOU FOR WATCHING</div>
                            <h2 class="text-white-2 margin-45px-bottom sm-margin-25px-bottom alt-font font-weight-300">Want to know me better?</h2>
                            <a href="about-me" class="btn btn-white btn-large btn-rounded">YYEEESSSS</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- end purchase section -->

        <!-- start footer --> 
        <footer class="footer-strip-dark bg-extra-dark-gray padding-50px-tb sm-padding-30px-tb">
            <div class="container">
                <div class="row align-items-center">
                    <!-- start logo -->
                    <div class="col-md-3 text-center text-md-left sm-margin-20px-bottom alt-font">
                        <a href="/">ABOUT.JIYOON</a>
                    </div> 
                    <!-- end logo -->
                    <!-- start copyright -->
                    <div class="col-md-6 text-center text-small alt-font sm-margin-10px-bottom">
                        &copy; ALL RIGHT RESERVED 2012-2019. <NAME>
                    </div>
                    <!-- end copyright -->
                    <!-- start social media -->
                    <div class="col-md-3 text-center text-md-right">
                        <div class="social-icon-style-8 d-inline-block vertical-align-middle">
                            <ul class="small-icon mb-0">
                                <li><a class="facebook text-white" href="https://www.facebook.com/about-jiyoon" target="_blank"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                                <li><a class="instagram text-white" href="https://instagram.com/about.jiyoon" target="_blank"><i class="fab fa-instagram mr-0" aria-hidden="true"></i></a></li>
                                <li><a class="behance text-white" href="https://about-jiyoon.kr" target="_blank"><i class="fab fa-behance"></i></a></li>                               
                            </ul>
                        </div>
                    </div>
                    <!-- end social media -->
                </div>
            </div>
        </footer>
        <!-- end footer -->
        <!-- start scroll to top -->
        <a class="scroll-top-arrow" href="javascript:void(0);"><i class="ti-arrow-up"></i></a>
        <!-- end scroll to top  -->
        <!-- javascript libraries -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/modernizr.js"></script>
        <script type="text/javascript" src="js/bootstrap.bundle.js"></script>
        <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
        <script type="text/javascript" src="js/skrollr.min.js"></script>
        <script type="text/javascript" src="js/smooth-scroll.js"></script>
        <script type="text/javascript" src="js/jquery.appear.js"></script>
        <!-- menu navigation -->
        <script type="text/javascript" src="js/bootsnav.js"></script>
        <script type="text/javascript" src="js/jquery.nav.js"></script>
        <!-- animation -->
        <script type="text/javascript" src="js/wow.min.js"></script>
        <!-- page scroll -->
        <script type="text/javascript" src="js/page-scroll.js"></script>
        <!-- swiper carousel -->
        <script type="text/javascript" src="js/swiper.min.js"></script>
        <!-- counter -->
        <script type="text/javascript" src="js/jquery.count-to.js"></script>
        <!-- parallax -->
        <script type="text/javascript" src="js/jquery.stellar.js"></script>
        <!-- magnific popup -->
        <script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
        <!-- portfolio with shorting tab -->
        <script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
        <!-- images loaded -->
        <script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
        <!-- pull menu -->
        <script type="text/javascript" src="js/classie.js"></script>
        <script type="text/javascript" src="js/hamburger-menu.js"></script>
        <!-- counter  -->
        <script type="text/javascript" src="js/counter.js"></script>
        <!-- fit video  -->
        <script type="text/javascript" src="js/jquery.fitvids.js"></script>
        <!-- skill bars  -->
        <script type="text/javascript" src="js/skill.bars.jquery.js"></script> 
        <!-- justified gallery  -->
        <script type="text/javascript" src="js/justified-gallery.min.js"></script>
        <!--pie chart-->
        <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
        <!-- instagram -->
        <script type="text/javascript" src="js/instafeed.min.js"></script>
        <!-- retina -->
        <script type="text/javascript" src="js/retina.min.js"></script>
        <!-- revolution -->
        <script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
        <script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
        <!-- revolution slider extensions (load below extensions JS files only on local file systems to make the slider work! The following part can be removed on server for on demand loading) -->
        <!--<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
        <script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>-->
        <!-- setting -->
        <script type="text/javascript" src="js/main.js"></script>
    </body>
</html>
{'fraction_non_alphanumeric': 0.14910389753434142, 'fraction_numerical': 0.015546079650055859, 'mean_word_length': 1.3157702958752369, 'pattern_counts': {'":': 0, '<': 1248, '<?xml version=': 0, '>': 1248, 'https://': 62, 'lorem ipsum': 0, 'www.': 42, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 185, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '163019', 'n_tokens_mistral': 17578, 'n_tokens_neox': 16148, 'n_words': 2923}