Fix the problem for index page

After I look in through the coding, all the coding looks fine, then I open my Adobe Illustrator File and I found that the problem is from the resolution of the symbol is too low . So, I redo the symbol, change the resolution and enlarge the size of the symbol.

Then, I try to reload it on Dreamweaver, and finally it looks fine .

Start to bulid the index page i Adobe DreamWeaver CS6 and got error

I haven't done all the design yet, so I try to create the homepage for this apps.

 I create the new file in HTML5 , and then I insert the jquery mobile Page to create the index page.

At the first step, I'm going to the http://themeroller.jquerymobile.com/ to pick the color that I've chosed before for my apps.

So this is the screenshot when I pick the colour from Jquery mobile themeroller

After I pick the colour, then I download the theme in  packages and combine it with my apps folder. After it, I call the jquery theme from the index by putting some coding, so all the theme can be used in all pages.

After I put all the coding , then I start to put the button and the content inside this index page.

For this page, I put Ampera Bridge as the Landmark of Palembang. by using  "img class and css code" , I can adjust the position and do the responsive page.

After I create the button and put the symbol as well, I got a problem , my symbol are pixelated and the hotel button is too small. So i need time to redo some coding and try it again.

Redo and finalized the Screen Design

After I do some research one more time, I found that the colour must be simple so, people can focus on the content inside the apps. So, rather than use many colour color, I only use 2 colours in my Mobile Apps which means red and white.

This is my design for the home page

I use red colour for header and the footer while the button I use white colour. The colour match and I continue my work to the other page. 

There is two option on the header and the footer colour. Still need to do the trial and error in Adobe DreamWeaver whether the colour match or not. 

The other design

I have choose another colour, but the layout is still the same. Need to finalized it before mid break -.-

Change the design

I was thinking to use 2 colour as the main theme, but I'm still confused which colour is nice. So. I just do the trial and error, mix and match the colour and do the layout until the restaurant part. Hopefully I can fiinish my design before mid break semester. Hahahaha...

Mrs. Anis Ismail : I need your comment hahaha Confused about the colour choosing.

I was trying to use black as my background, but it make me more confused, is it nice or not. Still need do the colour matching. The layout will be like this, quite simple and easy user