diff --git a/frontend/index.html b/frontend/index.html
index 924da3d..94e7c67 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -6,146 +6,6 @@
   <link rel="stylesheet" href="lib/bootstrap.min.css">
   <link rel="stylesheet" href="stylesheet.css">
   <title>TeraHz</title>
-</head>
-
-<body>
-  <div class="container text-center">
-    <h1><img src="lib/logo-sq.png" height="64px">TeraHz</h1>
-
-  </div>
-  <div class="container">
-    <button id="update" class="btn btn-primary m-1 float-right">Get data</button>
-    <p id="debug">
-    </p>
-    <h3>Spectrogram</h3>
-    <div id="graph" style="height:480px;width:720px"></div>
-    <h3>Spectral readings</h3>
-    <table class="table table-dark table-sm" id="specter">
-      <thead class="thead-dark">
-        <tr>
-          <th>Band</th>
-          <th>Wavelength [nm]</th>
-          <th>Irradiance [μW/cm²]</th>
-        </tr>
-      </thead>
-      <tr>
-        <td>A</td>
-        <td>410 nm</td>
-        <td id="A">---</td>
-      </tr>
-      <tr>
-        <td>B</td>
-        <td>435 nm</td>
-        <td id="B">---</td>
-      </tr>
-      <tr>
-        <td>C</td>
-        <td>460 nm</td>
-        <td id="C">---</td>
-      </tr>
-      <tr>
-        <td>D</td>
-        <td>485 nm</td>
-        <td id="D">---</td>
-      </tr>
-      <tr>
-        <td>E</td>
-        <td>510 nm</td>
-        <td id="E">---</td>
-      </tr>
-      <tr>
-        <td>F</td>
-        <td>535 nm</td>
-        <td id="F">---</td>
-      </tr>
-      <tr>
-        <td>G</td>
-        <td>560 nm</td>
-        <td id="G">---</td>
-      </tr>
-      <tr>
-        <td>H</td>
-        <td>585 nm</td>
-        <td id="H">---</td>
-      </tr>
-      <tr>
-        <td>R</td>
-        <td>610 nm</td>
-        <td id="R">---</td>
-      </tr>
-      <tr>
-        <td>I</td>
-        <td>645 nm</td>
-        <td id="I">---</td>
-      </tr>
-      <tr>
-        <td>S</td>
-        <td>680 nm</td>
-        <td id="S">---</td>
-      </tr>
-      <tr>
-        <td>J</td>
-        <td>705 nm</td>
-        <td id="J">---</td>
-      </tr>
-      <tr>
-        <td>T</td>
-        <td>730 nm</td>
-        <td id="T">---</td>
-      </tr>
-      <tr>
-        <td>U</td>
-        <td>760 nm</td>
-        <td id="U">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>V</td>
-        <td>810 nm</td>
-        <td id="V">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>W</td>
-        <td>860 nm</td>
-        <td id="W">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>K</td>
-        <td>900 nm</td>
-        <td id="K">---</td>
-      </tr>
-      <tr class="table-secondary">
-        <td>L</td>
-        <td>940 nm</td>
-        <td id="L">---</td>
-      </tr>
-    </table>
-    <br>
-    <h3>Lux and UV readings</h3>
-    <table class="table-dark table" id="luxuv">
-      <thead class="thead-dark">
-        <tr>
-          <th>Parameter</th>
-          <th>Value</th>
-        </tr>
-      </thead>
-      <tr>
-        <td>Illuminance [lx]</td>
-        <td id="lx">---</td>
-      </tr>
-      <tr>
-        <td>UVA irradiance [μW/cm²]</td>
-        <td id="uva">---</td>
-      </tr>
-      <tr>
-        <td>UVB irradiance [μW/cm²]</td>
-        <td id="uvb">---</td>
-      </tr>
-      <tr>
-        <td>UVA/UVB average [μW/cm²]</td>
-        <td id="uvi">---</td>
-      </tr>
-    </table>
-  </div>
   <script src="lib/bootstrap.bundle.min.js"></script>
   <script src="lib/jquery-3.4.1.min.js"></script>
   <script src="lib/flot/jquery.flot.js"></script>
@@ -157,6 +17,157 @@
   <script src="lib/flot/jquery.flot.browser.js"></script>
   <script src="lib/flot/jquery.flot.drawSeries.js"></script>
   <script src="lib/flot/jquery.flot.uiConstants.js"></script>
-</body>
+</head>
 
+<body>
+  <div class="container text-center">
+    <h1><img src="lib/logo-sq.png" height="64px">TeraHz</h1>
+  </div>
+
+  <div class="container">
+    <button id="update" class="btn btn-primary">Get data</button>
+    <button id="download" class="btn btn-primary">Download</button>
+    <button id="debug" class="btn btn-danger">DEBUG</button>
+  </div>
+  
+  <div class="container">
+    <div class="row">
+    <div class="col-sm">
+      <h4>Spectrogram</h4>
+      <div id="graph" style="height:480px;width:720px"></div>
+    </div>
+
+    <div class="col-sm">
+      <h4>Visible+IR spectrum</h4>
+      <table class="table table-dark table-sm" id="specter">
+        <thead class="thead-dark">
+          <tr>
+            <th>Band</th>
+            <th>Wavelength [nm]</th>
+            <th>Irradiance [μW/cm²]</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>A</td>
+          <td>410 nm</td>
+          <td id="A">---</td>
+        </tr>
+        <tr>
+          <td>B</td>
+          <td>435 nm</td>
+          <td id="B">---</td>
+        </tr>
+        <tr>
+          <td>C</td>
+          <td>460 nm</td>
+          <td id="C">---</td>
+        </tr>
+        <tr>
+          <td>D</td>
+          <td>485 nm</td>
+          <td id="D">---</td>
+        </tr>
+        <tr>
+          <td>E</td>
+          <td>510 nm</td>
+          <td id="E">---</td>
+        </tr>
+        <tr>
+          <td>F</td>
+          <td>535 nm</td>
+          <td id="F">---</td>
+        </tr>
+        <tr>
+          <td>G</td>
+          <td>560 nm</td>
+          <td id="G">---</td>
+        </tr>
+        <tr>
+          <td>H</td>
+          <td>585 nm</td>
+          <td id="H">---</td>
+        </tr>
+        <tr>
+          <td>R</td>
+          <td>610 nm</td>
+          <td id="R">---</td>
+        </tr>
+        <tr>
+          <td>I</td>
+          <td>645 nm</td>
+          <td id="I">---</td>
+        </tr>
+        <tr>
+          <td>S</td>
+          <td>680 nm</td>
+          <td id="S">---</td>
+        </tr>
+        <tr>
+          <td>J</td>
+          <td>705 nm</td>
+          <td id="J">---</td>
+        </tr>
+        <tr>
+          <td>T</td>
+          <td>730 nm</td>
+          <td id="T">---</td>
+        </tr>
+        <tr>
+          <td>U</td>
+          <td>760 nm</td>
+          <td id="U">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>V</td>
+          <td>810 nm</td>
+          <td id="V">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>W</td>
+          <td>860 nm</td>
+          <td id="W">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>K</td>
+          <td>900 nm</td>
+          <td id="K">---</td>
+        </tr>
+        <tr class="table-secondary">
+          <td>L</td>
+          <td>940 nm</td>
+          <td id="L">---</td>
+        </tr>
+      </table>
+    </div>
+
+    <div class="col-sm">
+      <h4>UV+Illuminance</h4>
+      <table class="table-dark table table-sm" id="luxuv">
+        <thead class="thead-dark">
+          <tr>
+            <th>Parameter</th>
+            <th>Value</th>
+          </tr>
+        </thead>
+        <tr>
+          <td>Illuminance [lx]</td>
+          <td id="lx">---</td>
+        </tr>
+        <tr>
+          <td>UVA irradiance [μW/cm²]</td>
+          <td id="uva">---</td>
+        </tr>
+        <tr>
+          <td>UVB irradiance [μW/cm²]</td>
+          <td id="uvb">---</td>
+        </tr>
+        <tr>
+          <td>UVA/UVB average [μW/cm²]</td>
+          <td id="uvi">---</td>
+        </tr>
+      </table>
+    </div>
+    </div>
+  </div>
+</body>
 </html>

Band	Wavelength [nm]	Irradiance [μW/cm²]
A	410 nm	---
B	435 nm	---
C	460 nm	---
D	485 nm	---
E	510 nm	---
F	535 nm	---
G	560 nm	---
H	585 nm	---
R	610 nm	---
I	645 nm	---
S	680 nm	---
J	705 nm	---
T	730 nm	---
U	760 nm	---
V	810 nm	---
W	860 nm	---
K	900 nm	---
L	940 nm	---
Parameter	Value
Illuminance [lx]	---
UVA irradiance [μW/cm²]	---
UVB irradiance [μW/cm²]	---
UVA/UVB average [μW/cm²]	---