Changes
<!-- MAIN DESKTOP DIV -->
<div class="nomobile">
<!-- Hide Desktop content from Mobile view -->
<!-- BOX 1 -->
<!-- SEARCH BOX -->
<!-- DIV: TABLE -->
<div class="table" style="width:100%; border: solid #D3D3D3 1px;">
<!-- DIV: ROW -->
<div class="tableRow" style="background: #D3D3D3;">
<!-- DIV: DATA CELL -->
<div class="tableCell" style="border:none;padding:10px;text-align:center;">
<div style="display: inline-block;padding-right:20px">[[File:IC_MainPage-32.png|30px]]</div><div style="display: inline-block;"><inputbox>
inline=true
type=fulltext
width=400
namespaces=
searchbuttonlabel=Search
buttonlabel=Search
bgcolor=
break=no
placeholder=What can we help you with?
</inputbox></div>
</div>
<!-- DIV: CELL -->
</div>
<!-- DIV: ROW -->
</div>
<!-- DIV: TABLE -->
<!-- SEARCH BOX -->
<!-- BEGINNER ITEMS -->
<!-- DIV: TABLE -->
<div class="table" style="width:100%;">
<!-- DIV: ROW -->
<div class="tableRow" style="">
<!-- DIV: CELL -->
<div class="tableCell" style="border:none;padding:10px;background:none;">
<!-- INLINE TABLE -->
<center>
<table style="width:70%">
<tr>
<td style="text-align:center;width:10%;background:#ffffff;border-radius:5px">
<span class="mp-beginnersLink">[[What_is_UBIK|What is {{UBIK}}?]]</span><br/><br/>
[[File:IC_MainPage-06a.png|link=What_is_UBIK|What is UBIK|x50px]]
</td>
<td style="width:5%"> </td>
<td style="text-align:center;width:10%;background:#ffffff;border-radius:5px">
<span class="mp-beginnersLink">[[Getting Started|Getting started]]</span><br/><br/>
[[File:IC_MainPage-05a.png|link=Getting_Started|alt=Getting Started|Getting Started|x50px]]
</td>
<td style="width:5%"> </td>
<td style="text-align:center;width:10%;background:#ffffff;border-radius:5px">
<span class="mp-beginnersLink">[[Contact|Contact]]</span><br/><br/>
[[File:IC_MainPage-04a.png|link=Contact|x50px]]
</td>
<td style="width:5%"> </td>
<td style="text-align:center;width:10%;background:#ffffff;border-radius:5px">
<span class="mp-beginnersLink">[[:Category:FAQ|FAQ]]</span><br/><br/>
[[File:IC_MainPage-02a.png|link=:Category:FAQ|alt=FAQ|FAQ|x50px]]
</td>
<td style="width:5%"> </td>
<td style="text-align:center;width:10%;background:#ffffff;border-radius:5px">
<span class="mp-beginnersLink">[[Hardware Page|Hardware]]</span><br/><br/>
[[File:IC_Hardware03.png|link=Hardware Page|alt=Hardware Page|Hardware Page|x50px]]
</td>
</tr>
</table>
</center>
<!-- INLINE TABLE -->
</div>
<!-- DIV: CELL -->
</div>
<!-- DIV: ROW -->
</div>
<!-- DIV: TABLE -->
<!-- BEGINNER ITEMS -->
<!-- DIV: TABLE -->
<div class="table" style="width:100%; border: solid #D3D3D3 1px;">
<!-- DIV: ROW -->
<div class="tableRow" style="background: #D3D3D3;">
<!-- DIV: ICON CELL -->
<div class="tableCell" style="border:none;padding:10px;">[[File:IC_UBIK_IconPack-06.png|20px]]</div>
<!-- DIV: DATA CELL -->
<div class="tableCell bgAUGMENSYSa" style="width:100%; padding:0px; margin:auto 0px;border:none;">
<!-- PRODUCTS TABLE -->
<table style="width:100%;border:none;padding:2px;margin:0px">
<tr>
<td style="width:100%;">
<table style="width:100%;border:1px;padding:0px;margin-top:20px">
<tr>
<td style="text-align:center;width:33%">
[[File:App-Ubik_g.png|link=UBIK_Studio_Basics|130px]]<br/><br/>
<span class="mp-productsLink2">[[UBIK_Studio_Basics|Studio]]</span>
</td>
<td style="text-align:center;width:33%">
[[File:App-Ubik_go.png|link=SmartStudio|130px]]<br/><br/>
<span class="mp-productsLink2">[[SmartStudio|Smart Studio]]</span>
</td>
<td style="text-align:center;width:33%">
[[File:App-Ubik_Grey.png|link=UBIK_Client_Getting_Started|130px]]<br/><br/>
<span class="mp-productsLink2">[[UBIK_Client_Getting_Started|Client]]</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- PRODUCTS TABLE -->
</div>
<!-- DIV: DATA CELL -->
</div>
<!-- DIV: ROW -->
</div>
<!-- DIV: TABLE -->
<!-- BOX 1 -->
<!--VERSION: Roadmap-->
<div style="display: flex; marginjustify-leftcontent: 30pxspace-between; marginalign-items: center; font-size: 23px; flex-topwrap: 100pxwrap;"> <p style="fontmargin-sizeright: 23px10px;">'''Product Roadmap'''</p> <p div style="fontdisplay: flex; align-sizeitems: 23pxcenter; padding"> <div style="display: flex; align-leftitems: 635pxcenter;"> <p style="margin-right: 10px;">All v4 Releases</p> <p style="font-size: 23px; padding-leftmargin: 5px0;">|</p> <p style="font-size: 23px; paddingmargin-left: 5px10px;">All Older Releases</p> </div> </div>
</div>
<div style="display: flex; background-color: #FFFFFFFF; justify-content: space-evenly; flex-wrap: wrap;">
<!--VERSION: Latest Release-->
<div style="left: 0px; border-radius: 2px; background-color: #F5F5F5; margin: 10px; display: flex; flex-direction: column; min-height: 100px;">
<p style="font-size: 23px; padding-left: 14px; padding-right: 50px; padding-top: 10px;">'''Latest Release'''</p>
<div style="background-color: #FFFFFFFFFFFFFF; padding-right: 20px; widthflex-grow: 100%1; heightdisplay: flex; flex-direction: 100%column;"> <div style="display: flex; align-items: center;"> <p style="font-size: 23px; padding-left: 14px; padding-topflex: 5px1; font-sizemargin: 23px0;">'''v4.3'''</p> <div style="margin-left: 147px; margin-top: 10pxauto; border-radius: 2px; width: 68px; height: 22px; background-color: #8CCE59; text-align: center;"> <p style="paddingfont-leftsize: 8px13px; paddingline-topheight: 1px22px; font-sizemargin: 13px0;">'''12.04.23'''</p>
</div>
</div>
</div>
</div>
<p style="padding-left: 14px; font-size: 13px; margin: 0;">'''View Details'''</p>
</div>
</div>
<!--VERSION: Latest Release-->
<!--VERSION: Next Release-->
<div style="left: 0px; border-radius: 2px; background-color: #F5F5F5; margin: 10px; display: flex; flex-direction: column; min-height: 100px;">
<p style="font-size: 23px; padding-left: 14px; padding-right: 50px; padding-top: 10px;">'''Next Release'''</p>
<div style="background-color: #FFFFFFFFFFFFFF; padding-right: 20px; widthflex-grow: 100%1; heightdisplay: flex; flex-direction: 100%column;">
<div style="display: flex;">
<p style="padding-left: 14px; padding-top: 5px; font-size: 23px;">'''v4.4'''</p>
</div>
<div style="display: block; margin-left: 10px; width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: flex;">
<p style="padding-left: 14px; font-size: 13px; flex-wrap: none;">'''Cool Feature.'''</p>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
<p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: block; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
</div>
<div style="display: flex;">
<p style="padding-left: 14px; font-size: 13px;">'''Exciting Feature!'''</p>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
<p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
</div>
<div style="display: flex;">
<p style="padding-left: 14px; font-size: 13px;">''' '''</p>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
<p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
</div>
<div style="display: flex;">
<p style="padding-left: 14px; font-size: 13px;">'''A Feature.'''</p>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
<p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
</div>
<div style="display: flex;">
<p style="padding-left: 14px; font-size: 13px;">''' '''</p>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
<p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
</div>
<div style="display: flex;">
<p style="padding-left: 14px; font-size: 13px;">''' '''</p>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96A3D9; border-radius: 2px;">
<p style="padding-top: 1px; padding-left: 8px; font-size: 13px;">'''Mobile'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-left: 3px; font-size: 13px;">'''Android'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 38px; height: 21px; border: 2px solid #96A3D9; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 6px; font-size: 13px;">'''IOS'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 59px; height: 21px; background-color: #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 8px; font-size: 13px;">'''Server'''</p>
</div>
<div style="display: none; margin-left: 10px; min-width: 40px; height: 21px; border: 2px solid #96D9CD; border-radius: 2px;">
<p style="padding-top: 0px; padding-bottom: 1px; padding-left: 3px; font-size: 13px;">'''UWP'''</p>
</div>
</div>
</div>
</div>
<!-- DIV: BOX 1 TABLE ROW -->
</div>
<!-- DIV: BOX 1 -->
<br />
<!-- ROW FOOTER -->
<!-- Impressium -->
<div id="UBIK" class="mainpage-bottom" align="center">
[[File:Augmensys_Logo_2019_small.png|center|link=Augmensys GmbH]]
<div id="user" style="font-size:85%;">[[Special:Statistics|{{NUMBEROFUSERS}}]] users registered</div>
<div id="online" style="font-size:85%;">[[Special:Statistics|{{NUMBEROFACTIVEUSERS}}]] users active in the last 30 days</div>
<div id="articlecount" style="font-size:85%;">[[Special:Statistics|{{NUMBEROFARTICLES}}]] articles currently added</div>
</div>
<!-- ROW FOOTER -->
<!-- Hide Desktop content from Mobile view -->
</div>
<!-- MAIN DESKTOP DIV -->
<!-- MAIN MOBILE DIV -->
<div class="nodesktop">
{{:Main_Page_Mobile}}
</div>
<!-- MAIN MOBILE DIV -->
__NOTOC____NOEDITSECTION__
{{DISPLAYTITLE:<span style="display:none">{{FULLPAGENAME}}</span>}}