Hosting Layout

Create a new document with a white background.the size should be 760 x 770 px.

Create a new Layer ( press Shift+Ctrl+Alt+N )

Select Rounded Rectangle Tool and create some rectangles like in the following image:

After you select the rectangle Tool change the Radius to 3 pixels.

Now we will add a Layer style for all this rectangles. We will use the same layer style for each rectangle. Use this settings:

This is the result:

Now we will add some details

We will create some details for the rectangle from above where we will add the hosting packages

With hold down the Ctrl key and press on the Layer Thumbnail:

You will notice that you will have a selection around the Rectangle:

Now Create a new layer ( Press Ctrl+Shift+Alt+N )

Select the Elliptical Marquee Tool.

Now press on Intersect with Selection:

And draw a circle like on the following image:

When you release the mouse click you will have the following:

Now select Paint Bucket Tool and fill the selection with white.

And add this layer style:

For the stroke settings i will use the size 5 ( i will tell you why later )

Location settings for the gradient is : 0 -- 27 -- 48 -- 51 -- 69 -- 85 -- 99

the colors you can take alone with the Eyedropper Tool ( I )

You should have something like this:

You can notice that i have the selection there. We will use right now.

Go to Select > Modify > Contract ,and use the " Contract by 5 ( the same size as i mentionable a few steps ago )

If you want to be a pro you have to use this small details because the result will be always better then your competitor.

Now Create a new layer ( press Ctrl+Shift+Alt+N ) and Fill this new layer with white. Be sure not to deselect because you will fill inside your selection.

After you have filled with white you can use this layer style:

Click to enlarge

And this is my result:

You can duplicate this layers and place it like me:

Click to enlarge

If you want to change the color like me, you have to use another color for : Color Overlay and Stroke

Now i will add some buttons. I will use the Ellipse Tool and i will create some small circles.

In the same time i will add also some text for buttons.

Click to enlarge

Now i will add some computers.

After that i will add more text. and near this computer case i will add one more rectangle

And i will add the layer style i have added at the beginning of the tutorial. Basically i will repeat the steps one more time. I will make this alone , because i hope you have learned this steps.

This is my final image:

Click to enlarge