diff --git a/bower.json b/bower.json
index a0cd34687..f40475f67 100644
--- a/bower.json
+++ b/bower.json
@@ -9,6 +9,7 @@
     "angular": "~1.2.x",
     "angular-bootstrap": "~0.10.0",
     "angular-route": "~1.2.14",
+    "angular-qrcode": "~3.1.0",
     "peerjs": "~0.3.8",
     "angular-mocks": "~1.2.14",
     "mocha": "~1.18.2",
diff --git a/index.html b/index.html
index 07f3eea59..73ae7eadf 100644
--- a/index.html
+++ b/index.html
@@ -33,27 +33,105 @@
       </form>
     </script>
 
+    <!-- HOME -->
     <script type="text/ng-template" id="home.html">
       <div class="home" data-ng-controller="HomeController">
       <h2>{{title}}</h2>
-      </div>
-    </script>
-    <script type="text/ng-template" id="transactions.html">
-      <div class="transactions" data-ng-controller="TransactionsController">
-      <h2>{{title}}</h2>
-      </div>
-   </script>
-    <script type="text/ng-template" id="send.html">
-      <div class="send" data-ng-controller="SendController">
-      <h2>{{title}}</h2>
-      </div>
-    </script>
-    <script type="text/ng-template" id="backup.html">
-      <div class="backup" data-ng-controller="BackupController">
-      <h2>{{title}}</h2>
+
+      <accordion close-others="oneAtATime">
+        <accordion-group ng-repeat="addr in addrs">
+          <accordion-heading>
+            {{addr.addrStr}}
+          </accordion-heading>
+          <qrcode size="160" data="{{addr.addrStr}}"></qrcode>
+        </accordion-group>
+      </accordion>
       </div>
     </script>
 
+    <!-- TRANSACTIONS -->
+    <script type="text/ng-template" id="transactions.html">
+      <div class="transactions" data-ng-controller="TransactionsController">
+      <h2>{{title}}</h2>
+      <div class="row">
+        <div class="col-xs-6">
+          <h3>Input</h3>
+          <accordion close-others="oneAtATime">
+            <accordion-group ng-repeat="tx in txsinput">
+              <accordion-heading>
+                {{tx.fromAddr}} -> {{tx.toAddr}} : {{tx.amount}}
+              </accordion-heading>
+              <div class="row">
+                <div class="col-xs-6 col-md-4">ignore</div>
+                <div class="col-xs-6 col-md-4">(Required 3 cosign)</div>
+                <div class="col-xs-6 col-md-4">sign</div>
+              </div>
+            </accordion-group>
+          </accordion> 
+        </div>
+        <div class="col-xs-6">
+          <h3>Output</h3>
+          <accordion close-others="oneAtATime">
+            <accordion-group ng-repeat="tx in txsoutput">
+              <accordion-heading>
+                {{tx.fromAddr}} <- {{tx.toAddr}} : {{tx.amount}}
+              </accordion-heading>
+              Details...
+            </accordion-group>
+          </accordion>
+        </div>
+      </div>
+   </script>
+
+   <!-- SEND -->
+    <script type="text/ng-template" id="send.html">
+      <div class="send" data-ng-controller="SendController">
+      <h2>{{title}}</h2>
+        <form class="form-horizontal" role="form">
+          <div class="form-group">
+            <label for="address" class="col-sm-2 control-label">To:</label>
+            <div class="col-sm-10">
+              <input type="text" class="form-control" id="address" placeholder="Send to">
+            </div>
+          </div>
+          <div class="form-group">
+            <label for="amount" class="col-sm-2 control-label">Amount:</label>
+            <div class="col-sm-10">
+              <div class="row">
+              <div class="col-xs-6">
+                <input type="text" class="form-control" id="amount" placeholder="Amount">
+              </div>
+              <div class="col-xs-6">
+                <select class="form-control">
+                  <option>mBTC</option>
+                  <option>BTC</option>
+                </select>
+              </div>
+              </div>
+            </div>
+          </div>
+          <div class="form-group">
+            <div class="col-sm-offset-2 col-sm-10">
+              <button type="submit" class="btn btn-default">send</button>
+            </div>
+          </div>
+        </form>
+      </div>
+    </script>
+
+    <!-- BACKUP -->
+    <script type="text/ng-template" id="backup.html">
+      <div class="backup" data-ng-controller="BackupController">
+      <h2>{{title}}</h2>
+      <div class="row">
+        <div class="col-xs-6 col-md-4">Download file</div>
+        <div class="col-xs-6 col-md-4">Backup to Dropbox</div>
+        <div class="col-xs-6 col-md-4">Backup to email</div>
+      </div>
+      </div>
+    </script>
+
+    <!-- NOT FOUND -->
     <script type="text/ng-template" id="404.html">
       <h2 class="text-center">404</h2>
       <h3 class="text-center">Page not found</h3>
@@ -61,11 +139,12 @@
     </script>
 
     <script src="lib/angular/angular.min.js"></script>
+    <script src="lib/qrcode-generator/js/qrcode.js"></script>
+    <script src="lib/angular-qrcode/qrcode.js"></script>
     <script src="lib/angular-route/angular-route.min.js"></script>
     <script src="lib/angular-bootstrap/ui-bootstrap.min.js"></script>
     <script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
     <script src="lib/peerjs/peer.js"></script>
-
     <script src="js/app.js"></script>
     <script src="js/config.js"></script>
     <script src="js/directives.js"></script>
diff --git a/js/app.js b/js/app.js
index 840cb0bd9..40fb1f1d2 100644
--- a/js/app.js
+++ b/js/app.js
@@ -7,7 +7,8 @@ angular.module('cosign',[
   'cosign.home',
   'cosign.transactions',
   'cosign.send',
-  'cosign.backup'
+  'cosign.backup',
+  'monospaced.qrcode'
 ]);
 
 angular.module('cosign.header', []);
diff --git a/js/controllers/home.js b/js/controllers/home.js
index 6d1c5ff34..1f87ab2a2 100644
--- a/js/controllers/home.js
+++ b/js/controllers/home.js
@@ -3,4 +3,9 @@
 angular.module('cosign.home').controller('HomeController',
   function($scope, $rootScope, $location) {
     $scope.title = 'Home';
+
+    $scope.addrs = [
+    { addrStr: 'n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb'},
+    { addrStr: 'my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J'}
+    ];
   });
diff --git a/js/controllers/transactions.js b/js/controllers/transactions.js
index f8dcc9f6a..18cbe1333 100644
--- a/js/controllers/transactions.js
+++ b/js/controllers/transactions.js
@@ -3,4 +3,30 @@
 angular.module('cosign.transactions').controller('TransactionsController',
   function($scope, $rootScope, $location) {
     $scope.title = 'Transactions';
+
+    $scope.txsinput = [
+    {
+      fromAddr: "n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb",
+      toAddr: "msvv2mDfE298s7boXwALq4Dqv77K3TWRZ1",
+      amount: 23.9982
+    },
+    {
+      fromAddr: "my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J",
+      toAddr: "monCusNiDuptf68rtr58hEjKpJt6cW6zwS",
+      amount: 2.22
+    }
+    ];
+
+    $scope.txsoutput = [
+    {
+      fromAddr: "n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb",
+      toAddr: "msvv2mDfE298s7boXwALq4Dqv77K3TWRZ1",
+      amount: 23.9982
+    },
+    {
+      fromAddr: "my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J",
+      toAddr: "monCusNiDuptf68rtr58hEjKpJt6cW6zwS",
+      amount: 2.22
+    }
+    ];
   });