Added static elements and buttons to the profile view.

Cleaned CSS file.

boodlesite/static/css/styles.css

@@ -24,7 +24,7 @@ nav {
 
 .fixed-nav nav {
   position: fixed;
-  box-shadow 0 5px black;
+  box-shadow: 0 5px black;
 }
 
 nav ul {
@@ -183,7 +183,7 @@ nav a {
 
 }
 
-.cards p {}
+/*.cards p {} */
 
 /* cards end */
 
@@ -324,4 +324,17 @@ nav a {
 .item-form-container {
   border: 2px solid black;
   padding: 1rem;
+}
+
+/* ?USER'S PROFILE */
+.profile-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.profile-element {
+  margin-top: .5rem;
+  margin-bottom: .5rem;
 }
\ No newline at end of file

boodlesite/templates/profile.html

@@ -2,14 +2,24 @@
 {% load static %}
 
 
-{% block title %}My favorite ongoing auctions{% endblock %}
+{% block title %}Profile{% endblock %}
 
 {% block styles %}
 {% endblock %}
 
 {% block content %}
-
-<h1>This is user's profile</h1>
+<div class="profile-container">
+    <div class="username-section profile-element">
+        <h2>This is user's profile</h2>
+    </div>
+    <div class-"user-img profile-element">
+        <img src="https://minimaltoolkit.com/images/randomdata/female/64.jpg" alt="profile-image">
+    </div>
+    <div class="btn-group profile-element" role="group" aria-label="Basic example">
+        <button type="button" class="btn btn-primary">My Store</button>
+        <button type="button" class="btn btn-primary">Edit Profile</button>
+    </div>
+</div>
 
 <!--Change auctions_now, auction to like favorites, favorite-->
 <div class="event-container">