<!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗    
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝    
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗      
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝      
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗    
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝   




                                                                                                                                                -->
<!--
                                                                                                                                                                                                                                                            -->
<!--
                                                                                                                                                                                                                                                            -->
<!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
<!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
<!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
<!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
<!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
<!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
<!--
                                                                                                                                                                                                                                                            -->
<!--
                                                                                                                                                                                                                                                            -->
<!DOCTYPE html>
<!--
                                                                                                                                                                                                                                                            -->
<html lang="en">
    <!--
                                                                                                                                                                                                                                                            -->
    <head>
        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
        <meta charset="utf-8">
        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
        <meta http-equiv="Content-Language" content="tr">
        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
        <title>Kutlay Özger Portfolio</title>
        <!--
                                                                                                                                                                                                                                                            -->
        <meta name="msapplication-tap-highlight" content="no">
        <!--
                                                                                                                                                                                                                                                            -->
        <!--
                                                                                                                                                                                                                                                            -->
        <!--link href="architectui.css" rel="stylesheet"-->
        <!--
                                                                                                                                                                                                                                                            -->
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
        <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.x/css/materialdesignicons.min.css" rel="stylesheet">
        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
        <link href="data:image/x-icon;base64,AAABAAEAEBAAAAEACABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAAB+foAAAAAAAI+OkQChoaEAaJTDAP///wCDg4cA1uLvAN7o8gDPz88A4+PjAGNjYwBwcHAAaWlpAIOlzgBlZWkAxtfpAL+/vwBWVlcAhoaKAHOVswCwr64AamprAHWbyQBZWVkASneiAFtbXAAyYYkAh4eHAEV2sQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEFBQUFBQUBAQEBAQEBAQUFAwIcHAwPBQUBAQEBAQUDAwoKCgoKCgsSBQEBAQUDCgMKCQkJEQoNChgFAQEFAwoDCgkJCREKFgoaBQEBBQMKCQkJCQkJEQkJDQUBAQUDCgkJExMTEwkJCgAFAQEBBQMKEwQEBAQTCgYFAQEBAQEFFQQQEBAQBBMFAQEBAQEBBQQIFBAQFBAEBQEBAQEBAQUZBxsQEBsQGQUBAQEBAQEFGx0QEBAQHRsFAQEBAQEBBRsOHR0dHR0bBQEBAQEBAQEFGxcdHR0bBQEBAQEBAQEBAQUbGxsbBQEBAQEBAQEBAQEBBQUFBQEBAQEBAfgfAADgBwAAwAMAAIABAACAAQAAgAEAAIABAADAAwAA4AcAAOAHAADgBwAA4AcAAOAHAADwDwAA+B8AAPw/AAA=" rel="icon" type="image/x-icon"/>
        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
        <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap/dist/css/bootstrap.min.css"/>
        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
        <link type="text/css" rel="stylesheet" href="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css"/>
        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/all.min.css" integrity="sha512-10/jx2EXwxxWqCLX/hHth/vu2KY3jCF70dCQB8TSgNjbCVAC/8vai53GfMDrO2Emgwccf2pJqxct9ehpzG+MTw==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.0/css/brands.min.css" integrity="sha512-BglNUJaVmT9HacZ2AsbVQxjswBmIf3AJj9hhXr/Yre33qU+A1p8gXUcavzcHYkWf5bIvLMIiEbdMrEVqb5h2Rg==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
        <!--
                                                                                                                                                                                                                                                            -->
        <!--
                                                                                                                                                                                                                                                            -->
        <style>
            <!-- --> </style>
        <!--
                                                                                                                                                                                                                                                            -->
    </head>
    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
    <body>
        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
        <div id="app">
            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
            <div class="app-container app-theme-white body-tabs-shadow fixed-header fixed-sidebar">
                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                <router-view></router-view>
                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
            </div>
            <!--
                                                                                                                                                                                                                                                            -->
        </div>
        <!--
                                                                                                                                                                                                                                                            -->
        <template id="navbar">
            <!--
                                                                                                                                                                                                                                                            -->
            <!--
                                                                                                                                                                                                                                                            -->
            <div>
                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                <b-navbar toggleable="lg" type="dark" variant="info">
                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                    <b-navbar-brand href="#">
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <b-avatar src="https://kutlay.ozger.com/kutlay/images/profile-1-250x250.jpg" size="4rem"/>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                    </b-navbar-brand>
                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                    <b-navbar-toggle target="nav-collapse"></b-navbar-toggle>
                    <!--
                                                                                                                                                                                                                                                            -->
                    <b-collapse id="nav-collapse" is-nav>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <b-navbar-nav>
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-nav-item :active="active=='/profile'" :to="{ path: '/profile', query: { action: 'register'} }">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <div class="float-right">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    &nbsp;&nbsp;&nbsp;<i class="fa fa-user"></i>
                                </div>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                Profile
                            </b-nav-item>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-nav-item :active="active=='/skills'" :to="{ path: '/skills' }">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                &nbsp;&nbsp;&nbsp;<i class="fa fa-kitchen-set"></i>
                                <br/>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                Skills
                            </b-nav-item>
                            <!--
                                                                                                                                                                                                                                                            -->
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-nav-item :active="active=='/works'" :to="{ path: '/works' }">
                                <!--
                                                                                                                                                                                                                                                            -->
                                &nbsp;&nbsp;&nbsp;<i class="fa fa-briefcase"></i>
                                <br/>
                                <!--
                                                                                                                                                                                                                                                            -->
                                Works
                            </b-nav-item>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-nav-item :active="active=='/certificates'" :to="{ path: '/certificates' }">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                &nbsp;&nbsp;&nbsp;<i class="fa fa-certificate"></i>
                                <br/>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                Certificates
                            </b-nav-item>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-nav-item :active="active=='/education'" :to="{ path: '/education' }">
                                <!--
                                                                                                                                                                                                                                                            -->
                                &nbsp;&nbsp;&nbsp;<i class="fa fa-building-columns"></i>
                                <br/>
                                <!--
                                                                                                                                                                                                                                                            -->
                                Education
                            </b-nav-item>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </b-navbar-nav>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!-- Right aligned nav items -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <b-navbar-nav class="ml-auto">
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        </b-navbar-nav>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                    </b-collapse>
                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                </b-navbar>
                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
            </div>
            <!--
                                                                                                                                                                                                                                                            -->
        </template>
        <!--
                                                                                                                                                                                                                                                            -->
        <template id="porti">
            <!--
                                                                                                                                                                                                                                                            -->
            <div>
                <!--
                                                                                                                                                                                                                                                            -->
                <b-card :title="name" :img-src="img" img-alt="Image" img-left tag="article" img-width="100px" style="max-width: 20rem;max-height: 15rem;" class="mb-2">
                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                    <b-card-text>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <div v-if="certs.length">
                            <b>Certificates:</b>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <span class="pull-right" v-for="(cert,i) in certs">
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <a :id="name + 'link' + cert.id" :href="cert.url" target="_blank">
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <i class="fa fa-certificate"></i>
                                </a>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <b-tooltip :target="name + 'link' + cert.id" triggers="hover">
                                    {{cert.name}}<br/>{{cert.from}}
                                </b-tooltip>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </span>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        {{year}} years experience                                                                                                                      
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                    </b-card-text>
                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                    <b-progress :value="skill" max="13" show-progress animated></b-progress>
                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                </b-card>
                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
            </div>
        </template>
        <!--
                                                                                                                                                                                                                                                            -->
        <template id="profil">
            <!--
                                                                                                                                                                                                                                                            -->
            <!--
                                                                                                                                                                                                                                                            -->
            <div class="page-container">
                <!--
                                                                                                                                                                                                                                                            -->
                <navbar active="/profile"></navbar>
                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                <div class="container-fluid">
                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                    <div>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <b-jumbotron header="Kutlay Özger" lead="C o m p u t e r   E n g i n e e r   &   F u l l s t a c k   D e v e l o p e r">
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--p>For more information visit website</p>-->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <!--<b-button variant="primary" href="#">More Info</b-button -->
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        </b-jumbotron>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <contacts></contacts>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="footer fixed-bottom">
                        <!--
                                                                                                                                                                                                                                                            -->
                        This portfolio made with Vue & BootstrapVue.                                                                                                                      
                        <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                    </div>
                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                </div>
                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
            </div>
            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
        </template>
        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
        <template id="techbar">
            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
            <!--
                                                                                                                                                                                                                                                            -->
            <div class="page-container">
                <!--
                                                                                                                                                                                                                                                            -->
                <navbar active="/skills"></navbar>
                <!--
                                                                                                                                                                                                                                                            -->
                <div class="container-fluid">
                    <!--
                                                                                                                                                                                                                                                            -->
                    <h4>Skills</h4>
                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                    <b-tabs content-class="mt-3" fill pills card vertical>
                        <b-tab title="lang">
                            <div class="row">
                                <porti class="col-3" name="nodejs" skill="13" year="10" icon="nodejs.png" fontSize="20" font="Chalkboard" brand="both" brandname="node" cat="lang" img="https://cdn.cdnlogo.com/logos/n/88/nodejs.svg" :certs='[{"name":"MongoDB for Node.js Developers","tech":["nodejs","MongoDb"],"from":"MongoDb University","url":"https://university.mongodb.com/course_completion/d255f0e9-5aff-4df2-a115-b7b5370a","id":2},{"name":"Zero to Advanced VueJS(Turkish)","tech":["VueJs","nodejs","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-G4YDNLH4/","id":7}]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="ES6" skill="12" brand="both" brandname="JS6" cat="lang" img="https://cdn.cdnlogo.com/logos/e/39/es6.svg" :certs='[{"name":"Zero to Advanced VueJS(Turkish)","tech":["VueJs","nodejs","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-G4YDNLH4/","id":7},{"name":"Web Components & Stencil.js - Build Custom HTML Elements","tech":["Stencil","ES6","JS","Javascript","HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/","id":9},{"name":"React basic","tech":["React","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-U0ME0GY6/","id":40}]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="Javascript" skill="12" year="10+" icon="js.png" cat="lang" img="https://cdn.cdnlogo.com/logos/j/69/javascript.svg" :certs='[{"name":"HackerRank Javascript Certificate","tech":["JS","Javascript","VanillaJS"],"from":"Hackerrank","url":"https://www.hackerrank.com/certificates/3a7189545534","id":3},{"name":"Zero to Advanced VueJS(Turkish)","tech":["VueJs","nodejs","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-G4YDNLH4/","id":7},{"name":"Web Components & Stencil.js - Build Custom HTML Elements","tech":["Stencil","ES6","JS","Javascript","HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/","id":9},{"name":"Svelte","tech":["Svelte","JS","Javascript"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":11},{"name":"JavaScript Robotics: Working with Cylon JS","tech":["JS","Javascript","iot","robotics"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-432e5e46-33c8-4db0-ad73-56cb26d50805/","id":39},{"name":"React basic","tech":["React","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-U0ME0GY6/","id":40}]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="JS" skill="12" brand="both" cat="lang" url="https://github.com/kutlayozger/JSDatatypeAlgorithms" img="https://cdn.cdnlogo.com/logos/j/69/javascript.svg" :certs='[{"name":"HackerRank Javascript Certificate","tech":["JS","Javascript","VanillaJS"],"from":"Hackerrank","url":"https://www.hackerrank.com/certificates/3a7189545534","id":3},{"name":"Zero to Advanced VueJS(Turkish)","tech":["VueJs","nodejs","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-G4YDNLH4/","id":7},{"name":"Web Components & Stencil.js - Build Custom HTML Elements","tech":["Stencil","ES6","JS","Javascript","HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/","id":9},{"name":"Svelte","tech":["Svelte","JS","Javascript"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":11},{"name":"JavaScript Robotics: Working with Cylon JS","tech":["JS","Javascript","iot","robotics"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-432e5e46-33c8-4db0-ad73-56cb26d50805/","id":39},{"name":"React basic","tech":["React","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-U0ME0GY6/","id":40}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="C#" skill="12" year="10+" icon="csharp.png" cat="lang" img="https://cdn.cdnlogo.com/logos/c/70/csharp.svg" :certs='[{"name":"HackerRank C# Certificate","tech":["C#"],"from":"Hackerrank","url":"https://www.hackerrank.com/certificates/33b9eb8d2b31","id":6}]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="python" skill="12" year="7" icon="python.png" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/p/3/python.svg" :certs='[{"name":"HackerRank Python Certificate","tech":["python"],"from":"Hackerrank","url":"https://www.hackerrank.com/certificates/f1d7bbeae72c","id":4},{"name":"Deep Learning A-Z","tech":["AI","pandas","tensorflow","keras","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":10},{"name":"Learn Machine Learning algorithms, softwares, deep learning","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-AA8IN1D8/","id":18},{"name":"Deep Learning ve Python: Adan Zye Derin Öğrenme (5)","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-VU8RIA8U/","id":19},{"name":"Create Your Own Hacking Tools in Python","tech":["python","hacking"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-1GOKVHTL/","id":21},{"name":"Python - Bottle Web Framework","tech":["bottlepy","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-Q38C7FBG/","id":30},{"name":"Secure your Home Network with a Raspberry Pi and Python","tech":["raspbery pi","python","iot","security"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-4645d0df-f0fb-4abb-931b-efbb550fdbc1/","id":33}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="VanillaJS" skill="12" year="10+" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/j/69/javascript.svg" :certs='[{"name":"HackerRank Javascript Certificate","tech":["JS","Javascript","VanillaJS"],"from":"Hackerrank","url":"https://www.hackerrank.com/certificates/3a7189545534","id":3}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="php" skill="7" year="5" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/p/79/php.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="typescript" skill="7" year="5" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/t/96/typescript.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="ts" skill="7" year="5" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/t/96/typescript.svg" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="golang" skill="5" year="3" icon="golang.png" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/g/80/golang-gopher.svg" :certs='[{"name":"HackerRank Go Certificate","tech":["golang"],"from":"Hackerrank","url":"https://www.hackerrank.com/certificates/810c4882fe5a","id":5},{"name":"Go Programlama Dili","tech":["golang","sql","mysql"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-1eaecbae-f8ca-4c18-b0ab-f3d4df43bb3a/","id":41},{"name":"Go ile RESTful API Programlama","tech":["golang","mysql","postgresql","restapi"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-8550b2d4-71fe-46b0-b74f-70a7b4d3ce40/","id":42}]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="babel" skill="5" year="5" cat="lang" img="https://cdn.cdnlogo.com/logos/b/85/babel.svg" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="java" skill="2" year="1" brand="both" cat="lang" img="https://cdn.cdnlogo.com/logos/j/2/java.svg" :certs='[]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="db">
                            <div class="row">
                                <porti class="col-3" name="mssql" skill="12" year="10+" cat="db" img="https://cdn.cdnlogo.com/logos/m/21/microsoft-sql-server.svg" :certs='[{"name":"Master Data Management","tech":["big data","mssql","sql"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-84JPXNEP/","id":27},{"name":"Introduction to Databases and SQL Querying","tech":["SQL","mssql"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-a18d6e41-7c50-44f5-87d7-4755a5717943/","id":48}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="Postgresql" skill="12" year="7" cat="db" img="https://cdn.cdnlogo.com/logos/p/93/postgresql.svg" :certs='[]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="SQL" skill="12" year="10+" icon="sql.png" brand="both" cat="db" img="https://cdn.cdnlogo.com/logos/p/93/postgresql.svg" :certs='[{"name":"Introduction to Databases and SQL Querying","tech":["SQL","mssql"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-a18d6e41-7c50-44f5-87d7-4755a5717943/","id":48}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="MongoDb" skill="10" year="9" icon="mongodb.png" brand="both" brandname="mongo" cat="db" img="https://cdn.cdnlogo.com/logos/m/25/mongodb.svg" :certs='[{"name":"MongoDB for Javascript Developers","tech":["MongoDb"],"from":"MongoDb University","url":"https://university.mongodb.com/course_completion/19f40ca2-ac39-4fbe-b63f-a779c1d0a21b","id":0},{"name":"MongoDB for .NET Developers","tech":[".NET","MongoDb"],"from":"MongoDb University","url":"https://university.mongodb.com/course_completion/95d1c192-e6f3-4ecd-a00a-ab3e8da6","id":1},{"name":"MongoDB for Node.js Developers","tech":["nodejs","MongoDb"],"from":"MongoDb University","url":"https://university.mongodb.com/course_completion/d255f0e9-5aff-4df2-a115-b7b5370a","id":2}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="mysql" skill="10" year="10+" cat="db" img="https://cdn.cdnlogo.com/logos/m/10/mysql.svg" :certs='[{"name":"Go Programlama Dili","tech":["golang","sql","mysql"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-1eaecbae-f8ca-4c18-b0ab-f3d4df43bb3a/","id":41},{"name":"Go ile RESTful API Programlama","tech":["golang","mysql","postgresql","restapi"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-8550b2d4-71fe-46b0-b74f-70a7b4d3ce40/","id":42}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="redis" skill="10" year="5" cat="db" img="https://cdn.cdnlogo.com/logos/r/3/redis.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="apache" skill="8" year="9" cat="db" img="https://cdn.cdnlogo.com/logos/a/25/apache.svg" :certs='[{"name":"Learn to Build Your First Apache Cordova / PhoneGap App","tech":["cordova","apache"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-22PAV96P/","id":28}]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="firebase" skill="8" year="7" cat="db" img="https://cdn.cdnlogo.com/logos/f/48/firebase.svg" :certs='[{"name":"Create a CRUD Application with Ionic 3 and Firebase","tech":["ionic","mobile","cordova","firebase"],"from":"Udemy","url":"Mobile Development Architecture","id":37}]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="elasticsearch" skill="7" year="5" cat="db" xicon="elastic.png" img="https://cdn.cdnlogo.com/logos/e/64/elasticsearch.svg" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="big data" skill="6" year="7" cat="db" img="https://cdn.cdnlogo.com/logos/s/12/sequelize.svg" :certs='[{"name":"Learn Machine Learning algorithms, softwares, deep learning","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-AA8IN1D8/","id":18},{"name":"Deep Learning ve Python: Adan Zye Derin Öğrenme (5)","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-VU8RIA8U/","id":19},{"name":"Master Data Management","tech":["big data","mssql","sql"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-84JPXNEP/","id":27},{"name":"Python & Introduction to Data Science","tech":["big data","AI","pandas"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-N2LJH11B/","id":31}]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="sequelize" skill="6" year="5" cat="db" img="https://cdn.cdnlogo.com/logos/s/12/sequelize.svg" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="rabbitmq" skill="2" year="2" cat="db" img="https://cdn.cdnlogo.com/logos/r/90/rabbitmq.svg" :certs='[{"name":"RabbitMQ and Messaging Concepts","tech":["rabbitmq"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-ab620449-af1b-4845-a25f-c4578cf44c26/","id":44}]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </div>
                        </b-tab>
                        <b-tab title="cloud">
                            <div class="row">
                                <porti class="col-3" name="google cloud" skill="9" year="10" cat="cloud" img="https://cdn.cdnlogo.com/logos/g/75/google-cloud.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="heroku" skill="6" year="7" cat="cloud" img="https://cdn.cdnlogo.com/logos/h/32/heroku.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="aws" skill="6" year="3" cat="cloud" img="https://cdn.cdnlogo.com/logos/a/85/amazon.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="frontend">
                            <div class="row">
                                <porti class="col-3" name="CSS3" skill="12" year="10+" icon="css3.png" brand="both" cat="frontend" img="https://cdn.cdnlogo.com/logos/c/18/css.svg" :certs='[{"name":"Web Components & Stencil.js - Build Custom HTML Elements","tech":["Stencil","ES6","JS","Javascript","HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/","id":9},{"name":"CSS Flexbox - Mastering the Basics","tech":["HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-33ZU11WB/","id":13},{"name":"Adan Zye Bootstrap 4","tech":["bootstrap","CSS3","HTML5"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-9IUD24PS/","id":29}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="HTML5" skill="12" year="10+" brand="both" cat="frontend" icon="html5.png" img="https://cdn.cdnlogo.com/logos/h/90/html-5.svg" :certs='[{"name":"Web Components & Stencil.js - Build Custom HTML Elements","tech":["Stencil","ES6","JS","Javascript","HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/","id":9},{"name":"CSS Flexbox - Mastering the Basics","tech":["HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-33ZU11WB/","id":13},{"name":"Adan Zye Bootstrap 4","tech":["bootstrap","CSS3","HTML5"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-9IUD24PS/","id":29}]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="ejs" skill="12" year="7" brand="both" cat="frontend" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="VueJs" skill="10" year="4" icon="vuejs.png" brand="both" cat="frontend" img="https://cdn.cdnlogo.com/logos/v/69/vue.svg" :certs='[{"name":"Zero to Advanced VueJS(Turkish)","tech":["VueJs","nodejs","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-G4YDNLH4/","id":7}]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="React" skill="10" year="4" icon="react.png" brand="both" cat="frontend" img="https://cdn.cdnlogo.com/logos/r/63/react.svg" :certs='[{"name":"React and Redux Masterclass","tech":["React","Redux"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-FSPVLV1K/","id":8},{"name":"Temel Seviye ReactJs","tech":["React"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-853VYJAI/","id":16},{"name":"React basic","tech":["React","JS","Javascript","ES6"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-U0ME0GY6/","id":40}]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="Redux" skill="10" year="4" brand="both" cat="frontend" img="https://cdn.cdnlogo.com/logos/r/69/redux.svg" :certs='[{"name":"React and Redux Masterclass","tech":["React","Redux"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-FSPVLV1K/","id":8}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="Stencil" skill="9" year="4" brand="both" cat="frontend" img="https://cdn.freelogovectors.net/wp-content/uploads/2020/12/stencil-logo.png" :certs='[{"name":"Web Components & Stencil.js - Build Custom HTML Elements","tech":["Stencil","ES6","JS","Javascript","HTML5","CSS3"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/","id":9}]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="Svelte" skill="9" year="4" brand="both" cat="frontend" img="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1b/Svelte_Logo.svg/1702px-Svelte_Logo.svg.png" :certs='[{"name":"Svelte","tech":["Svelte","JS","Javascript"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":11}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="NuxtJs" skill="3" brand="both" cat="frontend" img="https://cdn.cdnlogo.com/logos/n/43/nuxt-square.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="angular" skill="1" year="1" brand="both" cat="frontend" img="https://cdn.cdnlogo.com/logos/a/24/angular-icon.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="system">
                            <div class="row">
                                <porti class="col-3" name=".NET" skill="12" year="10+" cat="system" img="https://cdn.cdnlogo.com/logos/m/38/microsoft-net.svg" :certs='[{"name":"MongoDB for .NET Developers","tech":[".NET","MongoDb"],"from":"MongoDb University","url":"https://university.mongodb.com/course_completion/95d1c192-e6f3-4ecd-a00a-ab3e8da6","id":1}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="pm2" skill="12" year="8" brand="both" cat="system" img="https://pm2.keymetrics.io/assets/pm2-logo-1.png" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="linux" skill="11" year="10+" brand="both" cat="system" img="https://cdn.cdnlogo.com/logos/l/6/linux-tux.svg" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="ubuntu" skill="11" year="6" brand="both" cat="system" img="https://cdn.cdnlogo.com/logos/u/15/ubuntu.svg" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="bash" skill="11" year="10+" brand="both" cat="system" img="https://cdn.cdnlogo.com/logos/t/8/terminal.svg" :certs='[]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="Docker" skill="9" year="5" icon="docker.png" brand="both" cat="system" img="https://cdn.cdnlogo.com/logos/d/41/docker.svg" :certs='[{"name":"Docker: Adan Zye Tüm Yönleriyle","tech":["Docker"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-P3V357CC/","id":12}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="Vagrant" skill="9" year="5" brand="both" cat="system" img="https://cdn.cdnlogo.com/logos/v/5/vagrant.svg" :certs='[{"name":"Vagrant Quick Start: Virtualized Development Environments","tech":["Vagrant"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-THOLD9FS/","id":15}]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="android" skill="7" year="10+" brand="both" cat="system" img="https://cdn.cdnlogo.com/logos/a/92/android.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name=".NET Core" skill="6" year="3" cat="system" img="https://cdn.cdnlogo.com/logos/d/6/dot-net-core.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="arch">
                            <div class="row">
                                <porti class="col-3" name="json" skill="12" year="10+" cat="arch" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="restapi" skill="12" year="10+" cat="arch" :certs='[{"name":"Go ile RESTful API Programlama","tech":["golang","mysql","postgresql","restapi"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-8550b2d4-71fe-46b0-b74f-70a7b4d3ce40/","id":42}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="mvc" skill="10" year="10+" cat="arch" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="mobile" skill="10" year="10+" cat="arch" :certs='[{"name":"Mobile Development Architecture","tech":["mobile","cordova","react native"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3FL3QBA7/","id":36},{"name":"Create a CRUD Application with Ionic 3 and Firebase","tech":["ionic","mobile","cordova","firebase"],"from":"Udemy","url":"Mobile Development Architecture","id":37},{"name":"Framework 7 - Develop Hybrid Apps with Framework 7","tech":["mobile","framework7"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-8930b49f-6dc9-4113-9239-fed53b7c4c5c/","id":46}]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="Gamification" skill="10" year="4" cat="arch" :certs='[{"name":"Gamification","tech":["Gamification"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-c0a3b1e6-f4eb-45f3-b4b9-0d6e253e0d76/","id":14}]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="leading" skill="9" year="9" cat="arch" :certs='[{"name":"Lead High Performing Teams","tech":["leading"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-GKHW19GE/","id":35}]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="oop" skill="8" year="10+" cat="arch" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="pwa" skill="8" year="4" cat="arch" :certs='[]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="orm" skill="8" year="10+" cat="arch" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="ssl" skill="8" year="10+" cat="arch" :certs='[{"name":"Free SSL Certificate - Comodo SSL for free forever, https://","tech":["ssl"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-9704ac5b-162c-42b2-9b36-d897c1858043/","id":45}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="network" skill="8" year="10+" cat="arch" :certs='[{"name":"Network Attached Storage (NAS) for Beginners","tech":["nas","security","network"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-H53K9TQ7/","id":38}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="nas" skill="8" year="10+" cat="arch" :certs='[{"name":"Network Attached Storage (NAS) for Beginners","tech":["nas","security","network"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-H53K9TQ7/","id":38}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="SEO" skill="8" year="10+" cat="arch" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="UX design" skill="7" year="10+" cat="arch" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="SaaS" skill="6" year="4" cat="arch" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="security" skill="6" year="8" cat="arch" :certs='[{"name":"Secure your Home Network with a Raspberry Pi and Python","tech":["raspbery pi","python","iot","security"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-4645d0df-f0fb-4abb-931b-efbb550fdbc1/","id":33},{"name":"İleri Seviye Kişisel Güvenlik Eğitimi","tech":["security"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-cc9de20a-2460-4e2e-9165-4d6638b9598e/","id":34},{"name":"Network Attached Storage (NAS) for Beginners","tech":["nas","security","network"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-H53K9TQ7/","id":38}]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="iot" skill="6" year="5" cat="arch" :certs='[{"name":"Ar-Ge Mühendisleri ve Tasarımcılar İçin Malzeme Bilimi","tech":["design","iot"],"from":"Udemy","url":"Python & Introduction to Data Science","id":32},{"name":"Secure your Home Network with a Raspberry Pi and Python","tech":["raspbery pi","python","iot","security"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-4645d0df-f0fb-4abb-931b-efbb550fdbc1/","id":33},{"name":"JavaScript Robotics: Working with Cylon JS","tech":["JS","Javascript","iot","robotics"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-432e5e46-33c8-4db0-ad73-56cb26d50805/","id":39}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="microservices" skill="6" year="3" cat="arch" :certs='[]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="aop" skill="2" year="1" cat="arch" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="iot">
                            <div class="row">
                                <porti class="col-3" name="raspbery pi" skill="6" year="3" cat="iot" :certs='[{"name":"Secure your Home Network with a Raspberry Pi and Python","tech":["raspbery pi","python","iot","security"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-4645d0df-f0fb-4abb-931b-efbb550fdbc1/","id":33}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="backend">
                            <div class="row">
                                <porti class="col-3" name="expressjs" skill="12" year="10+" brand="both" cat="backend" img="https://cdn.cdnlogo.com/logos/e/74/express.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="mocha" skill="10" year="8" cat="backend" img="https://cdn.cdnlogo.com/logos/m/34/mocha.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="bottlepy" skill="10" year="10+" cat="backend" img="https://bottlepy.org/docs/dev/_static/logo_nav.png" :certs='[{"name":"Python - Bottle Web Framework","tech":["bottlepy","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-Q38C7FBG/","id":30}]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="fastify" skill="9" year="2" cat="backend" img="https://www.fastify.io/images/fastify-logo-menu.d13f8da7a965c800.png" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="websocket" skill="8" year="7" cat="backend" img="https://cdn.cdnlogo.com/logos/w/76/websocket.svg" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="sailjs" skill="6" year="2" cat="backend" img="https://cdn.cdnlogo.com/logos/s/21/sails.svg" :certs='[]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="flask" skill="6" year="3" cat="backend" img="https://cdn.cdnlogo.com/logos/f/50/flask.svg" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="fastapi" skill="6" year="2" cat="backend" img="https://fastapi.tiangolo.com/img/logo-margin/logo-teal.png" :certs='[]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="django" skill="3" year="3" cat="backend" img="https://cdn.cdnlogo.com/logos/d/3/django.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="desktop">
                            <div class="row">
                                <porti class="col-3" name="nwjs" skill="10" year="10+" cat="desktop" img="https://nwjs.io/img/logo.png" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="delphi" skill="10" year="10+" cat="desktop" img="https://cdn.cdnlogo.com/logos/d/27/delphi.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="electronjs" skill="8" year="5" cat="desktop" img="https://www.electronjs.org/assets/img/logo.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="mobile">
                            <div class="row">
                                <porti class="col-3" name="cordova" skill="12" year="10+" cat="mobile" img="https://cdn.cdnlogo.com/logos/c/91/cordova.svg" :certs='[{"name":"Learn to Build Your First Apache Cordova / PhoneGap App","tech":["cordova","apache"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-22PAV96P/","id":28},{"name":"Mobile Development Architecture","tech":["mobile","cordova","react native"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3FL3QBA7/","id":36},{"name":"Create a CRUD Application with Ionic 3 and Firebase","tech":["ionic","mobile","cordova","firebase"],"from":"Udemy","url":"Mobile Development Architecture","id":37}]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="ionic" skill="12" year="10+" cat="mobile" img="https://cdn.cdnlogo.com/logos/i/24/ionic.svg" :certs='[{"name":"Create a CRUD Application with Ionic 3 and Firebase","tech":["ionic","mobile","cordova","firebase"],"from":"Udemy","url":"Mobile Development Architecture","id":37}]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="framework7" skill="12" year="10+" cat="mobile" img="https://framework7.io/i/logo.svg" :certs='[{"name":"Framework 7 - Develop Hybrid Apps with Framework 7","tech":["mobile","framework7"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-8930b49f-6dc9-4113-9239-fed53b7c4c5c/","id":46}]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="windows ce" skill="12" year="10+" cat="mobile" img="" :certs='[]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="react native" skill="7" year="3" cat="mobile" img="https://cdn.cdnlogo.com/logos/r/29/react-native-firebase.svg" :certs='[{"name":"Mobile Development Architecture","tech":["mobile","cordova","react native"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-3FL3QBA7/","id":36}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="nativescript" skill="4" year="1" cat="mobile" img="https://cdn.cdnlogo.com/logos/r/29/react-native-firebase.svg" :certs='[]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </div>
                        </b-tab>
                        <b-tab title="tool">
                            <div class="row">
                                <porti class="col-3" name="webpack" skill="10" year="6" cat="tool" img="https://cdn.cdnlogo.com/logos/w/85/webpack-icon.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="less" skill="10" year="10+" brand="both" cat="tool" img="https://lesscss.org/public/img/less_logo.png" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="npm" skill="9" year="10+" cat="tool" img="https://cdn.cdnlogo.com/logos/n/45/npm.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="eslint" skill="9" year="10+" cat="tool" img="https://cdn.cdnlogo.com/logos/e/95/eslint.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="grunt" skill="9" year="10+" brand="both" cat="tool" img="https://cdn.cdnlogo.com/logos/g/53/grunt.svg" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="jsdoc" skill="9" year="10+" brand="both" cat="tool" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="github" skill="8" year="10+" brand="both" cat="tool" img="https://cdn.cdnlogo.com/logos/g/69/github-icon.svg" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="sass" skill="7" year="4" brand="both" cat="tool" img="https://sass-lang.com/assets/img/logos/logo-b6e1ef6e.svg" :certs='[]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <porti class="col-3" name="scss" skill="7" year="4" brand="both" cat="tool" img="https://sass-lang.com/assets/img/logos/logo-b6e1ef6e.svg" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="hacking" skill="6" year="5" brand="both" cat="tool" :certs='[{"name":"Create Your Own Hacking Tools in Python","tech":["python","hacking"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-1GOKVHTL/","id":21}]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="browserify" skill="4" brand="both" cat="tool" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="ai">
                            <div class="row">
                                <porti class="col-3" name="AI" skill="8" cat="ai" year="5" :certs='[{"name":"Deep Learning A-Z","tech":["AI","pandas","tensorflow","keras","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":10},{"name":"Learn Machine Learning algorithms, softwares, deep learning","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-AA8IN1D8/","id":18},{"name":"Deep Learning ve Python: Adan Zye Derin Öğrenme (5)","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-VU8RIA8U/","id":19},{"name":"The Complete Course: Artificial Intelligence From Scratch","tech":["AI","Machine Learning"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-2FCCWT39/","id":20},{"name":"Python & Introduction to Data Science","tech":["big data","AI","pandas"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-N2LJH11B/","id":31},{"name":"Yapay Zeka ve Derin Öğrenme A-Z™: Tensorflow","tech":["AI","tensorflow"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-def9dcc3-d091-4130-a6ea-560f3b84a42a/","id":43}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="Machine Learning" skill="8" year="5" cat="ai" :certs='[{"name":"Learn Machine Learning algorithms, softwares, deep learning","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-AA8IN1D8/","id":18},{"name":"Deep Learning ve Python: Adan Zye Derin Öğrenme (5)","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-VU8RIA8U/","id":19},{"name":"The Complete Course: Artificial Intelligence From Scratch","tech":["AI","Machine Learning"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-2FCCWT39/","id":20}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="CNN" skill="8" cat="ai" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="Neural Networks" skill="7" cat="ai" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="pandas" skill="6" cat="ai" img="https://pandas.pydata.org/static/img/pandas.svg" :certs='[{"name":"Deep Learning A-Z","tech":["AI","pandas","tensorflow","keras","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":10},{"name":"Python & Introduction to Data Science","tech":["big data","AI","pandas"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-N2LJH11B/","id":31}]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="keras" skill="4" cat="ai" img="https://keras.io/img/logo.png" :certs='[{"name":"Deep Learning A-Z","tech":["AI","pandas","tensorflow","keras","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":10}]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="tensorflow" skill="4" cat="ai" img="https://cdn.cdnlogo.com/logos/t/82/tensorflow.svg" :certs='[{"name":"Deep Learning A-Z","tech":["AI","pandas","tensorflow","keras","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-KTJS9B5P/","id":10},{"name":"Learn Machine Learning algorithms, softwares, deep learning","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-AA8IN1D8/","id":18},{"name":"Deep Learning ve Python: Adan Zye Derin Öğrenme (5)","tech":["AI","Machine Learning","tensorflow","big data","python"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-VU8RIA8U/","id":19},{"name":"Yapay Zeka ve Derin Öğrenme A-Z™: Tensorflow","tech":["AI","tensorflow"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-def9dcc3-d091-4130-a6ea-560f3b84a42a/","id":43}]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="design">
                            <div class="row">
                                <porti class="col-3" name="bootstrap" skill="10" year="10+" brand="both" cat="design" img="https://cdn.cdnlogo.com/logos/b/17/bootstrap-icon.svg" :certs='[{"name":"Adan Zye Bootstrap 4","tech":["bootstrap","CSS3","HTML5"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-9IUD24PS/","id":29}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="bootstrapvue" skill="10" year="3" brand="both" cat="design" img="https://bootstrap-vue.org/_nuxt/icons/icon_512x512.67aef2.png" :certs='[]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="jquery" skill="10" year="10+" cat="design" img="https://cdn.cdnlogo.com/logos/j/44/jquery.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="raphael" skill="7" year="3" cat="design" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="fabricjs" skill="7" cat="design" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="OpenGL" skill="7" year="10+" cat="design" img="https://cdn.cdnlogo.com/logos/o/6/opengl.svg" :certs='[]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="WebGL" skill="7" cat="design" img="https://upload.wikimedia.org/wikipedia/tr/thumb/a/a2/WebGL_500px_Nov14.png/200px-WebGL_500px_Nov14.png" :certs='[]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="PIL" skill="7" year="10+" cat="design" img="https://pillow.readthedocs.io/en/stable/_static/pillow-logo.png" :certs='[]'></porti>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="d3js" skill="6" year="4" brand="both" cat="design" img="https://cdn.cdnlogo.com/logos/d/40/d3.svg" :certs='[]'></porti>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <porti class="col-3" name="tailwind" skill="5" year="2" cat="design" img="https://cdn.cdnlogo.com/logos/t/58/tailwindcss.svg" :certs='[]'></porti>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </div>
                        </b-tab>
                        <b-tab title="web3">
                            <div class="row">
                                <porti class="col-3" name="web3" skill="5" year="1" cat="web3" :certs='[{"name":"Build a Web3 App with Solidity + Ethereum Smart Contracts","tech":["Smart Contracts","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13428","id":23},{"name":"Create your own mini turn-based NFT browser game","tech":["Smart Contracts","NFT","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213","id":24},{"name":"Build your own DAO with just Javascript in a weekend","tech":["Smart Contracts","DAO","dApp","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382","id":25},{"name":"Build your own domain service on a Polygon L2 in a weekend","tech":["Smart Contracts","polygon","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13616","id":26},{"name":"Blockchain Development: Convert An App To A Dapp","tech":["web3","dApp","Solidity","Smart Contracts"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-28bb9521-4ce5-4847-8ca3-dc6c4d704b64/","id":47}]'></porti>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <porti class="col-3" name="hardhat" skill="5" year="1" cat="web3" img="https://hardhat.org/assets/img/Hardhat-logo.843bc822.svg" :certs='[{"name":"Build a Web3 App with Solidity + Ethereum Smart Contracts","tech":["Smart Contracts","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13428","id":23},{"name":"Create your own mini turn-based NFT browser game","tech":["Smart Contracts","NFT","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213","id":24},{"name":"Build your own DAO with just Javascript in a weekend","tech":["Smart Contracts","DAO","dApp","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382","id":25},{"name":"Build your own domain service on a Polygon L2 in a weekend","tech":["Smart Contracts","polygon","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13616","id":26}]'></porti>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <porti class="col-3" name="truffle" skill="5" year="1" cat="web3" img="https://f.hubspotusercontent10.net/hub/4795067/hubfs/Truffle/truffle-50.png" :certs='[{"name":"Build a Web3 App with Solidity + Ethereum Smart Contracts","tech":["Smart Contracts","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13428","id":23},{"name":"Create your own mini turn-based NFT browser game","tech":["Smart Contracts","NFT","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213","id":24},{"name":"Build your own DAO with just Javascript in a weekend","tech":["Smart Contracts","DAO","dApp","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382","id":25},{"name":"Build your own domain service on a Polygon L2 in a weekend","tech":["Smart Contracts","polygon","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13616","id":26}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="Solidity" skill="4" year="1" cat="web3" :certs='[{"name":"Build a Web3 App with Solidity + Ethereum Smart Contracts","tech":["Smart Contracts","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13428","id":23},{"name":"Create your own mini turn-based NFT browser game","tech":["Smart Contracts","NFT","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213","id":24},{"name":"Build your own DAO with just Javascript in a weekend","tech":["Smart Contracts","DAO","dApp","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382","id":25},{"name":"Build your own domain service on a Polygon L2 in a weekend","tech":["Smart Contracts","polygon","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13616","id":26},{"name":"Blockchain Development: Convert An App To A Dapp","tech":["web3","dApp","Solidity","Smart Contracts"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-28bb9521-4ce5-4847-8ca3-dc6c4d704b64/","id":47}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="Smart Contracts" skill="4" year="1" cat="web3" :certs='[{"name":"Build a Web3 App with Solidity + Ethereum Smart Contracts","tech":["Smart Contracts","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13428","id":23},{"name":"Create your own mini turn-based NFT browser game","tech":["Smart Contracts","NFT","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213","id":24},{"name":"Build your own DAO with just Javascript in a weekend","tech":["Smart Contracts","DAO","dApp","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382","id":25},{"name":"Build your own domain service on a Polygon L2 in a weekend","tech":["Smart Contracts","polygon","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13616","id":26},{"name":"Blockchain Development: Convert An App To A Dapp","tech":["web3","dApp","Solidity","Smart Contracts"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-28bb9521-4ce5-4847-8ca3-dc6c4d704b64/","id":47}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="NFT" skill="4" year="1" cat="web3" :certs='[{"name":"Create your own mini turn-based NFT browser game","tech":["Smart Contracts","NFT","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213","id":24}]'></porti>
                                <!--
                                                                                                                                                                                                                                                            -->
                                <porti class="col-3" name="dApp" skill="1" year="1" cat="web3" :certs='[{"name":"Build your own DAO with just Javascript in a weekend","tech":["Smart Contracts","DAO","dApp","web3","Solidity","hardhat","truffle"],"from":"BuildSpace","url":"https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382","id":25},{"name":"Blockchain Development: Convert An App To A Dapp","tech":["web3","dApp","Solidity","Smart Contracts"],"from":"Udemy","url":"https://www.udemy.com/certificate/UC-28bb9521-4ce5-4847-8ca3-dc6c4d704b64/","id":47}]'></porti>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            </div>
                        </b-tab>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                    </b-tabs>
                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                </div>
                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
            </div>
            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
        </template>
        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
        <template id="mainapp">
            <!--
                                                                                                                                                                                                                                                            -->
            <!--
                                                                                                                                                                                                                                                            -->
            <div>
                <!--
                                                                                                                                                                                                                                                            -->
                <profil></profil>
                <!--
                                                                                                                                                                                                                                                            -->
            </div>
            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
        </template>
        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
        <template id="works">
            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
            <div class="page-container">
                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                <navbar active="/works"></navbar>
                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                <div class="container-fluid">
                    <!--
                                                                                                                                                                                                                                                            -->
                    <h4>Work History</h4>
                    <!--
                                                                                                                                                                                                                                                            -->
                    <div class="row">
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-3 ml-4">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Interior Ministry of Turkey">
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="height: 70vh">
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <b>as Sr. Developer</b>
                                    <br/>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    <b>Duration:</b>
                                    2017.11 – now<br/>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    Working huge amount of data and I’m developing applications with nodejs, python. (NodeJS, Python, MongoDB, elasticsearch, VueJS, React, Docker)                                                                                                                      
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.icisleri.gov.tr/">Link</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-3 ml-4">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Arvento">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="height: 70vh">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <b>as Sr. Developer</b>
                                    <br/>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <b>Duration:</b>
                                    2008.01 – 2017.11<br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    Working with this dynamic and fast-growing company on europe with major brands in the vehicle tracking market, Arvento is third biggest company about  vehicle tracking system on the world. Realy I loved this job but after ten years I changed for new chalenges. (C#, ASP.NET, Javascript, HTML 5, CSS 3, NodeJS, MongoDB)                                                                                                                      
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.arvento.com/en">Link</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-3 ml-4">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Vega Software">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="height: 70vh">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <b>as Developer</b>
                                    <br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <b>Duration:</b>
                                    2005-2007.07<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    One of the famous Turkish ERP, CRM software company. I developed delphi  applications about personal management, POS systems, Mobile systems.                                                                                                                      
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://vegayazilim.com.tr/">Link</a>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                    </div>
                </div>
                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                <div>
        </template>
        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
        <template id="certs">
            <!--
                                                                                                                                                                                                                                                            -->
            <!--
                                                                                                                                                                                                                                                            -->
            <div class="page-container">
                <!--
                                                                                                                                                                                                                                                            -->
                <navbar active="/certificates"></navbar>
                <!--
                                                                                                                                                                                                                                                            -->
                <div class="container-fluid">
                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                    <h4>Certificates</h4>
                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                    <b-card>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <template #header>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <div class="row">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <h5 class="col-10">Totals (49)</h5>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <div class="col-2 float-right">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a href="#" @click.prevent="filter=''">All</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </div>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </div>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </template>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="row">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <div class="col-3">
                                <a href="#" @click.prevent="filter='MongoDb University'">MongoDb University</a>
                                : 3
                            </div>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <div class="col-3">
                                <a href="#" @click.prevent="filter='Hackerrank'">Hackerrank</a>
                                : 4
                            </div>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <div class="col-3">
                                <a href="#" @click.prevent="filter='Udemy'">Udemy</a>
                                : 38
                            </div>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <div class="col-3">
                                <a href="#" @click.prevent="filter='BuildSpace'">BuildSpace</a>
                                : 4
                            </div>
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        </div>
                    </b-card>
                    <!--
                                                                                                                                                                                                                                                            -->
                    <div class="row">
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='MongoDb University'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="MongoDB for Javascript Developers">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    from MongoDb University<br/>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://university.mongodb.com/course_completion/19f40ca2-ac39-4fbe-b63f-a779c1d0a21b">Show Certificate</a>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='MongoDb University'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="MongoDB for .NET Developers">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from MongoDb University<br/>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://university.mongodb.com/course_completion/95d1c192-e6f3-4ecd-a00a-ab3e8da6">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        </div>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='MongoDb University'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="MongoDB for Node.js Developers">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from MongoDb University<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://university.mongodb.com/course_completion/d255f0e9-5aff-4df2-a115-b7b5370a">Show Certificate</a>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Hackerrank'">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="HackerRank Javascript Certificate">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Hackerrank<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.hackerrank.com/certificates/3a7189545534">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Hackerrank'">
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="HackerRank Python Certificate">
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Hackerrank<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.hackerrank.com/certificates/f1d7bbeae72c">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Hackerrank'">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="HackerRank Go Certificate">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    from Hackerrank<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.hackerrank.com/certificates/810c4882fe5a">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Hackerrank'">
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="HackerRank C# Certificate">
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    from Hackerrank<br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.hackerrank.com/certificates/33b9eb8d2b31">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Zero to Advanced VueJS(Turkish)">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-G4YDNLH4/">Show Certificate</a>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="React and Redux Masterclass">
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-FSPVLV1K/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Web Components & Stencil.js - Build Custom HTML Elements">
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-3ed32519-5955-4090-99d6-426bfc3251f5/">Show Certificate</a>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Deep Learning A-Z">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-KTJS9B5P/">Show Certificate</a>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Svelte">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-KTJS9B5P/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        </div>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Docker: Adan Zye Tüm Yönleriyle">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-P3V357CC/">Show Certificate</a>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="CSS Flexbox - Mastering the Basics">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-33ZU11WB/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Gamification">
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-c0a3b1e6-f4eb-45f3-b4b9-0d6e253e0d76/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Vagrant Quick Start: Virtualized Development Environments">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-THOLD9FS/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Temel Seviye ReactJs">
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-853VYJAI/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="A-Z™ | Sıfırdan Startup Fikrinizi Hayata Geçirin">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-853VYJAI/">Show Certificate</a>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Learn Machine Learning algorithms, softwares, deep learning">
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-AA8IN1D8/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Deep Learning ve Python: Adan Zye Derin Öğrenme (5)">
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-VU8RIA8U/">Show Certificate</a>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="The Complete Course: Artificial Intelligence From Scratch">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-2FCCWT39/">Show Certificate</a>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Create Your Own Hacking Tools in Python">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-1GOKVHTL/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        </div>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Introduction to Human Resource Management">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-D89P6LGQ/">Show Certificate</a>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='BuildSpace'">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Build a Web3 App with Solidity + Ethereum Smart Contracts">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from BuildSpace<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13428">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='BuildSpace'">
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Create your own mini turn-based NFT browser game">
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from BuildSpace<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/14213">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='BuildSpace'">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Build your own DAO with just Javascript in a weekend">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    from BuildSpace<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13382">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='BuildSpace'">
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Build your own domain service on a Polygon L2 in a weekend">
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    from BuildSpace<br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://opensea.io/assets/matic/0x3CD266509D127d0Eac42f4474F57D0526804b44e/13616">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Master Data Management">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-84JPXNEP/">Show Certificate</a>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Learn to Build Your First Apache Cordova / PhoneGap App">
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-22PAV96P/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Adan Zye Bootstrap 4">
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-9IUD24PS/">Show Certificate</a>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Python - Bottle Web Framework">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-Q38C7FBG/">Show Certificate</a>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Python & Introduction to Data Science">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-N2LJH11B/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        </div>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Ar-Ge Mühendisleri ve Tasarımcılar İçin Malzeme Bilimi">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="Python & Introduction to Data Science">Show Certificate</a>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Secure your Home Network with a Raspberry Pi and Python">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-4645d0df-f0fb-4abb-931b-efbb550fdbc1/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="İleri Seviye Kişisel Güvenlik Eğitimi">
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-cc9de20a-2460-4e2e-9165-4d6638b9598e/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Lead High Performing Teams">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-GKHW19GE/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Mobile Development Architecture">
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-3FL3QBA7/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Create a CRUD Application with Ionic 3 and Firebase">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="Mobile Development Architecture">Show Certificate</a>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Network Attached Storage (NAS) for Beginners">
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-H53K9TQ7/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="JavaScript Robotics: Working with Cylon JS">
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-432e5e46-33c8-4db0-ad73-56cb26d50805/">Show Certificate</a>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="React basic">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-U0ME0GY6/">Show Certificate</a>
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Go Programlama Dili">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-1eaecbae-f8ca-4c18-b0ab-f3d4df43bb3a/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        </div>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Go ile RESTful API Programlama">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-8550b2d4-71fe-46b0-b74f-70a7b4d3ce40/">Show Certificate</a>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Yapay Zeka ve Derin Öğrenme A-Z™: Tensorflow">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-def9dcc3-d091-4130-a6ea-560f3b84a42a/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        </div>
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="RabbitMQ and Messaging Concepts">
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-ab620449-af1b-4845-a25f-c4578cf44c26/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Free SSL Certificate - Comodo SSL for free forever, https://">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-9704ac5b-162c-42b2-9b36-d897c1858043/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Framework 7 - Develop Hybrid Apps with Framework 7">
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    from Udemy<br/>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-8930b49f-6dc9-4113-9239-fed53b7c4c5c/">Show Certificate</a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Blockchain Development: Convert An App To A Dapp">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-28bb9521-4ce5-4847-8ca3-dc6c4d704b64/">Show Certificate</a>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-2 ml-4" v-if="!filter || filter=='Udemy'">
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="Introduction to Databases and SQL Querying">
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                <b-card-text style="">
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    from Udemy<br/>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <a class="pull-right" target="_blank" href="https://www.udemy.com/certificate/UC-a18d6e41-7c50-44f5-87d7-4755a5717943/">Show Certificate</a>
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                    </div>
                    <!--
                                                                                                                                                                                                                                                            -->
                </div>
                <!--
                                                                                                                                                                                                                                                            -->
                <div>
        </template>
        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
        <template id="education">
            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
            <div class="page-container">
                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                <navbar active="/education"></navbar>
                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                <div class="container-fluid">
                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                    <h4>Education</h4>
                    <!--
                                                                                                                                                                                                                                                            -->
                    <div class="row">
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-11 ml-4">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Computer Engineering">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <b>University: </b>
                                    Ahmet Yesevi University<br/>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <b>Period: </b>
                                    2003 – 2007                                                                                                                      
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-11 ml-4">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="Map and Cadastre">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <b>University: </b>
                                    Hacettepe University<br/>
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    <b>Period: </b>
                                    1999 - 2001                                                                                                                      
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        </div>
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                    </div>
                </div>
                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                <div>
        </template>
        <!--
                                                                                                                                                                                                                                                            -->
        <template id="contacts">
            <!--
                                                                                                                                                                                                                                                            -->
            <!--
                                                                                                                                                                                                                                                            -->
            <div class="page-container">
                <!--
                                                                                                                                                                                                                                                            -->
                <h4>Contacts</h4>
                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                <div class="container-fluid">
                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                    <div class="row">
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-1 ml-1">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a target="_blank" href="/cdn-cgi/l/email-protection#472c32332b263e283d20223507202a262e2b6924282a783432252d2224337a0d28256275770821212235612528233e7a172b22263422627577223f372b262e296275773e2832356275772d2825627577282121223569" title="eMail">
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <b-img src="https://pic.onlinewebfonts.com/svg/img_461772.png" fluid></b-img>
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <!--
                                                                                                                                                                                                                                                            -->
                                    </a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-1 ml-1">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a target="_blank" href="https://kutlay.ozger.com/" title="www">
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <b-img src="https://icon-library.com/images/icon-cdn/icon-cdn-0.jpg" fluid></b-img>
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    </a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-1 ml-1">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a target="_blank" href="https://www.linkedin.com/in/kutlay-%C3%B6zger-a2481927/" title="linkedIn">
                                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                        <b-img src="https://cdn.cdnlogo.com/logos/l/66/linkedin-icon.svg" fluid></b-img>
                                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                    </a>
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
                                                                                                                                                                                                                                                            -->
                        <div class="col-1 ml-1">
                            <!--
                                                                                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="">
                                <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <a target="_blank" href="https://github.com/kutlayozger" title="github">
                                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                        <b-img src="https://cdn.cdnlogo.com/logos/g/69/github-icon.svg" fluid></b-img>
                                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                    </a>
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
                                                                                                                                                                                                                                                            -->
                        </div>
                        <!--
                                                                                                                                                                                                                                                            -->
                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        <div class="col-1 ml-1">
                            <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="">
                                <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                                    <a target="_blank" href="https://twitter.com/kutlayozger" title="twitter">
                                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                        <b-img src="https://cdn.cdnlogo.com/logos/t/96/twitter-icon.svg" fluid></b-img>
                                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                        <!--
                                                                                                                                                                                                                                                            -->
                                    </a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <!--
                                                                                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
                                                                                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        <div class="col-1 ml-1">
                            <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            <b-card class="mt-4" title="">
                                <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                                    <a target="_blank" href="https://replit.com/@KutlayOzger" title="repl.it">
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <b-img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b2/Repl.it_logo.svg/512px-Repl.it_logo.svg.png?20190414162605" fluid></b-img>
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <!--
                                                                                                                                                                                                                                                            -->
                                    </a>
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                </b-card-text>
                                <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                            </b-card>
                            <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                        </div>
                        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        <div class="col-1 ml-1">
                            <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                            <b-card class="mt-4" title="">
                                <!--
                                                                                                                                                                                                                                                            -->
                                <b-card-text style="min-height: 68px;">
                                    <!--
                                                                                                                                                                                                                                                            -->
                                    <a target="_blank" href="https://www.npmjs.com/~kutlayozger" title="npm">
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <b-img src="https://cdn.cdnlogo.com/logos/n/45/npm.svg" fluid></b-img>
                                        <!--
                                                                                                                                                                                                                                                            -->
                                        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
                                    </a>
                                    <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
                                    <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
                                </b-card-text>
                                <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
                            </b-card>
                            <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
                        </div>
                        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
                    </div>
                    <!--
                                                                                                                                                                                                                                                            -->
                </div>
                <!--
                                                                                                                                                                                                                                                            -->
                <div>
        </template>
        <!--
                                                                                                                                                                                                                                                            -->
        <!--
                                                                                                                                                                                                                                                            -->
        <!--
██╗  ██╗    ██╗    ██████╗     ███████╗    ███╗   ███╗    ███████╗                                                                                                                                                                                          -->
        <!--
██║  ██║    ██║    ██╔══██╗    ██╔════╝    ████╗ ████║    ██╔════╝                                                                                                                                                                                          -->
        <!--
███████║    ██║    ██████╔╝    █████╗      ██╔████╔██║    █████╗                                                                                                                                                                                            -->
        <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js" defer></script><script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
        <!--
██╔══██║    ██║    ██╔══██╗    ██╔══╝      ██║╚██╔╝██║    ██╔══╝                                                                                                                                                                                            -->
        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
        <!--
██║  ██║    ██║    ██║  ██║    ███████╗    ██║ ╚═╝ ██║    ███████╗                                                                                                                                                                                          -->
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>
        <!--
╚═╝  ╚═╝    ╚═╝    ╚═╝  ╚═╝    ╚══════╝    ╚═╝     ╚═╝    ╚══════╝                                                                                                                                                                                          -->
        <!--
                                                                                                                                                                                                                                                            -->
        <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
        <!--
                                                                                                                      -->
        <script src="https://unpkg.com/vuex@3.0.1/dist/vuex.min.js"></script>
        <script src="https://unpkg.com/vue-router@2.0.0/dist/vue-router.js"></script>
        <script src="https://unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>
        <!--script type="text/javascript" src="architectui.js"></script-->
        <script type="text/javascript"></script>
        <script type="text/javascript">
            var lib = {};

            window.chpost = function(url, data) {
                return new Promise(function(resolve) {
                    $.ajax({
                        url: url,
                        method: 'post',
                        data: data,
                        success: function(resp) {
                            console.log("RESP:", resp);
                            if (resp.message) {
                                alert(resp.message);
                            }
                            if (resp.link) {
                                navigation.href = resp.link
                            }
                            resolve(resp);
                        }
                    });
                }
                );
            }
            ;

            var util = {};

            util.get = function(url) {
                return new Promise(function(resolve) {
                    axios({
                        url: url,
                        method: 'GET'
                    }).then(function(resp) {
                        var data = resp.data;
                        if (resp.message) {
                            alert(resp.message);
                        }
                        if (resp.link) {
                            navigation.href = resp.link;
                        }
                        resolve(data);
                    });
                }
                );
            }
            ;

            util.round = function(n) {
                if (typeof n != "number")
                    return "-";
                return Math.round(n * 100) / 100;
            }
            ;

            //lib functions
            lib.initialize = function() {
                return Promise.resolve();
            }
            ;
            //lib functions end

            var events = new Vue({});
            Vue.use(Vuex);
            Vue.use(VueRouter);

            const store = new Vuex.Store({})

            const Foo = {
                template: '<div>foo</div>'
            }
            const Bar = {
                template: '<div>bar</div>'
            }

            const vcomp = {
                list: {},
                add(fn) {
                    var obj = fn();
                    if (document.querySelector("template#" + fn.name)) {
                        obj.template = document.querySelector("template#" + fn.name).innerHTML
                        vcomp.list[fn.name] = Vue.component(fn.name, obj)
                    } else {
                        console.warn(fn.name, "template yok");
                    }
                }
            };
            vcomp.add(function navbar() {
                return {
                    props: ['active', ],
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function porti() {
                return {
                    props: ['name', 'brandname', 'skill', 'year', 'img', 'certs', ],
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function profil() {
                return {
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function techbar() {
                return {
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function mainapp() {
                return {
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function works() {
                return {
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function certs() {
                return {
                    props: ['filter', ],
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function education() {
                return {
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });
            vcomp.add(function contacts() {
                return {
                    methods: {},
                    data: function() {
                        return {}
                    },
                }
            });

            function allFixed(obj, num) {
                var o = {}
                Object.keys(obj).forEach(function(key) {
                    if (typeof obj[key] == "number") {
                        o[key] = obj[key].toFixed(num)
                    } else
                        o[key] = obj[key]
                })
                return o;
            }

            const routes = [{
                path: '/profile',
                component: vcomp.list.profil
            }, {
                path: '/skills',
                component: vcomp.list.techbar
            }, {
                path: '/',
                component: vcomp.list.mainapp
            }, {
                path: '/works',
                component: vcomp.list.works
            }, {
                path: '/certificates',
                component: vcomp.list.certs
            }, {
                path: '/education',
                component: vcomp.list.education
            },
            ]

            const router = new VueRouter({
                routes
            })

            lib.initialize().then(function() {
                const vapp = new Vue({
                    el: '#app',
                    data: {
                        message: "hello vue"
                    },
                    store: store,
                    router: router,
                    components: vcomp.list
                });
            });
        </script>
        <script type="text/javascript"></script>
    </body>
</html>