WampServer

I am installing WordPress site on my other machine and i have followed these steps

1 Took all backup from "www" folder under WAMPP (where it was working fine).
2.Took database backup.
3. places same folder under www in other machine
4. Created database as well database user as per config file
5. Database import.

I followed all above steps and i am able to login to the Admin dashboard, but when i navigate to the main site i am getting a strange screen

[i.stack.imgur.com]

I am following below mentioned structure

<ul>-www
<ul>--travellingrants
<ul>--all wordpress related files</ul></ul>
</ul>

Hers is the entry from `.htaccess` file


# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /travellingrants/
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /travellingrants/index.php [L]
</IfModule>

# END WordPress

index.php file in also present in the root

Not sure where i am doing wrong.To my surprise i done same steps on other machine and everything is working fine.

Platform in Window7