---
layout: default
title: Profile
---

{{> navbar-fade-account}}

<div class="profile-header">
  <div class="profile-header-inner">
    <div class="profile-avatar">
      <img
        class="avatar"
        src="https://via.placeholder.com/250x250"
        alt=""
        data-demo-src="assets/img/avatars/helen.jpg"
      />
      <h2 class="title is-4 is-narrow">Helen Miller</h2>
      <p class="subtitle is-6">UI/UX Designer</p>
    </div>

    <div class="tabs is-centered">
      <ul>
        <li><a href="profile-1.html">Overview</a></li>
        <li class="is-active"><a href="profile-2.html">Projects</a></li>
        <li><a href="profile-3.html">Network</a></li>
      </ul>
    </div>
  </div>
</div>

<div class="section is-app-grey">
  <div class="container">
    <div class="profile-wrapper is-larger">
      <div class="columns is-multiline">
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/1.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Modin Ecommerce</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/alan.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/alex.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/betty.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/2.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Hiring Portal</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/elie.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/stella.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/3.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Accounting for noobs</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/terry.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/nick.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/marc.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/4.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Crypto / ICO Platform</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/marge.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/matt.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/5.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Property Management</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/nicole.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/fred.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/janet.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/6.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Checkout King</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/jalil.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/jane.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/7.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Next Gen Chat</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/kareem.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/mila.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/melany.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
        <!--Project-->
        <div class="column is-4">
          <a href="#" class="project-card">
            <img
              src="https://via.placeholder.com/800x600"
              data-demo-src="assets/img/demo/projects/8.png"
              alt=""
            />
            <div class="project-card-content">
              <h3>Neo Kanban</h3>
              <p>Lorem ipsum sit dolor amet is a dummy text</p>
              <div class="project-members">
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/alex.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/barry.jpg"
                  alt=""
                />
                <img
                  src="https://via.placeholder.com/150x150"
                  data-demo-src="assets/img/avatars/anthony.jpg"
                  alt=""
                />
              </div>
            </div>
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

{{> footer-side-light}}