In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript into a valid HTML/CSS, cross browser compatible and dynamic layout. Ahmad Hania hopes that you can go through this tutorial and learn a few techniques that will help you in future projects.
- Step 1 – Preparation
- Step 2 – Getting Your Files Ready
- Step 3 – Simple Earlier Layout
- Step 4 – Adding Logo, Menu and Search to Header
- Step 5 – Adding Recent Posts & Flickr Thumbnails Content
- Step 6 – Styling Recent Posts & Flickr Thumbnails Content
- Step 7 – Adding Posts Content
- Step 8 – Styling Posts Content
- Step 9 – Adding and Styling Footer Content
- Step 10 – Adding Slider Content
- Step 11 – Styling Slider Content
- Step 12 – Adding Slider Javascript
- Step 13 – Adding Styles from the Original Javascript
Comments
Be the first to write a comment
You must me logged in to write a comment.