View source for User:Josefdk/Main Page mockup

{| id="mp-topbanner" style="width:100%; background:#fcfcfc; margin-top:1.2em; border:1px solid #ccc;"
| style="width:56%; color:#000;" |
<!--        "WELCOME TO WIKIPEDIA" AND ARTICLE COUNT        -->
{| style="width:280px; border:none; background:none;"
| style="width:280px; text-align:center; white-space:nowrap; color:#000;" |
<div style="font-size:162%; border:none; margin:0; padding:.1em; color:#000;">Welcome to [[Maemo]],</div>
<div style="top:+0.2em; font-size:95%;">the open source community developing software around the Maemo platform</div>
<div id="articlecount" style="width:100%; text-align:center; font-size:85%;">We have [[Special:Statistics|{{NUMBEROFARTICLES}}]] articles</div>
|}
<!--        PORTAL LIST ON RIGHT-HAND SIDE        -->
| style="width:11%; font-size:95%;" |
* [http://www.nokia.com/about-nokia/support N900 support]
* [[Portal:Biography|Biography]]
* [[Portal:Geography|Geography]]
| style="width:11%; font-size:95%;" |
* [[Portal:History|History]]
* [[Portal:Mathematics|Mathematics]]
* [[Portal:Science|Science]]
| style="width:11%; font-size:95%;" |
* [[Portal:Society|Society]]
* [[Portal:Technology|Technology]]
* '''[[Portal:Contents/Portals|All&nbsp;portals]]'''
|}
<!--        STRAPLINE IMMEDIATELY BELOW BANNER        -->
{| id="mp-strapline" style="width:100%; background:none; margin:-.8em 0 -.7em 0;"
| style="font-size:95%; padding:10px 0; margin:0; text-align:left; white-space:nowrap; color:#000;" | [[Wikipedia:About|Overview]]&nbsp;'''·''' [[Wikipedia:Tutorial|Editing]]&nbsp;'''·''' [[Wikipedia:Questions|Questions]]&nbsp;'''·''' [[Help:Contents|Help]]
| style="font-size:95%; padding:10px 0; margin:0; text-align:right; white-space:nowrap; color:#000;" |
[[Portal:Contents|Contents]]&nbsp;'''·''' [[Portal:Contents/Categorical index|Categories]]&nbsp;'''·''' [[Portal:Featured content|Featured content]]&nbsp;'''·''' [[Portal:Contents/Quick index|A–Z index]]
|}
<!--        TODAY'S FEATURED ARTICLE; DID YOU KNOW        -->
{| id="mp-upper" style="margin:0; background:none;"

| class="MainPageBG" style="width:55%; border:1px solid #cef2e0; background:#f5fffa; vertical-align:top; color:#000;" |
{| id="mp-left" style="width:100%; vertical-align:top; background:#f5fffa;"
! style="padding:2px" | <h2 id="mp-tfa-h2" style="margin:3px; background:#cef2e0; font-size:120%; font-weight:bold; border:1px solid #a3bfb1; text-align:left; color:#000; padding:0.2em 0.4em;">New and experienced users</h2>
<div style="font-weight:normal;font-size:100%;">
Whether you just got yourself a Maemo-powered device or are looking for something specific, we always recommend starting with the [http://maemo.org/Intro Intro].

foo
* foo
* fop
* foo
</div>
|-
| style="color:#000;" | <div id="mp-tfa" style="padding:2px 5px">foo</div>
|-
! style="padding:2px" | <h2 id="mp-dyk-h2" style="margin:3px; background:#cef2e0; font-size:120%; font-weight:bold; border:1px solid #a3bfb1; text-align:left; color:#000; padding:0.2em 0.4em;">New and experienced developers</h2>
|-
| style="color:#000;padding:2px 5px 5px" | <span style="font-size:110%;font-weight:bold;"> Getting Started </span>
|}
| style="border:1px solid transparent;" |
<!--        IN THE NEWS; ON THIS DAY        -->
| class="MainPageBG" style="width:45%; border:1px solid #cedff2; background:#f5faff; vertical-align:top;"|
{| id="mp-right" style="width:100%; vertical-align:top; background:#f5faff;"
! style="padding:2px" | <h2 id="mp-itn-h2" style="margin:3px; background:#cedff2; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">Hot right now</h2>
|-
| style="color:#000;padding:2px 5px" | <div id="mp-itn">hot</div>
|-
! style="padding:2px" | <h2 id="mp-otd-h2" style="margin:3px; background:#cedff2; font-size:120%; font-weight:bold; border:1px solid #a3b0bf; text-align:left; color:#000; padding:0.2em 0.4em;">We the people</h2>
|-
| style="color:#000;padding:2px 5px 5px" | <div id="mp-otd">community</div>
|}
|}
<!--        TODAY'S FEATURED PICTURE        -->
{| id="mp-tfp" style="margin:4px 0 0 0; width:100%; background:none;"
| class="MainPageBG" style="width:100%; border:1px solid #ddcef2; background:#faf5ff; vertical-align:top; color:#000;"|
{| style="vertical-align:top; background:#faf5ff; color:#000; width:100%"
! style="padding:2px" | <h2  id="mp-tfp-h2" style="margin:3px; background:#ddcef2; font-size:120%; font-weight:bold; border:1px solid #afa3bf; text-align:left; color:#000; padding:0.2em 0.4em">Today's featured picture</h2>
|-
| style="color:#000;padding: 2px" | POTD
|}
|}

__NOEDITSECTION__ <!-- disables the [edit] links from being shown -->
__NOTOC__ <!-- disable the table of contents from ever being shown -->