<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
 <!-- Web Design Services -->
<title>Best Web Design Course in Hari Nagar Ashram - YPDO</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
<meta name="author" content="Youth Personality Development Organization" />
<meta name="color-scheme" content="light dark">
<meta name="description" content="Get the best Web Design Services in Hari Nagar Ashram. Professional and creative web solutions tailored for you."/>
<meta name="keywords" content="Best Web Design Services in Hari Nagar Ashram, Best Web Design Services in Ashram, Best Web Design Services in Jangpura, Best Web Design Services in Bhogal, Best Web Design Services in Nehru Nagar, Best Web Design Services in Maharani Bagh"/>
<link rel="canonical" href="https://youthpdorg.in/web-designing"/>
<meta property="og:site_name" content="Youth Personality Development Organization">
<meta property="og:title" content="Best Web Design Course in Hari Nagar Ashram - YPDO">
<meta property="og:url" content="https://youthpdorg.in/web-designing"/>
<meta property="og:description" content="Get the best Web Design Services in Hari Nagar Ashram. Professional and creative web solutions tailored for you."/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="business.business">
<meta property="og:image" content="https://youthpdorg.in/img/web-design.png">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Best Web Design Course in Hari Nagar Ashram - YPDO" />
<meta name="twitter:description" content="Get the best Web Design Services in Hari Nagar Ashram. Professional and creative web solutions tailored for you." />
<meta name="twitter:label1" content="Written by" />
<meta name="twitter:data1" content="admin" />
<meta name="twitter:label2" content="Time to read" />
<meta name="twitter:data2" content="4 minutes" />

    <!-- Favicon -->
    <link href="img/favicon.ico" rel="icon">

    <!-- Google Web Fonts -->
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Jost:wght@500;600;700&family=Open+Sans:wght@400;600&display=swap" rel="stylesheet"> 

    <!-- Font Awesome -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet">

    <!-- Libraries Stylesheet -->
    <link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">

    <!-- Customized Bootstrap Stylesheet -->
    <link href="css/style.css" rel="stylesheet">

    <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
    
</head>



    <?php include 'header.php';?>


    <!-- Header Start -->
    <div class="jumbotron jumbotron-fluid page-header position-relative overlay-bottom" style="margin-bottom: 90px;">
        <div class="container text-center py-5">
            <h1 class="text-white display-1">Course Detail</h1>
            <div class="d-inline-flex text-white mb-5">
                <p class="m-0 text-uppercase"><a class="text-white" href="index.php">Home</a></p>
                <i class="fa fa-angle-double-right pt-1 px-3"></i>
                <p class="m-0 text-uppercase"><a class="text-white" href="course.php">Courses</a></p>
                <i class="fa fa-angle-double-right pt-1 px-3"></i>
                <p class="m-0 text-uppercase">Website Designing</p>
            </div>


        </div>
    </div>
    <!-- Header End -->

    <div class="container-fluid py-5">
        <div class="container py-5">
            <div class="row">
                <div class="col-lg-8">
                    <div class="mb-5">
                        <div class="section-title position-relative mb-5">
                            <h6 class="d-inline-block position-relative text-secondary text-uppercase pb-2">Course Detail</h6>
                            <h1 class="display-4">Basic Computer Course</h1>
                        </div>
                        <img class="img-fluid rounded w-100 mb-4" src="img/header.jpg" alt="Image">
                        <p>Tempor erat elitr at rebum at at clita aliquyam consetetur. Diam dolor diam ipsum et, tempor voluptua sit consetetur sit. Aliquyam diam amet diam et eos sadipscing labore. Clita erat ipsum et lorem et sit, sed stet no labore lorem sit. Sanctus clita duo justo et tempor consetetur takimata eirmod, dolores takimata consetetur invidunt magna dolores aliquyam dolores dolore. Amet erat amet et magna</p>
                        
                        <p>Sadipscing labore amet rebum est et justo gubergren. Et eirmod ipsum sit diam ut magna lorem.
                            Nonumy vero labore lorem sanctus rebum et lorem magna kasd, stet amet magna accusam
                            consetetur eirmod. Kasd accusam sit ipsum sadipscing et at at sanctus et. Ipsum sit
                            gubergren dolores et, consetetur justo invidunt at et aliquyam ut et vero clita. Diam sea
                            sea no sed dolores diam nonumy, gubergren sit stet no diam kasd vero.</p>
                    </div>

                    <h2 class="mb-3">Related Courses</h2>
                    <div class="owl-carousel related-carousel position-relative" style="padding: 0 30px;">


                       <!-- related courses  -->

                       <?php include 'related-course.php';?>

                        <!-- related courses  -->




                    </div>  
                   


               </div>

                <div class="col-lg-4 mt-5 mt-lg-0">
                    <div class="bg-primary mb-5 py-3">
                        <h3 class="text-white py-3 px-4 m-0">Course Features</h3>
                        <div class="d-flex justify-content-between border-bottom px-4">
                            <h6 class="text-white my-3">Instructor</h6>
                            <h6 class="text-white my-3">John Doe</h6>
                        </div>
                        <div class="d-flex justify-content-between border-bottom px-4">
                            <h6 class="text-white my-3">Rating</h6>
                            <h6 class="text-white my-3">4.5 <small>(2500)</small></h6>
                        </div>
                        <div class="d-flex justify-content-between border-bottom px-4">
                            <h6 class="text-white my-3">Lectures</h6>
                            <h6 class="text-white my-3">100</h6>
                        </div>
                        <div class="d-flex justify-content-between border-bottom px-4">
                            <h6 class="text-white my-3">Duration</h6>
                            <h6 class="text-white my-3">100.00 Hrs</h6>
                        </div>
                        <div class="d-flex justify-content-between border-bottom px-4">
                            <h6 class="text-white my-3">Skill level</h6>
                            <h6 class="text-white my-3">Basic</h6>
                        </div>
                        <div class="d-flex justify-content-between px-4">
                            <h6 class="text-white my-3">Language</h6>
                            <h6 class="text-white my-3">English/Regional</h6>
                        </div>
                     
                        <div class="py-3 px-4">
                            <a class="btn btn-block btn-secondary py-3 px-5" href="">Enroll Now</a>
                        </div>
                    </div>


                   
                    <!-- cetoogries  -->

                    <?php include 'categories.php';?>

                    <!-- cetoogries  -->


                     <!-- recent courses  -->

                     <?php include 'recent courses.php';?>

<!-- recent courses  -->





                  
                    
                </div>
            </div>
        </div>
    </div>
    <!-- Detail End -->



    <?php include 'footer.php';?>



</html>