From 7bcdf0bb3e1c15fefdda53afc8bf85890405425b Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sat, 16 Sep 2017 01:16:51 -0700
Subject: [PATCH] f

---
 index.html   |  2 +-
 prof.css     | 19 +++++++++++++++++++
 profile.html | 17 +++++++++++++++--
 3 files changed, 35 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index af96fe2..1b1482a 100644
--- a/index.html
+++ b/index.html
@@ -2,11 +2,11 @@
 <html>
   <head>
     <title>Categorize</title>
+    <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <link rel="stylesheet" type="text/css" href="main.css">
-    <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
   </head>
 
   <body>
diff --git a/prof.css b/prof.css
index 2668e89..6ddbe40 100644
--- a/prof.css
+++ b/prof.css
@@ -9,4 +9,23 @@ body {
   padding: 0;
   height: 100%;
   width: 100%;
+
+}
+div.profTitle {
+  padding-top: 5px;
+  background-color: #45d7e8;
+  height: 100px;
+  text-align: center;
+  font-size: 65px;
+  color: white;
+  font-family: 'Dosis', sans-serif;
+  z-index: 10;
+}
+#piechart {
+  padding: 0;
+  height: 800px;
+  width: 100%;
+  overflow: hidden;
+  margin-top: -100px;
+  margin-left: 100px;
 }
diff --git a/profile.html b/profile.html
index 575f37f..ffa07d0 100644
--- a/profile.html
+++ b/profile.html
@@ -3,16 +3,28 @@
   <head>
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
     <script type="text/javascript" src="mainJs.js"></script>
+    <link type="text/css" rel="stylesheet" href="prof.css">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+    <link href="https://fonts.googleapis.com/css?family=Dosis" rel="stylesheet">
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
   </head>
 
   <body>
+    <div class="container-fluid">
+      <div class="row">
+        <div class="col-xs-12 profTitle">
+          My Profile
+        </div>
+      </div>
 
-    <div id="piechart" style="width: 900px; height: 500px;"></div>
+    <div class="row">
+      <div class="col-xs-12" id="piechart"></div>
+    </div>
+    </div>
 
+    <div class="container">
     <div class="container">
         <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo0">Food and Dining</button>
         <div id="demo0" class="collapse">
@@ -60,9 +72,10 @@
     <div class="container">
         <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo5">Other</button>
         <div id="demo5" class="collapse">
-            Swatch      Wednesday, July 23      8:00 PM     $100.01
+            Transaction 1:
         </div>
     </div>
+  </div>
 
     <div id="barchart_material" style="width: 900px; height: 500px;"></div>
 
