container: separate links elements

This makes more clear where an element starts and ends.

In turn this makes the creation of a new element from copy-pasting
and modifying an existing element easier.

Signed-off-by: Denis 'GNUtoo' Carikli <GNUtoo@cyberdimension.org>

1 files changed, 8 insertions, 0 deletions

diff --git a/index.html b/index.html
index 3318fe8..e3b77da 100644
--- a/index.html
+++ b/index.html
@@ -11,36 +11,44 @@
       body { font-family: sans-serif; line-height: 1.5; background:#fff;}
       a{ color: #666;}
     </style>
+
     <div class="container">
+
       <div id="first" class="tile">
 	<a href="https://git.replicant.us/replicant">
 	  <h2 class="itemheading">Replicant</h2>
 	  <p class="itemtext">Replicant's source code</p>
 	</a>
       </div>
+
       <div id="second" class="tile">
 	<a href="https://git.replicant.us/contrib">
 	  <h2 class="itemheading">Contrib</h2>
 	  <p class="itemtext">personal repos of contributors</p>
 	</a>
       </div>
+
       <div id="third" class="tile">
 	<a href="https://git.replicant.us/AOSP-mirror">
 	  <h2 class="itemheading">AOSP mirror</h2>
 	  <p class="itemtext">mirrored repos from AOSP</p>
 	</a>
       </div>
+
       <div id="third" class="tile">
 	<a href="https://git.replicant.us/LineageOS-mirror">
 	  <h2 class="itemheading">LineageOS mirror</h2>
 	  <p class="itemtext">mirrored repos from LineageOS</p>
 	</a>
       </div>
+
       <div id="third" class="tile">
 	<a href="https://git.replicant.us/freesmartphone.org-mirror">
 	  <h2 class="itemheading">freesmartphone.org mirror</h2>
 	  <p class="itemtext">mirrored repos from freesmartphone</p>
 	</a>
       </div>
+
     </div>
+
 </body></html>