{% extends "base2.html" %}

 {% load static %}

 {% block title %} {{user.username}} {% endblock %}


  {% block content %}

    <div class="columns" style="background-color:#0d575c ;">

        <div class="column">

        </div>
        <div class="column is-7 ">

        <div class="card m-4">
          <div class="card-image">
            <figure class="image is-3by1">
              <img src="{% static 'img/couverture.jpg' %}" alt="Placeholder image">
            </figure>
          </div>
          <div class="card-content">
            <div class="media">
              <div class="media-left">
                <figure class="image is-128x128">
                  <img class="is-rounded" src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
                </figure>
              </div>
              <div class="media-content">
                <p class="title is-4">{{user.first_name}} {{user.last_name}}</p>
                <p class="subtitle is-6">@{{user.username}}</p>
                <p>{{user.description}}</p>
              </div>
            </div>

            <div class="content">
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              Phasellus nec iaculis mauris. <a>@bulmaio</a>.
              <a href="#">#css</a> <a href="#">#responsive</a>
              <br>
              <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
            </div>
          </div>
        </div>

            </div>

        <div class="column">
        
            </div>
    </div>


  {% endblock content %}