<!-- MAIN DESKTOP DIV -->
<div class="nomobile">
<!-- Hide Desktop content from Mobile view -->
<!-- DIV: FIRST LINE BOX -->
<div class="table">
<div class="table">
<!-- DIV: OUTER TABLECELL -->
<div class="tableCell" style="width:600px; border: solid #808080 2px;background: #fff;background: #D3D3D3;">
<!-- DIV: TABLECELL1 -->
<div class="tableCell" style="background: #D3D3D3;padding-top:20px;margin-top:0px;width:70px;border:none"><center>[[File:IC_Magnifier_Search.png|50px]]</center></div>
<!-- DIV: FIRST LINE BOX -->
<br />
<!-- DIV: PRODUCTS BOX TABLE --><div class="table"><!-- DIV: OUTER TABLECELL --><div class="tableCell" style="width:100%; border: solid #808080 1px;background: #fff;background: #fff;"><!-- DIV: TABLECELL2 --><div class="tableCell" style="width:90%; padding-left:20px;border:none;background: #fff;"><!-- PRODUCTS TABLE --><table style="width:100%;background-color:#ffffff;border:none;padding:2px;margin:0px"><tr><td style="width:100%;background-color:#ffffff"><table style="width:100%;border:1px;padding:0px;margin:0px"><tr><td style="text-align:center;width:50%"><br />[[File:IC_UBIK_IconPack-01.png|link=UBIK_Studio_Basics|130px]]<br/><br/><span class="mp-productsLink">[[UBIK_Studio_Basics|Studio]]</span><br/><br/></td><td style="text-align:center;width:50%">[[File:IC_UBIK_IconPack-02.png|link=UBIK_Client_Basics|130px]]<br/><br/><span class="mp-productsLink">[[UBIK_Client_Basics|Client]]</span></td></tr></table></td></tr></table><!-- PRODUCTS TABLE --></div><!-- DIV: TABLECELL2 --></div><!-- DIV: OUTER TABLECELL --></div><!-- DIV: PRODUCTS BOX TABLE --> <br />
<!-- DIV: BEGINNERS BOX TABLE -->
<!-- DIV: BEGINNERS BOX TABLE -->
<br /><br />
<!-- Hide Desktop content from Mobile view -->
<!-- MAIN TABLE -->
<table style="width:100%;border:0px">
<!-- ROW SPACER -->
<tr>
<td class="mainPageSpacerRow">
</td>
</tr>
<!-- ROW SPACER -->
<!-- PRODUCTS -->
<tr>
<td style="width:100%;padding:0px;margin:0px">
<!-- PRODUCTS TABLE -->
<table style="width:100%;background-color:#ffffff;border:1px solid lightgrey;padding:2px;margin:0px">
<tr>
<td style="width:100%;background-color:#ffffff">
<table style="width:100%;border:1px;padding:0px;margin:0px">
<tr>
<td style="text-align:center;width:50%">
<br/>
[[File:IC_UBIK_IconPack-01.png|link=UBIK_Studio_Basics|130px]]<br/><br/>
<span class="mp-productsLink">[[UBIK_Studio_Basics|Studio]]</span>
<br/><br/>
</td>
<td style="text-align:center;width:50%">
[[File:IC_UBIK_IconPack-02.png|link=UBIK_Client_Basics|130px]]<br/><br/>
<span class="mp-productsLink">[[UBIK_Client_Basics|Client]]</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- PRODUCTS TABLE -->
</td>
</tr>
<!-- PRODUCTS -->
<!-- ROW SPACER -->
<tr>
<td class="mainPageSpacerRow">
</td>
</tr>
<!-- ROW SPACER -->
<!-- ROW MISC -->
<tr>
<td style="width:100%;padding:0px;margin:0px;text-align:center;vertical-align:top">
<!-- BEGINNERS GUIDE / NEWS / VERSION TABLE -->
<table style="height:100%;width:100%;background-color:#ffffff;border:0px solid lightgrey;padding:0px;margin:0px;vertical-align:top">
<tr>
<td style="border:1px solid lightgrey;width:33%;background-color:#ffffff;text-align:center;padding:0px;margin:0px;vertical-align:top">
<!-- BEGINNERS GUIDE -->
<table class="mainPageTable beginnersTable">
<tr>
<td class="tableTitle beginnersTableTitle">
'''Beginners' Guide to UBIK'''
</td>
</tr>
<tr>
<td style="width:100%;background-color:#ffffff">
<table style="width:100%;border:1px;padding:0px;margin:0px">
<tr>
<td style="text-align:center;width:100%">
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- BEGINNERS GUIDE -->
</td>
<!-- COLUMN SPACER -->
<td> </td>
<!-- COLUMN SPACER -->
<td style="border:1px solid lightgrey;width:33%;text-align:center;vertical-align:top">
<!-- NEWS AND ANNOUNCEMENTS -->
<table class="mainPageTable newsTable2">
<tr>
<td class="tableTitle newsTableTitle">
'''News and Announcements'''
</td>
</tr>
<tr>
<td style="width:100%;background-color:#ffffff">
<table style="width:100%;border:1px;padding:0px;margin:0px">
<tr>
<td style="text-align:left;width:100%">
{{:News_and_Announcements}}
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- NEWS AND ANNOUNCEMENTS -->
</td>
<!-- COLUMN SPACER -->
<td> </td>
<!-- COLUMN SPACER -->
<td style="border:1px solid lightgrey;width:33%;text-align:center;vertical-align:top">
<!-- VERSIONS TABLE -->
<table class="mainPageTable versionTable">
<!-- LIST OF VERSIONS -->
<tr>
<td class="tableTitle versionTableTitle">
'''Versions'''
</td>
</tr>
<tr>
<td style="width:100%;background-color:#ffffff">
<table style="width:100%;border:1px;padding:0px;margin:0px">
<tr>
<td style="text-align:left;width:100%">
{{:List_of_Versions}}
</td>
</tr>
</table>
</td>
</tr>
<!-- LIST OF VERSIONS -->
<!-- SPACER -->
<tr>
<td style="height:20px"></td>
</tr>
<!-- SPACER -->
<!-- UPCOMING FEATURES -->
<!--
<tr>
<td style="width:100%;background-color:lightgrey;margin:0px;padding:2px;border:1px solid grey;text-align:left">
'''<big>Upcoming Features</big>'''
</td>
</tr>
<tr>
<td style="width:100%;background-color:#ffffff">
<table style="width:100%;border:1px;padding:0px;margin:0px">
<tr>
<td style="text-align:left;width:100%">
Find an overview about the planned features and the associated planned release versions on the [[Development Pipe|Development Pipe]] page.
</td>
</tr>
</table>
</td>
</tr>
-->
<!-- UPCOMING FEATURES -->
</table>
<!-- VERSIONS TABLE -->
</td>
</tr>
</table>
<!-- BEGINNERS GUIDE / NEWS / VERSION TABLE -->
</td>
</tr>
<!-- ROW MISC -->
<!-- ROW SPACER -->
<tr>
<td>
<br />
</td>
</tr>
<!-- ROW SPACER -->
<!-- ROW FOOTER -->
<tr>
<td style="width:100%">
<!-- Impressium -->
<div id="UBIK" class="mainpage-bottom" align="center">
<div id="articlecount" style="font-size:85%;">[[Special:Statistics|{{NUMBEROFARTICLES}}]] articles currently added</div>
</div>
</td>
</tr>
<!-- ROW FOOTER -->
</table><!-- MAIN TABLE -->
<!-- Hide Desktop content from Mobile view -->
</div>
<!-- MAIN DESKTOP DIV -->
<!-- MAIN MOBILE DIV -->
