► Source Code & Notes: https://codewithharry.com/videos/web-development-in-hindi-34
►This video is a part of this Complete Web Development in Hindi Course Playlist: https://www.youtube.com/playlist?list=PLu0W_9lII9agiCUZYRsvtGTXdxkzPyItg
►Click here to subscribe – https://www.youtube.com/channel/UCeVMnSShP_Iviwkknt83cww
►Checkout my English channel here: https://www.youtube.com/ProgrammingWithHarry

Best Hindi Videos For Learning Programming:

►Learn Python In One Video – https://www.youtube.com/watch?v=ihk_Xglr164

►Python Complete Course In Hindi – https://www.youtube.com/playlist?list=PLu0W_9lII9agICnT8t4iYVSZ3eykIAOME

►C Language Complete Course In Hindi –
https://www.youtube.com/playlist?list=PLu0W_9lII9aiXlHcLx-mDH1Qul38wD3aR&disable_polymer=true

►JavaScript Complete Course In Hindi –
https://www.youtube.com/playlist?list=PLu0W_9lII9ajyk081To1Cbt2eI5913SsL

►Learn JavaScript in One Video – https://www.youtube.com/watch?v=onbBV0uFVpo

►Learn PHP In One Video – https://www.youtube.com/watch?v=xW7ro3lwaCI

►Django Complete Course In Hindi –
https://www.youtube.com/playlist?list=PLu0W_9lII9ah7DDtYtflgwMwpT3xmjXY9

►Machine Learning Using Python – https://www.youtube.com/playlist?list=PLu0W_9lII9ai6fAMHp-acBmJONT7Y4BSG

►Creating & Hosting A Website (Tech Blog) Using Python – https://www.youtube.com/playlist?list=PLu0W_9lII9agAiWp6Y41ueUKx1VcTRxmf

►Advanced Python Tutorials – https://www.youtube.com/playlist?list=PLu0W_9lII9aiJWQ7VhY712fuimEpQZYp4

►Object Oriented Programming In Python – https://www.youtube.com/playlist?list=PLu0W_9lII9ahfRrhFcoB-4lpp9YaBmdCP

►Python Data Science and Big Data Tutorials – https://www.youtube.com/playlist?list=PLu0W_9lII9agK8pojo23OHiNz3Jm6VQCH

Follow Me On Social Media
►Website (created using Flask) – http://www.codewithharry.com
►Facebook – https://www.facebook.com/CodeWithHarry
►Instagram – https://www.instagram.com/codewithharry/
►Personal Facebook A/c – https://www.facebook.com/geekyharis
Twitter – https://twitter.com/Haris_Is_Here

source

43 Comments

  13. Bro I'm of different department I was intrested in create websites so i have came till this video of this playlist i have a doubt that we are using visual code for practise will this be continued for work also or this is just for practise and the another thing is their anyone uses visual code in their daily life or should shift any other app or website

  30. <!–NOTES of this topic –>
    <!– Also u can use this color combination of box shadow and text shadow –>
    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Box Shadow and text Shadow</title>

    <style>

    .container{

    display: flex; /* ek line me aa jayege container k elements as we know */

    }

    .card{

    padding: 23px 12px;

    margin: 23px 12px;

    /* border: 2px solid red; */

    background-color: yellowgreen;

    /* It used to give shadow to a box */

    /* SYNTAX: box-shadow: offset-x offset-y color */

    /*box-shadow: 10px 12px black;*/ /* shadow neeche chahiye to positive no. do with color*/

    /*box-shadow: -8px -10px black;*/ /* shadow uper chahiye to negative no. do color k sath*/

    /* SYNTAX: box-shadow: offset-x offset-y blur-radius color */

    /* box-shadow: 6px 5px 10px blueviolet; */

    /* box-shadow: -6px -5px 10px blueviolet; */

    /* SYNTAX: box-shadow: offset-x offset-y blur-radius spread-radius color*/

    /* box-shadow: -6px -5px 10px 10px blueviolet; */

    /* we can also give shadow inside to a box by 'inset' keyword */

    /* box-shadow: inset 8px 5px red; */

    /* NOTE: we can add multiple shadows to a single box just by using ( ,) */

    box-shadow: -8px -5px 10px blueviolet, -16px 12px red;

    }

    .card h2{

    /* text-shadow: x y blur shadow color */

    /* text-shadow: 2px 3px 2px #a39a9a; */

    text-shadow: -2px -3px 2px #a39a9a;

    }

    </style>

    </head>

    <body>

    <div class="container">

    <div class="card" id="card1"><h2>This is HTML course</h2>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Totam, repudiandae quod id autem animi officiis nobis impedit, voluptatum ullam earum et debitis nulla nam inventore vitae, vero recusandae iste? Quia?</p></div>

    <div class="card" id="card2"><h2>This is CSS course</h2>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum quas illum nam dicta nulla totam, recusandae aperiam aut sint ratione error neque delectus a hic fugiat cupiditate voluptas dignissimos vero!</p></div>

    <div class="card" id="card3"><h2>JavaScript course</h2>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus placeat, minima incidunt rerum consequatur voluptatem. Accusantium possimus autem neque in. Rem maxime eos ab veniam veritatis, doloremque tenetur inventore aut!</p></div>

    </div>

    </body>

    </html>

Leave A Reply

Please enter your comment!
Please enter your name here