updates account design

server/template/account.html

@@ -1,8 +1,17 @@
 {% extends "sidebar.html" %}
 {% block body%}
-<p>Hello, {{ username }}! You're logged in! Email: {{email}}</p>
-<div><p>Google Profile Picture:</p>
-<img src={{ profile_img }} alt="Google profile pic"></img></div>
-<a class="button" href="/logout">Logout</a>
-<a class="button" href="/test">test API</a>
-{% endblock %}
+<div class="container profile">
+    <img class="picture" src={{ profile_img }} alt="Profile Picture"></img> 
+    <p class="name"> {{ username }} </p>
+</div>
+<div class="sub container">
+    <p class=name>E-mail </p><p class=data> {{email}}</p>
+</div>
+<div class="sub container">
+    <p class=data>0</p><p class=name> Devices </p>
+</div>
+<div class=container>
+<a class="button logout" href="/logout">Logout</a>
+<a class="button delete" href="/delete_account">Delete Account</a>
+</div>
+{% endblock %}