Add bootstrap frontend

templates/profile.html

@@ -1,9 +1,40 @@
-<title>{{ profile.user.username }}</title>
-<h1>{{ profile.user.username }}</h1>
-<p>First name: {{ profile.user.first_name }}</p>
-<p>Last name: {{ profile.user.last_name }}</p>
-<p>Email: {{ profile.user.email }}</p>
-<p>Favorite city: {{ profile.favorite_city }}</p>
-<div><a href="{% url 'profiles_index' %}">Back</a></div>
-<div><a href="{% url 'index' %}">Home</a></div>
-<div><a href="{% url 'lettings_index' %}">Lettings</a></div>
+{% extends "base.html" %}
+{% block title %}{{ profile.user.username }}{% endblock title %}
+
+{% block content %}
+<div class="container px-5 py-5 text-center">
+    <div class="row justify-content-center">
+        <div class="col-lg-8">
+            <h1 class="page-header-ui-title mb-3 display-6">{{ profile.user.username }}</h1>
+        </div>
+    </div>
+</div>
+
+<div class="container px-5 py-5 text-center">
+	<div class="card">
+	    <div class="card-body">
+	        <div class="icon-stack icon-stack-lg bg-primary text-white mb-3"><i data-feather="user"></i></div>
+	       	<p><strong>First name :</strong> {{ profile.user.first_name }}</p>
+			<p><strong>Last name :</strong> {{ profile.user.last_name }}</p>
+			<p><strong>Email :</strong> {{ profile.user.email }}</p>
+			<p><strong>Favorite city :</strong> {{ profile.favorite_city }}</p>
+	    </div>
+	</div>
+</div>
+
+<div class="container px-5 py-5 text-center">
+    <div class="justify-content-center">
+        <a class="btn fw-500 ms-lg-4 btn-primary px-10" href="{% url 'profiles_index' %}">
+        	<i class="ms-2" data-feather="arrow-left"></i>
+            Back
+        </a>
+        <a class="btn fw-500 ms-lg-4 btn-primary px-10" href="{% url 'index' %}">
+            Home
+        </a>
+        <a class="btn fw-500 ms-lg-4 btn-primary px-10" href="{% url 'lettings_index' %}">
+            Lettings
+        </a>
+    </div>
+</div>
+
+{% endblock %}