Atomic Explorer base structure added

assets/css/dashboard.css

@@ -18,6 +18,6 @@
 	box-shadow: 0 3px 10px 0px rgba(0, 0, 0, 0.32);
 }
 
-#section-iguana-wallet-settings {
+#section-iguana-wallet-settings, #section-iguana-atomic-explorer {
 	padding-top: 0;
 }

index.html

@@ -574,16 +574,52 @@
     </div>
     <!-- END EASYDEX CONTENT BODY -->
 
-    <!-- BEGIN IGUANA WALLET SETTINGS CONTENT BODY -->
+    <!-- BEGIN ATOMIC EXPLORER SETTINGS CONTENT BODY -->
     <div class="page-content" id="section-iguana-atomic-explorer">
-      <h2>Atomic Explorer</h2>
-      <p>Page content goes here</p>
+      <div class="row" id="atomic-explorer" data-plugin="masonry">
+      <div class="col-xlg-4 col-md-12">
+          <!-- Example Tabs In The Panel -->
+          <div class="panel nav-tabs-horizontal">
+            <!--<div class="panel-heading">
+              <h3 class="panel-title">Wallet Settings</h3>
+            </div>-->
+            <ul class="nav nav-tabs nav-tabs-line" data-plugin="nav-tabs" role="tablist">
+              <li class="active" role="presentation"><a data-toggle="tab" href="#GetBalance" aria-controls="GetBalance" role="tab"><i class="icon md-balance-wallet" aria-hidden="true"></i>Get Balance</a></li>
+              <li role="presentation"><a data-toggle="tab" href="#ListUnspent" aria-controls="ListUnspent" role="tab"><i class="icon md-plus-square" aria-hidden="true"></i>List Unspent</a></li>
+              <li role="presentation"><a data-toggle="tab" href="#txid" aria-controls="txid" role="tab"><i class="icon wb-briefcase" aria-hidden="true"></i>Transaction ID</a></li>
+              <li role="presentation"><a data-toggle="tab" href="#BlockHash" aria-controls="BlockHash" role="tab"><i class="icon md-key" aria-hidden="true"></i>Block Hash</a></li>
+              <li role="presentation"><a data-toggle="tab" href="#ChainTip" aria-controls="ChainTip" role="tab"><i class="icon fa-money" aria-hidden="true"></i>Chain Tip</a></li>
+              <li role="presentation"><a data-toggle="tab" href="#GetTransaction" aria-controls="GetTransaction" role="tab"><i class="icon fa-money" aria-hidden="true"></i>Get Transaction</a></li>
+            </ul>
+            <div class="panel-body">
+              <div class="tab-content">
+                <div class="tab-pane active" id="GetBalance" role="tabpanel">
+                  Get Balance section to be updated soon.
+                </div>
+                <div class="tab-pane" id="ListUnspent" role="tabpanel">
+                  List Unspent section to be updated soon.
+                </div>
+                <div class="tab-pane" id="txid" role="tabpanel">
+                  Wallet Backup section to be updated soon.
+                </div>
+                <div class="tab-pane" id="BlockHash" role="tabpanel">
+                  Export Keys section to be updated soon.
+                </div>
+                <div class="tab-pane" id="ChainTip" role="tabpanel">
+                  Fiat currency settings section to be updated soon.
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- End Example Tabs In The Panel -->
+        </div>
+      </div>
     </div>
-    <!-- END IGUANA WALLET SETTINGS CONTENT BODY -->
+    <!-- END ATOMIC EXPLORER SETTINGS CONTENT BODY -->
 
     <!-- BEGIN IGUANA WALLET SETTINGS CONTENT BODY -->
     <div class="page-content" id="section-iguana-wallet-settings">
-      <div class="row" id="wallet-widgets" data-plugin="masonry">
+      <div class="row" id="iguana-wallet-settings" data-plugin="masonry">
       <div class="col-xlg-4 col-md-12">
           <!-- Example Tabs In The Panel -->
           <div class="panel nav-tabs-horizontal">