diff --git a/awx/ui/static/less/ansible-ui.less b/awx/ui/static/less/ansible-ui.less
index ffdcd28cb4..ac576f7138 100644
--- a/awx/ui/static/less/ansible-ui.less
+++ b/awx/ui/static/less/ansible-ui.less
@@ -60,7 +60,8 @@
 @import "lists.less";
 @import "new-dashboard.less";
 @import "jPushMenu.less";
-@import "survey-maker.less"; 
+@import "survey-maker.less";
+@import "portal.less";
 
 /* Bootstrap fix that's causing a right margin to appear
    whenver a modal is opened */
diff --git a/awx/ui/static/less/portal.less b/awx/ui/static/less/portal.less
new file mode 100644
index 0000000000..c8f7728731
--- /dev/null
+++ b/awx/ui/static/less/portal.less
@@ -0,0 +1,39 @@
+/*********************************************
+ *  Copyright (c) 2014 AnsibleWorks, Inc.
+ *
+ * portal.css
+ *
+ *  custom styles for poral mode
+ *
+ */
+
+
+
+
+
+.portal-container{
+  border: 1px solid @grey;
+  border-radius: 4px;
+  padding: 5px;
+}
+
+.portal-header{
+  margin: 5px;
+  margin-left: 10px;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+#portal-jobs{
+  margin-top: 20px;
+}
+ @media (min-width: 769px) {
+      .left-side {
+          padding-right: 7px;
+      }
+
+      .right-side {
+          padding-left: px;
+      }
+}
+
diff --git a/awx/ui/static/partials/portal.html b/awx/ui/static/partials/portal.html
index 19904b434b..e6ea4d3ced 100644
--- a/awx/ui/static/partials/portal.html
+++ b/awx/ui/static/partials/portal.html
@@ -1,3 +1,26 @@
-<div class="tab-pane" id="portal">
-  <div ng-cloak id="htmlTemplate"></div>
+<div class="tab-pane" >
+        <div ng-cloak id="portal-landing">
+                <div id="refresh-row" class="row">
+                        <div class="col-lg-12">
+                                <div id="portal-list-actions" class="list-actions pull-right">
+                                </div>
+                        </div>
+                </div>
+                <div class="row">
+                        <div class="left-side col-sm-6 col-xs-12">
+                                <div class="portal-container">
+                                        <span class="portal-header">Job Templates</span>
+                                        <div id="portal-job-template" >
+                                        </div>
+                                </div>
+                        </div>
+                        <div class="right-side col-sm-6 col-xs-12">
+                                <div class="portal-container ">
+                                        <span class="portal-header">Jobs</span>
+                                        <div id="portal-jobs" >
+                                        </div>
+                                </div>
+                        </div>
+                </div>
+        </div>
 </div>
\ No newline at end of file