EVOLUTION-NINJA

Edit File: user_dashboard.php

<?php echo view('includes/header.php'); ?>
<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/website_assets/css/innerpage.css'); ?>" />

<section class="mycourse_middle_one">
  <div class="container">
    <h2>My Courses</h2>
    <p><b>Note : </b> Click on course it will redirect dashboard</p>
  </div>
</section>

<section class="mycourse_middle_two">
  <div class="container user_added_courses" style="margin-top:-43px">
 
  </div>
 
</section>
<img src="<?php echo base_url('public/assets/images/mycourse_banner.png'); ?>"  width="100%"  height="200px">

add_courses(login_id);

function add_courses(login_id) {

$.ajax({
      url: "<?php echo site_url('user_added_courses') ?>",
      type: "POST",
      data: {
        'login_id': login_id
      },
      async: false,
      success: function(response) {
        // response = jQuery.parseJSON(response);
        console.log(response);
        if (response == "") {

} else {
          var fields = '';
          $.each(response.message, function(idx, vx) {
            fields += '<div class="col-sm-6 col-md-4 col-lg-4 course_box-main">';
            fields += '<a href="<?php echo site_url('added-course-details'); ?>/' + vx.mapping_id + '">';
            fields += '<div class="rightside_course_box" style="border-radius:5px; background-color: white;">';
            fields += '<div class="rightside_course_box_img" style="border-radius:5px;">';
            fields += '<img src="<?php echo base_url('public/course_images/'); ?>' + vx.course_image + '" class="img-responsive center-block">';
            fields += '</div>';
            fields += '</a>';
            fields += '<div class="rightside_course_box_text">';
            fields += '<div class="co_main_headding">';
            fields += '<p style="display:none;><strong>' + vx.course_title + '</strong></p>';
        
            fields += '</div>';

fields += '<div class="co_price">';
            if (vx.institution_id == '0') {
              fields += '<p class="course_box_ri"  style="display:none;"><i class="fa fa-inr" aria-hidden="true"></i> &nbsp; ' + vx.course_price + '/- </p>';
                  fields += '<a style="text-decoration:none;background-color:green;padding:6px 19px;color:white;border-radius:5px;"  href="<?php echo site_url('added-course-details'); ?>/' + vx.mapping_id + '">  Click here to Visit Your Courses';
                
                  fields += '</a>';
            }

fields += '</div>';
            fields += '</div>';
            fields += '</div>';

fields += '</div>';

});
          $('.user_added_courses').append(fields);

}
      }
    });

}
</script>

/* .mycourse_middle_one{

} */

.mycourse_middle_one h2 {
    text-align: center;
    color: white;
    font-weight: 600;
    margin: 0 !important;
    padding-bottom: 15px;
    text-shadow: 0 0 14px black;
  }

.mycourse_middle_one p {
    text-align: center;
    color: white;
    text-shadow: 0 0 14px black;
  }

.mycourse_middle_two {
    padding-top: 4%;
    padding-bottom: 4%;
		background-image: url('https://jayblues.in/amcad/public/assets/website_assets/images/banner.png');
		background-repeat:no-repeat;
    background-size:cover;
  }

.rightside_course_box_img img {
    height: 100%;
    width:100%;
  }

.course_box-main {
    margin-bottom: 3%;
  }

.rightside_course_box_text {
    text-align: center;
    padding-top: 3%;
  }

.user_added_courses{
    display:flex;
    justify-content:center;
}
</style>