<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Okan Uzun</title>
    <meta content="" name="description">
    <meta content="" name="author">-->
    <meta content="" name="keywords">
    <meta content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
    <!-- The Ext v1.2 || ex nihilo || January - February 2019 -->
    <!-- style start -->
    <link href="css/plugins.css" media="all" rel="stylesheet" type="text/css">
    <link href="css/style.css" media="all" rel="stylesheet" type="text/css"><!-- style end -->
    <!-- google fonts start -->
    <link href="http://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900%7COswald:300,400,700" rel="stylesheet" type="text/css"><!-- google fonts end -->
</head>
<body>
<!-- preloader start -->
<div class="preloader-bg"></div>
<div id="preloader">
    <div id="preloader-status">
        <div class="preloader-position loader">
            <span></span>
        </div>
    </div>
</div><!-- preloader end -->
<!-- logo start -->
<a class="logo logo-light">
    <div class="logo-img fadeIn-element"></div></a><!-- logo end -->
<!-- navigation start -->
<div class="navigation-fire main-menu main-menu-light fadeIn-element">
    <span></span>
</div>
<nav class="navigation-menu">
    <!-- center container menu start -->
    <div class="center-container-menu">
        <!-- center block menu start -->
        <div class="center-block-menu">
            <!-- logo menu start -->
            <div class="logo-menu-wrapper">
                <div class="logo-menu">
                    <!--                            <img alt="Logo Menu" src="img/logo-light.png">-->
                    <div class="text-title">
                        <h4>
                            Okan Uzun
                        </h4>
                    </div>
                </div>
            </div><!-- logo menu end -->
            <ul class="brackets">
                <li>
                    <a class="menu-state active" href="#home">Home</a>
                </li>
                <li>
                    <a class="menu-state" href="#about">About</a>
                </li>
                <li>
                    <a class="menu-state" href="#works">Works</a>
                </li>
                <li>
                    <a class="menu-state" href="#services">Services</a>
                </li>
                <li class="last">
                    <a class="menu-state" href="#contact">Contact</a>
                </li>
            </ul>
            <!-- social icons menu start -->
            <div class="social-icons-wrapper-menu">
                <div class="social-icons-wrapper">
                    <ul class="social-icons">
                        <li class="social-icon">
                            <a class="ion-social-twitter" href="#"></a>
                        </li>
                        <li class="social-icon">
                            <a class="ion-social-facebook" href="#"></a>
                        </li>
                        <li class="social-icon">
                            <a class="ion-social-googleplus" href="#"></a>
                        </li>
                        <li class="social-icon">
                            <a class="ion-social-instagram" href="https://www.instagram.com/okanuzunn?igsh=MTNmdWViamdvcTd3bg==" target="_blank"></a>
                        </li>
                    </ul>
                </div>
            </div><!-- social icons menu end -->
        </div><!-- center block menu end -->
    </div><!-- center container menu end -->
</nav><!-- navigation end -->
<!-- fullPage start -->