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


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- ===========================
    THEME INFO
    =========================== -->
    <meta name="description" content="CVstrap is another Free minimal CV HTML theme by EvenFly built with Bootstrap 3.3.0. and released under CC-3.0 license.">
    <meta name="keywords" content="curriculum vitae, cv, one page, onepage, bootstrap, responsive, resume, timeline, free cv">
    <meta name="author" content="<NAME>">

    <!-- ===========================
    SITE TITLE
    =========================== -->
    <title><NAME> - Mobile and Android Programmer</title>

    <!-- ===========================
    FAVICONS
    =========================== -->
    <link rel="icon" href="img/favicon.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-ipad-retina.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone-retina.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-iphone.png" />

    <!-- ===========================
    STYLESHEETS
    =========================== -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">

    <!-- ===========================
    FONTS & ICONS
    =========================== -->
    <link href='//fonts.googleapis.com/css?family=Kristi|Alegreya+Sans:300' rel='stylesheet' type='text/css'>
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">


    <!--[if IE]>
        <script src="https://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="container">
        <!-- ===========================
        HEADER
        ============================ -->
        <div id="header" class="row">
            <div class="col-sm-2">
                <img class="propic" src="img/umam.JPG" alt="">
            </div>
            <!-- photo end-->

            <div class="col-sm-10">
                <div class="cv-title">
                    <div class="row">
                        <div class="col-sm-7">
                            <h1>Khotibul Umam</h1>
                        </div>
                        <div class="col-sm-5 text-right dl-share">
                            <a class="btn btn-success" href=""><span class="fa fa-download"></span> Download</a>
                        </div>
                    </div>
                    <h2>Android and Web Developer</h2>
                </div><!-- Title end-->

                <!-- ===========================
                SOCIAL & CONTACT
                ============================ -->
                <div class="row">
                    <div class="col-sm-4">
                        <ul class="list-unstyled">
                            <li><a href="http://umaams.com"><span class="social fa fa-home"></span>umaams.com</a>
                            </li>
                            <li><a href=""><span class="social fa fa-phone"></span>+6285 732 304 321</a>
                            </li>
                            <li><a href="mailto:<EMAIL>"><span class="social fa fa-envelope-o"></span>khotib.um<EMAIL></a>
                            </li>
                        </ul>
                    </div><!-- social 1st col end-->

                    <div class="col-sm-4">
                        <ul class="list-unstyled">
                            <li><a href="https://facebook.com/umam1108"><span class="social fa fa-facebook"></span>Facebook</a>
                            </li>
                            <li><a href="https://twitter.com/umaams"><span class="social fa fa-twitter"></span>Twitter</a>
                            </li>
                            <li><a href="https://id.linkedin.com/in/khotibul-umam"><span class="social fa fa-linkedin"></span>Linkedin</a>
                            </li>
                        </ul>
                    </div><!-- social 2nd col end-->

                    <div class="col-sm-4">
                        <ul class="list-unstyled">
                            <li><a href="https://github.com/umaams/"><span class="social fa fa-github"></span>Github</a>
                            </li>
                        </ul>
                    </div><!-- social 3rd col end-->
                </div><!-- header social end-->
            </div><!-- header right end-->
        </div><!-- header end-->

        <hr class="firsthr">

        <div class="row">
             <!-- ===========================
            BODY LEFT PART
            ============================ -->
            <div class="col-md-8 mainleft">
                <div id="statement" class="row mobmid">
                    <div class="col-sm-1">
                        <span class="secicon fa fa-user"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11">
                        <h3>Personal statement </h3>
                        <p>Hi, My name is Umam. I am a man who always try to learn something new, especially about web and mobile android technology. I have some experiences in native android, laravel and VueJS</p>

                        <p>Aside from programming, I love to discuss about football with my friends.</p>

                    </div><!--info end-->
                </div><!--personal statement end-->

                <hr>

                <div id="education" class="row mobmid">
                    <div class="col-sm-1">
                        <span class="secicon fa fa-graduation-cap"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11">
                        <h3>Education</h3>

                        <div class="row">
                            <div class="col-md-9">
                                <h4>Bachelor Degree Informatic Engineering</h4>
                                <p class="sub"><a href="">Science and Technology Faculty UIN Maulana Malik Ibrahim</a>
                                </p>
                            </div>

                            <div class="year col-md-3">
                                <p>2009-2014</p>
                            </div>
                        </div><!--Education & Certification 1 end-->
                    </div>
                </div><!--Education & Certifications end-->
                
                <hr>

                <!-- ===========================
                JOB EXPERIENCES
                ============================ -->
                <div id="job" class="row mobmid">
                    <div class="col-sm-1">
                        <span class="secicon fa fa-briefcase"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11">
                        <h3>Job Experiences</h3>

                        <div class="row">
                            <div class="col-md-9">
                                <h4>Mobile & Web Developer</h4>
                                <p class="sub"><a href="">PT Weltes Energi Nusantara</a>
                                </p>
                                <p>Develop android and web applications to monitor the construction project, from the drawing stage to the erection stage in the site area</p>
                            </div>

                            <div class="year col-md-3">
                                <p>2016 - present</p>
                            </div>
                        </div><!--Job 1 end-->
                        
                        <hr>
                        
                        <div class="row">
                            <div class="col-md-9">
                                <h4>Fullstack Developer</h4>
                                <p class="sub"><a href="">Interactive Corp</a>
                                </p>
                                <p></p>
                            </div>

                            <div class="year col-md-3">
                                <p>2014-2015</p>
                            </div>
                        </div><!--Job 2 end-->
                        
                    </div><!--Job experiences end-->
                </div><!--Job experiences end-->
            </div><!--left end-->
            
            <!-- ===========================
            SIDEBAR
            =========================== -->
            <div class="col-md-4 mainright">
                <div class="row">
                    <div class="col-sm-1 col-md-2 mobmid">
                        <span class="secicon fa fa-magic"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11 col-md-10">
                        <h3 class="mobmid">Technical skills </h3>

                        <p>Laravel PHP Framework</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                <span class="sr-only">85% Complete (success)</span>
                            </div>
                        </div><!--skill end-->


                        <p>VueJS</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete</span>
                            </div>
                        </div><!--skill end-->

                        <p>Android</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                <span class="sr-only">85% Complete (warning)</span>
                            </div>
                        </div><!--skill end-->

                        <p>Java</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                                <span class="sr-only">90% Complete (danger)</span>
                            </div>
                        </div><!--skill end-->

                        <p>Lumen PHP Framework</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%">
                                <span class="sr-only">65% Complete</span>
                            </div>
                        </div><!--skill end-->

                        <p>MVC Concept</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete</span>
                            </div>
                        </div><!--skill end-->

                        <p>Wordpress</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                                <span class="sr-only">50% Complete (success)</span>
                            </div>
                        </div><!--skill end-->

                        <p>MySQL</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                                <span class="sr-only">90% Complete (danger)</span>
                            </div>
                        </div><!--skill end-->

                        <p>Oracle DB</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete</span>
                            </div>
                        </div><!--skill end-->
                    </div><!--info end-->
                </div><!--tech skills end-->

                <!-- <div class="row mobmid">
                    <div class="col-sm-1 col-md-2">
                        <span class="secicon fa fa-trophy"></span>
                    </div>

                    <div class="col-sm-11 col-md-10 ">
                        <h3>Awards</h3>

                        <div class="award">
                            <h4>Best Designer 2012</h4>
                            <p class="sub"><a href="">Life View Media Ltd.</a></p>
                            <p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration.</p>
                        </div>

                        <div class="award">
                            <h4>Best Designer 2011</h4>
                            <p class="sub"><a href="">Alexa Design Solution</a></p>
                            <p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
                        </div>
                    </div>

                </div>
                
                <hr>

                <div class="row ">
                    <div class="col-sm-1 col-md-2 mobmid">
                        <span class="secicon fa fa-quote-left"></span>
                    </div>

                    <div class="col-sm-11 col-md-10 testimonials">
                        <h3 class="mobmid">Testimonials </h3>

                        <div class="row">
                            <blockquote>
                                <p>Sit amet, consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
                            </blockquote>
                            <img src="img/mushfiq.jpg" alt="">
                            <h4>Mushfiqul Islam</h4>
                            <p>The UX Votch</p>
                        </div>

                        <div class="row">
                            <blockquote>
                                <p>Consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
                            </blockquote>
                            <img src="img/siblu.jpg" alt="">
                            <h4><NAME></h4>
                            <p>The Jatir Vobisshot</p>
                        </div>

                        <div class="row">
                            <blockquote>
                                <p>Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
                            </blockquote>
                            <img src="img/nasir.jpg" alt="">
                            <h4><NAME></h4>
                            <p>The Cute Huzur</p>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>

        <hr class="firsthr">

        <div class="row">
            <div id="education" class="row mobmid">
                <div class="col-sm-1">
                    <span class="secicon fa fa-check-square"></span>
                </div><!--icon end-->

                <div class="col-sm-11">
                    <h3>Portofolio</h3>

                    <div class="row">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                            <div class="thumbnail clearfix">
                            </div>
                            <h5>Web BPK PKK Surabaya</h5>
                            <h4 align="center"><i class="devicon-php-plain colored"></i></h4>
                        </div>

                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                            <div class="thumbnail clearfix">
                            </div>
                            <h5>Web Piteku Baby Wear</h5>
                        </div>

                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                            <div class="thumbnail clearfix">
                            </div>
                            <h5>IBOSS Android</h5>
                        </div><commit_msg>Change portofolio<commit_after><!DOCTYPE html>
<html lang="">


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- ===========================
    THEME INFO
    =========================== -->
    <meta name="description" content="CVstrap is another Free minimal CV HTML theme by EvenFly built with Bootstrap 3.3.0. and released under CC-3.0 license.">
    <meta name="keywords" content="curriculum vitae, cv, one page, onepage, bootstrap, responsive, resume, timeline, free cv">
    <meta name="author" content="<NAME>">

    <!-- ===========================
    SITE TITLE
    =========================== -->
    <title><NAME> - Mobile and Android Programmer</title>

    <!-- ===========================
    FAVICONS
    =========================== -->
    <link rel="icon" href="img/favicon.png">
    <link rel="apple-touch-icon" sizes="144x144" href="img/apple-touch-icon-ipad-retina.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-iphone-retina.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-ipad.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="img/apple-touch-icon-iphone.png" />

    <!-- ===========================
    STYLESHEETS
    =========================== -->
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">

    <!-- ===========================
    FONTS & ICONS
    =========================== -->
    <link href='//fonts.googleapis.com/css?family=Kristi|Alegreya+Sans:300' rel='stylesheet' type='text/css'>
    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.rawgit.com/konpa/devicon/df6431e323547add1b4cf45992913f15286456d3/devicon.min.css">


    <!--[if IE]>
        <script src="https://cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://cdn.jsdelivr.net/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="container">
        <!-- ===========================
        HEADER
        ============================ -->
        <div id="header" class="row">
            <div class="col-sm-2">
                <img class="propic" src="img/umam.JPG" alt="">
            </div>
            <!-- photo end-->

            <div class="col-sm-10">
                <div class="cv-title">
                    <div class="row">
                        <div class="col-sm-7">
                            <h1><NAME></h1>
                        </div>
                        <div class="col-sm-5 text-right dl-share">
                            <a class="btn btn-success" href=""><span class="fa fa-download"></span> Download</a>
                        </div>
                    </div>
                    <h2>Android and Web Developer</h2>
                </div><!-- Title end-->

                <!-- ===========================
                SOCIAL & CONTACT
                ============================ -->
                <div class="row">
                    <div class="col-sm-4">
                        <ul class="list-unstyled">
                            <li><a href="http://umaams.com"><span class="social fa fa-home"></span>umaams.com</a>
                            </li>
                            <li><a href=""><span class="social fa fa-phone"></span>+6285 732 304 321</a>
                            </li>
                            <li><a href="mailto:<EMAIL>"><span class="social fa fa-envelope-o"></span><EMAIL></a>
                            </li>
                        </ul>
                    </div><!-- social 1st col end-->

                    <div class="col-sm-4">
                        <ul class="list-unstyled">
                            <li><a href="https://facebook.com/umam1108"><span class="social fa fa-facebook"></span>Facebook</a>
                            </li>
                            <li><a href="https://twitter.com/umaams"><span class="social fa fa-twitter"></span>Twitter</a>
                            </li>
                            <li><a href="https://id.linkedin.com/in/khotibul-umam"><span class="social fa fa-linkedin"></span>Linkedin</a>
                            </li>
                        </ul>
                    </div><!-- social 2nd col end-->

                    <div class="col-sm-4">
                        <ul class="list-unstyled">
                            <li><a href="https://github.com/umaams/"><span class="social fa fa-github"></span>Github</a>
                            </li>
                        </ul>
                    </div><!-- social 3rd col end-->
                </div><!-- header social end-->
            </div><!-- header right end-->
        </div><!-- header end-->

        <hr class="firsthr">

        <div class="row">
             <!-- ===========================
            BODY LEFT PART
            ============================ -->
            <div class="col-md-8 mainleft">
                <div id="statement" class="row mobmid">
                    <div class="col-sm-1">
                        <span class="secicon fa fa-user"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11">
                        <h3>Personal statement </h3>
                        <p>Hi, My name is Umam. I am a man who always try to learn something new, especially about web and mobile android technology. I have some experiences in native android, laravel and VueJS</p>

                        <p>Aside from programming, I love to discuss about football with my friends.</p>

                    </div><!--info end-->
                </div><!--personal statement end-->

                <hr>

                <div id="education" class="row mobmid">
                    <div class="col-sm-1">
                        <span class="secicon fa fa-graduation-cap"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11">
                        <h3>Education</h3>

                        <div class="row">
                            <div class="col-md-9">
                                <h4>Bachelor Degree Informatic Engineering</h4>
                                <p class="sub"><a href="">Science and Technology Faculty UIN Maulana Malik Ibrahim</a>
                                </p>
                            </div>

                            <div class="year col-md-3">
                                <p>2009-2014</p>
                            </div>
                        </div><!--Education & Certification 1 end-->
                    </div>
                </div><!--Education & Certifications end-->
                
                <hr>

                <!-- ===========================
                JOB EXPERIENCES
                ============================ -->
                <div id="job" class="row mobmid">
                    <div class="col-sm-1">
                        <span class="secicon fa fa-briefcase"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11">
                        <h3>Job Experiences</h3>

                        <div class="row">
                            <div class="col-md-9">
                                <h4>Mobile & Web Developer</h4>
                                <p class="sub"><a href="">PT Weltes Energi Nusantara</a>
                                </p>
                                <p>Develop android and web applications to monitor the construction project, from the drawing stage to the erection stage in the site area</p>
                            </div>

                            <div class="year col-md-3">
                                <p>2016 - present</p>
                            </div>
                        </div><!--Job 1 end-->
                        
                        <hr>
                        
                        <div class="row">
                            <div class="col-md-9">
                                <h4>Fullstack Developer</h4>
                                <p class="sub"><a href="">Interactive Corp</a>
                                </p>
                                <p></p>
                            </div>

                            <div class="year col-md-3">
                                <p>2014-2015</p>
                            </div>
                        </div><!--Job 2 end-->
                        
                    </div><!--Job experiences end-->
                </div><!--Job experiences end-->
            </div><!--left end-->
            
            <!-- ===========================
            SIDEBAR
            =========================== -->
            <div class="col-md-4 mainright">
                <div class="row">
                    <div class="col-sm-1 col-md-2 mobmid">
                        <span class="secicon fa fa-magic"></span>
                    </div><!--icon end-->

                    <div class="col-sm-11 col-md-10">
                        <h3 class="mobmid">Technical skills </h3>

                        <p>Laravel PHP Framework</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                <span class="sr-only">85% Complete (success)</span>
                            </div>
                        </div><!--skill end-->


                        <p>VueJS</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete</span>
                            </div>
                        </div><!--skill end-->

                        <p>Android</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width: 85%">
                                <span class="sr-only">85% Complete (warning)</span>
                            </div>
                        </div><!--skill end-->

                        <p>Java</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                                <span class="sr-only">90% Complete (danger)</span>
                            </div>
                        </div><!--skill end-->

                        <p>Lumen PHP Framework</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100" style="width: 65%">
                                <span class="sr-only">65% Complete</span>
                            </div>
                        </div><!--skill end-->

                        <p>MVC Concept</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete</span>
                            </div>
                        </div><!--skill end-->

                        <p>Wordpress</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%">
                                <span class="sr-only">50% Complete (success)</span>
                            </div>
                        </div><!--skill end-->

                        <p>MySQL</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%">
                                <span class="sr-only">90% Complete (danger)</span>
                            </div>
                        </div><!--skill end-->

                        <p>Oracle DB</p>
                        <div class="progress">
                            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                <span class="sr-only">70% Complete</span>
                            </div>
                        </div><!--skill end-->
                    </div><!--info end-->
                </div><!--tech skills end-->

                <!-- <div class="row mobmid">
                    <div class="col-sm-1 col-md-2">
                        <span class="secicon fa fa-trophy"></span>
                    </div>

                    <div class="col-sm-11 col-md-10 ">
                        <h3>Awards</h3>

                        <div class="award">
                            <h4>Best Designer 2012</h4>
                            <p class="sub"><a href="">Life View Media Ltd.</a></p>
                            <p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration.</p>
                        </div>

                        <div class="award">
                            <h4>Best Designer 2011</h4>
                            <p class="sub"><a href="">Alexa Design Solution</a></p>
                            <p>Studying all aspect of Graphic Design Including Advertising Design, Branding, Copy Exhibition Design, Ilustration, Information Design, Packaging Design and Website Design</p>
                        </div>
                    </div>

                </div>
                
                <hr>

                <div class="row ">
                    <div class="col-sm-1 col-md-2 mobmid">
                        <span class="secicon fa fa-quote-left"></span>
                    </div>

                    <div class="col-sm-11 col-md-10 testimonials">
                        <h3 class="mobmid">Testimonials </h3>

                        <div class="row">
                            <blockquote>
                                <p>Sit amet, consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
                            </blockquote>
                            <img src="img/mushfiq.jpg" alt="">
                            <h4>Mushfiqul Islam</h4>
                            <p>The UX Votch</p>
                        </div>

                        <div class="row">
                            <blockquote>
                                <p>Consectetur adipisicing elit. Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
                            </blockquote>
                            <img src="img/siblu.jpg" alt="">
                            <h4><NAME></h4>
                            <p>The Jatir Vobisshot</p>
                        </div>

                        <div class="row">
                            <blockquote>
                                <p>Fuga quidem ipsum maiores necessitatibus sint, porro temporibus labore, amet officia unde libero eligendi? Porro dolorum itaque, facere harum amet, rem libero.</p>
                            </blockquote>
                            <img src="img/nasir.jpg" alt="">
                            <h4><NAME></h4>
                            <p>The Cute Huzur</p>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>

        <hr class="firsthr">

        <div class="row">
            <div id="education" class="row mobmid">
                <div class="col-sm-1">
                    <span class="secicon fa fa-check-square"></span>
                </div><!--icon end-->

                <div class="col-sm-11">
                    <h3>Portofolio</h3>

                    <div class="row">
                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                            <div class="thumbnail clearfix">
                            </div>
                            <h5>Web BPK PKK Surabaya</h5>
                            <h4 align="center">
                                <i class="devicon-php-plain colored"></i> 
                                <i class="devicon-mysql-plain-wordmark colored"></i> 
                                <i class="devicon-jquery-plain-wordmark colored"></i>
                            </h4>
                        </div>

                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                            <div class="thumbnail clearfix">
                            </div>
                            <h5>Web Piteku Baby Wear</h5>
                        </div>

                        <div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
                            <div class="thumbnail clearfix">
                            </div>
                            <h5>IBOSS Android</h5>
                        </div>
{'fraction_non_alphanumeric': 0.16690611003126848, 'fraction_numerical': 0.01791599763373616, 'mean_word_length': 1.132900745013218, 'pattern_counts': {'":': 0, '<': 884, '<?xml version=': 0, '>': 884, 'https://': 14, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 27, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '555060', 'n_tokens_mistral': 9938, 'n_tokens_neox': 8924, 'n_words': 1885}