Some weeks back I was ask to do a UI Design for a client who wanted to sell recharge card and pay bills online, he wanted the app for both web and mobile. So for this tutorial we are going to use the project as a guide we are going to d convert d first page to code.

Let's get started.

Step 1 Make sure you have exported all the images and icon to a folder.

Step 2 Create all d files and folders you are going to work with.

Step 3 Lauch your code Editor am using visual studio code for this but you can use notepad or anyother one I personally don't like notepad.

Step 4 Set up all the files and folders you want to work with CSS, JS, Img, assets and fonts folders

Step 5 Create your Index file and start using the PSD Mock-up to code your site.

That how I do mine anyway there are various other methods you can try. I hope this has been helpful.

DM for jobs and projects whatapp 0905 642 0266

Follow me on IG @crenerit @Fundcreativess