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

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, viewport-fit=cover">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <meta name="theme-color" content="#ffffff">
  <link rel="icon" href="images/favicon.png">
  <title>M.Taqi</title>
  <link rel="stylesheet" href="css/framework7-bundle.css">
  <link rel="stylesheet" href="css/framework7-icons.css">
  <link rel="stylesheet" href="css/material-icon.css">
  <link rel="stylesheet" href="css/style.css?v=10">
  <link rel="stylesheet" href="css/custom.css">
  <link rel="stylesheet" href="css/margin.css">
</head>

<body class="color-blue">
  <div id="app">
    <div class="panel panel-left panel-push panel-init">
      <div class="profile-header">
        <div class="profile-image">
          <img src="https://yui.xioyuna.com/template/img/avatars/1.jpg" alt="">
          <div class="profile-online bg-color-green">
          </div>
        </div>
        <div class="profile-name">Noah Campbell</div>
        <div class="profile-subtitle">
        </div>
      </div>
      <div class="list links-list panel-links">
        <ul>
          <li>
            <a href="/profile/" class="panel-close">
              <i class="icon f7-icons">person_crop_circle_fill</i>My Profile</a>
          </li>
          <li>
            <a href="/notifications/" class="panel-close">
              <i class="icon f7-icons">bell_fill</i>Notifications</a>
          </li>
          <li>
            <a href="/settings/" class="panel-close">
              <i class="icon f7-icons">gear_alt_fill</i>Settings</a>
          </li>
          <li>
            <a href="/messages/" class="panel-close">
              <i class="icon f7-icons">bubble_left_bubble_right_fill</i>Messages</a>
          </li>
          <li>
            <a href="/search/" class="panel-close">
              <i class="icon f7-icons">search_circle_fill</i>Search</a>
          </li>
          <li>
            <a href="/help-center/" class="panel-close">
              <i class="icon f7-icons">question_square_fill</i>Help Center</a>
          </li>
        </ul>
      </div>
      <div class="panel-logout">
        <a href="#" class="link text-color-red">Log Out
          <i class="icon f7-icons arrow-back text-color-red">square_arrow_right</i>
        </a>
      </div>
    </div>
    <div class="views tabs">