Wednesday , 3 January 2018

New HTML5 & CSS3 Advance Website Layout in Urdu & Hindi

Here at, we mostly focus on web development, web designing, SEO and Making money online tips. And having these major subjects in mind, we always try to create some practical projects in the mentioned subjects so that you can idea for your career or future. And thus, we’re coming up with another beautiful CSS3 and HTML5 website layout. We would like to acknowledge you that we already shared some basic website layouts in CSS & HTML, but as time passed we also learn new things. And our first priority is always that we share the new thing first of all with you. We can’t resist to share the new tips that we learn ourselves and this is because you love us and we understand that.

The Layout Looks like this

HTML website layout

HTML5 & CSS3 New Layout Features

The new layout that I’ve just created to share with you is a two column design which is having a full size header, a post body, a sidebar and a footer. It also has a simple navigation bar. But the most important things are; we have first time included CSS3 @Media quires to make the site mobile friendly. Also we uploaded the layout to online web server after completing it offline. So all you can learn to create and upload an HTML+CSS website.

The Source code will also be available to you for free downloading below the video tutorials. And one more thing is that the below video tutorial is not a single tutorial, it is a Playlist of 8 video tutorials which are hosted on YouTube. So I’ve made it simple to watch all videos at once. Just play one video and the another one will play automatically.

Remember, Always practice on each lesson, so you can learn things more faster. Now watch below videos to learn this Layout in Urdu & Hind. And don’t forget to share this with all of your friends and also don’t forget to download the source code below the tutorials.

We’ve given you the video tutorials, the examples of the project and whatever we could do for you in order to create a simple and nice HTML5 and CSS3 website layout with our help, we hope you’ve learned it and have created your own.
If you got any questions then let us know by using below comment form, we’ll be glad to hear your voice and reply you back.

About Abdul Wali

Abdul Wali is a Web Developer, SEO Consultant and Online Instructor working online for last 6 years on the internet and managing several successful websites. You can contact him via Email or follow him on Facebook. Also add him on .

Check Also

subscribe now widget

Professional Social Subscribe Now Widget For Blogger

At, people always try to decorate their blogs with beautifully created widgets by different …

  • Nice videos, thanks for sharing these videos but these videos are on youtube and youtube is blocked in pakistan so try to share it on on which you have shared many videos ..

    • Brother, has integrated ads inside videos, therefore it takes much time to load, and also they don’t have the playlist option, so you can’t publish many videos it once. And I’m now uploading my videos to Facebook.

      • bro bht acha post hai mai ne bht kh sekha hai bt in some videos mai dhundla nazar ata hai jis ki waja see np++ samaj ni ata ap ke video mai Q aysa hota hai bro?

        • agar dhundla nazar aajaye tu just us page ko refresh kare sahi ho jayega, wo hamara problem nahi hota balka YouTube ka problem hota ha.

          • i wanna learn about html5. my questiomn is that ,is there any diffrence beetwen html,, and html5 ?

            what,s the difference between them? plz tell me

  • zabardat wali bhai great!

  • ali raza

    wali bhai logo or add k size ko chota kese karen ge height ma ap ne jo logo lagaya ha wo tu fix header ma agya ha.lakin mene jo lagaya ha wo header k bhr arha ha..plz tell me?????

  • Adnan khan

    Wali Bhai this is one of the best site for student and ya bohot understanding website hai allah ap ko or kamyabi o kamran karay Ameen..wali bhia
    Ho sakay to plz twitter bootstrap k tutorial be upload kar day and also wo image slider k project ki tutorial be.. i am waiting for ur good responce

  • thanks wali brother good Efforts from you


  • Muhammad Rizwan

    thanks wali brother but these videos are on youtube can you give me the link of these videos on youtube

  • waqar hussan bangash

    bro ap ke tutorials ke video quality achi ni hoti kindly focus on it

  • noman

    Bootstrap ke tutorials nhi hai ap ke pass

  • Mubashir Shah

    Assalam-o-Alaikum Wali Apki Tamam Videos Boht Achi Hain Apki Personality Ki Tarha Plz Meri Apsay Request Hai Ap Bootstrap Java C Sharp And Asp.Net Kay Tutorials Bhi Upload Kardain Please Main Apka Boht Shukar Guzar Rahunga Anyway Ap It Kay Students Keliye Aek Nai Raah Hamwar KAr Rahay Hain Jobs Keliye Thank You So Much Keep It Up ALLAH PAAK APKO KHUSH-O-KHURAM Rakhay Aameen Summa Aameen

  • w/salam,
    kaise visit karenge?

  • Rizwan Khan

    assalam o alaikum
    Dear Sir ..
    adobe dreamweaver kahan se download kron >? koi link send kr dain jahan pr complete software pra ho .. jis website pr jao wo adobe ki site pr redirect kr deta hai .. oar wahan se free download nhy hota .. please help me