Learn & build a modern responsive website for themeforest

Tariq Ahmad, Web and User interface developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
60 Lessons (9h 6m)
    • 1. 01-Introduction

      3:34
    • 2. 02-Tools needed to complete this course

      2:26
    • 3. 03-free education stuffs

      3:15
    • 4. 04-Choosing the right fonts and colors

      4:27
    • 5. 05-Wire framing the Layout

      14:54
    • 6. 06-Working in the Photoshop Grid System

      12:45
    • 7. 07-Designing the Header Section in PSD

      12:46
    • 8. 08-Designing the About Section in PSD

      14:48
    • 9. 09-Designing the Interesting Fact Section in PSD

      6:14
    • 10. 10-Designing the Services Section in PSD

      7:46
    • 11. 11-Designing the Video Section in PSD

      5:55
    • 12. 12-Designing the Portfolio Section in PSD

      6:15
    • 13. 13-Designing the Team Section in PSD

      5:44
    • 14. 14-Designing the Blog Section in PSD

      11:58
    • 15. 15 Designing the Get in Touch Section in PSD

      12:38
    • 16. 16-Designing the Message Section in PSD

      5:37
    • 17. 17 Designing the Google Map And Copyright Info

      6:14
    • 18. 18 Exporting Graphics from PSD

      9:34
    • 19. 19 Setting intial Files

      9:17
    • 20. 20 Writing HTML Code For Header Section

      9:50
    • 21. 23 Writing HTML Code For Choose us Section

      7:12
    • 22. 22 Writing HTML Code For About us Section

      7:21
    • 23. 21 Writing HTML Code For Navbar Section

      6:28
    • 24. 24 Writing HTML Code For Feature Section

      6:30
    • 25. 25 Writing HTML Code For Services Section

      6:18
    • 26. 26 Writing HTML Code For Video Section

      3:15
    • 27. 27 Writing HTML Code For Portfolio Section

      8:44
    • 28. 28 Writing HTML Code For Team Section

      10:03
    • 29. 29 Writing HTML Code For News Section

      8:07
    • 30. 30 Writing HTML Code For Banner Section

      4:35
    • 31. 31 Writing HTML Code For Get in Touch Section

      10:18
    • 32. 32 Writing HTML Code For Message Section

      9:02
    • 33. 33 Writing HTML Code For Map And Copy right Section

      4:36
    • 34. 34 Commenting the CSS Section

      5:27
    • 35. 35 Writing General CSS Code

      12:43
    • 36. 36 Writing CSS Code for the Banner Header Part 1

      13:30
    • 37. 37 Writing CSS Code for the Banner Header Part 2

      12:53
    • 38. 38 Writing CSS Code For Navbar Section

      14:00
    • 39. 39 Writing CSS Code For About Section

      13:07
    • 40. 40 Writing CSS Code For Features Section

      4:21
    • 41. 41 Writing CSS Code For Services Section

      3:08
    • 42. 42 Writing CSS Code For Video Section

      9:40
    • 43. 43 Writing CSS Code For Portfolio Section Part 1

      13:43
    • 44. 44 Writing CSS Code For Portfolio Section Part 2

      6:59
    • 45. 45 Writing CSS Code For Team Section

      18:19
    • 46. 46 Writing CSS Code For News Section

      12:10
    • 47. 47 Writing CSS Code For Parallax Bannner Section

      6:21
    • 48. 48 Writing CSS Code For Get in Touch Section

      5:03
    • 49. 49 Writing CSS Code For Message Section

      6:44
    • 50. 50 Writing CSS Code For Map And Copyright Section

      9:46
    • 51. 51 Writing CSS Code For Scrollup Section

      14:08
    • 52. 52 Writing CSS Code For BG Slider Section Part 1

      13:06
    • 53. 53 Writing CSS Code For BG Slider Section Part 2

      14:55
    • 54. 54 Writing CSS Code For BG Slider Section Part 3

      4:38
    • 55. 55 Writing CSS Code For Responsive Designing Part 1

      9:22
    • 56. 56 Writing CSS Code For Responsive Designing Part 2

      10:15
    • 57. 57 Writing CSS Code For Responsive Designing Part 3

      16:17
    • 58. 58 Working on Animation Part 1

      11:31
    • 59. 59 Working on Animation Part 2

      16:48
    • 60. 60 About Themeforest Marketplace And Conclusion

      8:11
How students rated this class
Leave Review

Watch more to review

We ask our students to watch a few lessons before reviewing to make sure we get quality feedback!

Best Suited for
 --  Beginner Intermediate Advanced Beginner/Intermediate Intermediate/Advanced All Levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Be the first!

No ratings just yet—watch a few lessons to be the first to share whether this class met your expectations.

Expectations Met?
  • Exceeded!
    0%
  • Yes
    0%
  • Somewhat
    0%
  • Not really
    0%
Be the first to leave a review in our updated system!
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update. You are welcome to edit your old review into the new system!

2 of 2 students recommend this class
I have recommended this course but honestly the title is misleading. This is a really detailed course that shows you step-by-step guide on creating each page in the code. The author already has a set up design that will basically be converted into a working website. However, this course doesn't really teach you how to make design choices and more importantly it doesn't teach you design guidelines that will help you get your work accepted into Themeforest. So, if you would like to watch someone build a website step-by-step then this course is for you. But if you'd like to learn what choices to make and how to think as a web designer, this is not a helpful class.