Difference between revisions of "Main Page Mobile"

@@ Line 1: / Line 1: @@
 <!-- Hide Mobile content from Desktop view -->
-<div id="mf-products">
 <!-- PRODUCTS DIV -->
-<div class="hr" >
+<div id="mf-products">
+<!-- PRODUCT: STUDIO -->
+<div class="product" >
 [[File:IC_UBIK_IconPack-01.png|link=UBIK_Studio_Basics|50px]] <span class="mp-productsLink">[[UBIK_Studio_Basics|Studio]]</span>
 </div>
+<!-- PRODUCT: CLIENT -->
+<div class="product" >
+[[File:IC_UBIK_IconPack-02.png|link=UBIK_Client_Basics|80px]] <span class="mp-productsLink">[[UBIK_Client_Basics|Client]]</span>
-<table style="text-align:center;width:100%;background-color:#ffffff;border:1px solid lightgrey;padding:2px;margin:0px">
-<tr>
-<td style="border:none;width:60px;background-color:#ffffff;text-align:center">
-</td>
-<td style="border:none;background-color:#ffffff">
-</td>
-</tr>
-<tr>
-<td style="border:none;width:60px;background-color:#ffffff;text-align:center">
-[[File:IC_UBIK_IconPack-02.png|link=UBIK_Client_Basics|80px]]
-</td>
-<td style="border:none;background-color:#ffffff">
-<span class="mp-productsLink">[[UBIK_Client_Basics|Client]]</span>
-</td>
-</tr>
-</table>
-<!-- PRODUCTS TABLE -->
 </div>
+</div>
+<!-- PRODUCTS DIV -->
 <div id="mf-guide" title="Beginners Guide">
 [[File:IC_MainPage-06.jpg|link=What_is_UBIK|What is UBIK|25px]] <span class="mp-beginnersLink">[[What_is_UBIK|What is {{UBIK}}?]]</span>