Hello everybody how are you ? Now in this tutorial we will create a beautiful mobile wapsite.You can add this full design in your mobile site like wapka or other file hosting site.See demo below.I think you like my design.


If you like this design copy code from below and paste in your wapsite.
CSS code for home section:
border-width: 1px; border-color: rgb(187,187,187); border-style: solid; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; padding-bottom: 1px; padding-left: 1px;  
CSS code for Title section:
background-color: rgb(0,122,210); color: rgb(255,255,255); border-width: 1px; border-color: rgb(0,102,102); border-style: solid; font-weight: bold; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; margin-top: 1px; margin-bottom: 1px;
CSS code for link or Page section:
background-color: rgb(253,254,255); color: rgb(0,0,0); border-bottom: 1px solid rgb(207,232,255); border-left: 3px solid rgb(15,161,222); margin-bottom: 1px; padding-top: 3px; padding-bottom: 3px; padding-left: 0px;
A image icon which used in Page section.
Save this by right click from mouse.
Thanks everybody.If you faces any problem pls comment or if you like my design pls like and comment.Your comment encourage me to add many template for your mobile site or others.


  1. Hi I'm New To All These Things, Can You Plz Tell Me How To Use That "arrow" Tag On My Wapka Site which is just before the page.
    i have saved all ur codes in class file and applied them to my wapka site, looka great but that arrow tag Missing There

    1. can you tell me, what's erroe are you see?

    2. No Error, Only The Image Icon Which Is Used In Page Section Is Missing.

  2. Problem Solved after Googling . . .
    by d way thanks for ur reply, Keep Up Good Work . . .

  3. I dont see d arrow plx elp me


Previous Post Next Post ยป

Recents Comments