Untitled

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
    <link rel="stylesheet" href="css/desktop.css">
    <link rel="stylesheet" href="css/mobile.css">
</head>
<body>
    <header class = "black_head"><h1>Logo</h1></header>
    <nav class = "nav_left">
        <div class="me">
            <img class = "boy" src="img/boy.png">
            <h2>Welcome , <span>Mike</span></h2>
            <a href="#"><i class="fas fa-envelope"></i></a>
            <a href="#"><i class="fas fa-user"></i></a>
            <a href="#"><i class="fas fa-play-circle"></i></a>
        </div>
        <div class="dashboard">
            <h3>Dashboard</h3>
            <a class = "blue"href="#"><i class="fas fa-users"></i>Overview</a>
            <a href="#" class="menu"><i class="far fa-eye"></i>Vievs</a>
            <a href="#" class="menu"><i class="fas fa-users"></i>Traffic</a>
            <a href="#" class="menu"><i class="fas fa-bullseye"></i>Geo</a>
            <a href="#" class="menu"><i class="far fa-gem"></i>Orders</a>
            <a href="#" class="menu"><i class="fas fa-bell"></i>News</a>
            <a href="#" class="menu"><i class="fas fa-landmark"></i>General</a>
            <a href="#" class="menu"><i class="fas fa-undo"></i>History</a>
            <a href="#" class="menu"><i class="fas fa-cog"></i>Settings</a>
        </div>
    </nav>

   <main>
    <h4><i class="fas fa-user-circle"></i>My dashboard</h4>
    <div class="main_div red"><i class="fas fa-comment"></i><p>Messages</p></div>
    <div class="main_div blue2"><i class="far fa-eye"></i><p>Vievs</p></div>
    <div class="main_div green"><i class="fas fa-share-alt"></i><p>Share</p></div>
    <div class="main_div orange"><i class="fas fa-users"></i><p>Users</p></div>
   </main>
</body>
</html>