index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Sam Ukolov</title>
        <link rel="icon" type="image/x-icon" href="assets/img/icon.ico">
        <!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet" type="text/css">
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="css/styles.css" rel="stylesheet">
    </head>
    <body id="page-top">
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
            <a class="navbar-brand js-scroll-trigger" href="#page-top">
                <span class="d-block d-lg-none">Sam Ukolov</span>
                <span class="d-none d-lg-block"><img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="assets/img/avatar.png" alt=""></span>
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#about">About</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#experience">Experience</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#education">Education</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#skills">Skills</a></li>
                    <li class="nav-item"><a class="nav-link js-scroll-trigger" href="#reference">Reference</a></li>
                </ul>
            </div>
        </nav>
        <!-- Page Content-->
        <div class="container-fluid p-0">
            <!-- About-->
            <section class="resume-section" id="about">
                <div class="resume-section-content">
                    <h1 class="mb-0">
                        Sam
                        <span class="text-primary">Ukolov</span>
                    </h1>
                    <div class="subheading mb-5">
                        Ukraine · Kyiv · +380 67 706 25 16 ·
                        <a href="mailto:slavaukolov@gmail.com">slavaukolov@gmail.com</a>
                    </div>
                    <p class="lead mb-5">I would like to obtain a job within my chosen field that will challenge me and allow using my education, skills and past experiences in a way that is mutually beneficial to both sides with a possibility for future growth and advancement.</p>
                    <!-- <div class="social-icons">
                        <a class="social-icon" href="#"><i class="fab fa-linkedin-in"></i></a>
                        <a class="social-icon" href="#"><i class="fab fa-github"></i></a>
                        <a class="social-icon" href="#"><i class="fab fa-twitter"></i></a>
                        <a class="social-icon" href="#"><i class="fab fa-facebook-f"></i></a>
                    </div> -->
                </div>
            </section>
            <hr class="m-0">
            <!-- Experience-->
            <section class="resume-section" id="experience">
                <div class="resume-section-content">
                    <h2 class="mb-5">Experience</h2>
                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Globex Post</h3>
                            <div class="subheading mb-3">Full Stack Developert</div>
                            <p>
                                <ul>
                                    <li>Designed custom API system</li>
                                    <li>Prepared the system for a smooth transition from Django 1.6 to Django 3.+</li>
                                    <li>Optimized project architecture as well as database data structure</li>
                                    <li>Added new functionality, maintained and improved existing code</li>
                                    <li>Cleaned up deprecated/abundant code</li>
                                </ul>
                            </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">January 2020 - Present</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Ukraine Express</h3>
                            <div class="subheading mb-3">Full Stack Developer</div>
                            <p>
                                <ul>
                                    <li>Developed a declaration management system using Django</li>
                                    <li>Embedded system API using Django Rest Framework </li>
                                    <li>Created a client for automatic document generation and printing</li>
                                    <li>Configured and maintained system server on DigitalOcean</li>
                                    <li>Assisted in creating parsers for automatic email parsing system</li>
                                </ul>
                            </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">August 2019 - January 2020</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Freelance</h3>
                            <div class="subheading mb-3">Full Stack Developer</div>
                            <p>
                                <ul>
                                    <li>Completed multiple quantitative data researches and analysis using Python</li>
                                    <li>Designed custom independent and meshed REST APIs using Django Web Framework</li>
                                    <li>Mastered home automation IoT system integrated with artificial intelligence</li>
                                    <li>Cultivated an automated Initial Coin Offering management system on blockchain technology</li>
                                </ul>
                            </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">September 2018 - August 2019</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Microsoft</h3>
                            <div class="subheading mb-3">STEM Artificial Intelligence Bootcamp Teacher</div>
                            <p>
                                <ul>
                                    <li>Taught Microsoft's Azure to the bootcamp participants</li>
                                    <li>Practiced using Microsoft's Azure services for AI development</li>
                                    <li>Integrated AI with MicroBit controller to create a smart robot</li>
                                </ul>
                            </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">August 2018</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">SK Global</h3>
                            <div class="subheading mb-3">Researcher</div>
                            <p>
                                <ul>
                                    <li>Conducted UX/UI research (strategy & content, wireframing & prototyping, execution & analytics)</li>
                                    <li>Partook in development of Android application</li>
                                    <li>Acquainted with machine learning algorithms for commercial and noncommercial use cases</li>
                                    <li>Configured Amazon AWS services including compute, storage, database, security, data integration, networking and content delivery, management tools</li>
                                </ul>
                            </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">August 2016 - July 2017</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">My Design Lab</h3>
                            <div class="subheading mb-3">Researcher</div>
                            <p>
                                <ul>
                                    <li>Devised "Automatized Wall Painting Drone" to implement painting works on skyscrapers</li>
                                    <li>Researched and developed high altitude painting algorithms</li>
                                    <li>Worked with 3D modeling and printing software</li>
                                    <li>Ensured Arduino based Drone-Computer communication with XBee and Python</li>
                                </ul>
                            </p>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">December 2014 - August 2015</span></div>
                    </div>

                </div>
            </section>
            <hr class="m-0">

            <!-- Education-->
            <section class="resume-section" id="education">
                <div class="resume-section-content">
                    <h2 class="mb-5">Education</h2>
                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Korea Advanced Institute of Science and Technology (KAIST)</h3>
                            <div class="subheading mb-3">Bachelor of Science in Industrial Design and Engineering</div>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">September 2011 - August 2016</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between mb-5">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Taras Shevchenko National University of Kyiv</h3>
                            <div class="subheading mb-3">Department of Radiophysics, Electronics and Computer Systems</div>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">September 2010 - June 2011</span></div>
                    </div>

                    <div class="d-flex flex-column flex-md-row justify-content-between">
                        <div class="flex-grow-1">
                            <h3 class="mb-0">Ukrainian Physics and Mathematics Lyceum</h3>
                            <div class="subheading mb-3">At Taras Shevchenko National University of Kyiv</div>
                        </div>
                        <div class="flex-shrink-0"><span class="text-primary">September 2007 - June 2010</span></div>
                    </div>
                </div>
            </section>
            <hr class="m-0">

            <!-- Skills-->
            <section class="resume-section" id="skills">
                <div class="resume-section-content">
                    <h2 class="mb-5">Skills</h2>

                    <div class="subheading mb-3">Programming Languages</div>
                    <ul class="list-inline dev-icons">
                        <li class="list-inline-item"><i class="fab fa-python"></i></li>
                        <li class="list-inline-item"><i class="fab fa-js-square"></i></li>
                        <li class="list-inline-item"><i class="fab fa-php"></i></li>
                        <li class="list-inline-item"><i class="fab fa-java"></i></li>
                    </ul>

                    <div class="subheading mb-3">Web</div>
                    <ul class="list-inline dev-icons">
                        <li class="list-inline-item"><b>Dj</b></li>
                        <li class="list-inline-item"><i class="fab fa-html5"></i></li>
                        <li class="list-inline-item"><i class="fab fa-css3-alt"></i></li>
                        <li class="list-inline-item"><i class="fab fa-opencart"></i></li>
                        <li class="list-inline-item"><i class="fab fa-wordpress"></i></li>
                    </ul>

                    <div class="subheading mb-3">Development</div>
                    <ul class="list-inline dev-icons">
                        <li class="list-inline-item"><i class="fab fa-github"></i></li>
                        <li class="list-inline-item"><i class="fab fa-bitbucket"></i></li>
                        <li class="list-inline-item"><i class="fab fa-linux"></i></li>
                        <li class="list-inline-item"><i class="fab fa-ubuntu"></i></li>
                        <li class="list-inline-item"><i class="fab fa-windows"></i></li>
                        <li class="list-inline-item"><i class="fab fa-digital-ocean"></i></li>
                        <li class="list-inline-item"><i class="fab fa-aws"></i></li>
                    </ul>

                    <div class="subheading mb-3">Other</div>
                    <ul class="fa-ul mb-0">
                        <li>
                            <span class="fa-li"><i class="fas fa-check"></i></span>
                            Machine Learning (Scikit, TensorFlow)
                        </li>
                        <li>
                            <span class="fa-li"><i class="fas fa-check"></i></span>
                            Graphical user interface (Qt, Tkinter)
                        </li>
                        <li>
                            <span class="fa-li"><i class="fas fa-check"></i></span>
                            Adobe Creative Cloud (Illustrator, Photoshop, InDesign)
                        </li>
                        <li>
                            <span class="fa-li"><i class="fas fa-check"></i></span>
                            Computer-aided design (Autodesk Inventor, SolidWorks, AutoCAD, Keyshot)
                        </li>
                        <li>
                            <span class="fa-li"><i class="fas fa-check"></i></span>
                            Robotics (Arduino, Processing, Raspberry Pi)
                        </li>
                    </ul>


                </div>
            </section>
            <hr class="m-0">

            <!-- Interests-->
            <section class="resume-section" id="reference">
                <div class="resume-section-content">
                    <h2 class="mb-5">Reference</h2>

                    <ul class="fa-ul mb-0">
                        <li>
                            <a href="assets/files/viacheslav_ukolov_cv.pdf" target="_blank" download>
                                <div class="subheading">
                                    <span class="fa-li"><i class="fas fa-cloud-download-alt"></i></span>
                                    Curriculum Vitae
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="assets/files/viacheslav_ukolov_portfolio.pdf" target="_blank" download>
                                <div class="subheading">
                                    <span class="fa-li"><i class="fas fa-cloud-download-alt"></i></span>
                                    Design Portfolio
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="https://github.com/samukolov" target="_blank">
                                <div class="subheading">
                                    <span class="fa-li"><i class="fab fa-git-square"></i></span>
                                    GitHub
                                </div>
                            </a>
                        </li>

                        <li>
                            <a href="https://www.linkedin.com/in/slavaukolov" target="_blank">
                                <div class="subheading">
                                    <span class="fa-li"><i class="fab fa-linkedin"></i></span>
                                    LinkedIn
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </section>

        </div>
        <!-- Bootstrap core JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
        <!-- Third party plugin JS-->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
        <!-- Core theme JS-->
        <script src="js/scripts.js"></script>
    </body>
</html>