EVOLUTION-NINJA
Edit File: index.php
<?php echo view('includes/header.php'); ?> <main id="home_banner"> <div class="container"> <div class="col-lg-8 col-md-7 header_top_left"> <h2>Bringing Affordable Learning Anywhere</h2> <p><b>Digital economy training . Driving innovation and accelerating careers</b></p> <br> </div> <div class="col-lg-4 col-md-5"></div> </div><!--container----> </main> <section class="home_mid_three"> <div class="container"> <h3>AMCAD Advantage</h3> <img src="<?php echo base_url('public/assets/images/line1.png'); ?>" class="center-block line1"> <div class="col-sm-4 home_mid_three_div"> <img src="<?php echo base_url('public/assets/images/home_mid_1.png'); ?>" class="img-responsive center-block"> <h4>Choose any course you want to learn</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class="col-sm-4 home_mid_three_div"> <img src="<?php echo base_url('public/assets/images/home_mid_2.png'); ?>" class="img-responsive center-block"> <h4>Take a demo class completely free</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> <div class="col-sm-4 home_mid_three_div"> <img src="<?php echo base_url('public/assets/images/home_mid_3.png'); ?>" class="img-responsive center-block"> <h4>Pay for the course if you are satisfied</h4> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p> </div> </div><!-- container----> </section> <section class="home_mid_one"> <div class="container"> <h3>Popular Courses</h3> <img src="<?php echo base_url('public/assets/images/line1.png'); ?>" class="center-block line1"> <div class="row" id="popular_courses_div"> </div><!-- row------------------------------------------> <div class="row"> <div class="col-sm-4 col-md-4 col-lg-5"></div> <div class="col-sm-4 col-md-4 col-lg-2 home_mid_one_row_2"> <a href="<?php echo site_url('Courses'); ?>" class="viewallcourses">View All Courses</a> </div> <div class="col-sm-4 col-md-4 col-lg-5"></div> </div><!-- row----> </div> <!-- container----> </section> <?php echo view('includes/footer.php'); ?> <style> @media only screen and (min-width:320px) and (max-width:640px) {} </style> <script type="text/javascript"> $(document).ready(function() { PopularCourse(); function PopularCourse() { $.ajax({ url: "<?php echo site_url('get-popular-course-on-clicks') ?>", type: "get", dataType: "json", success: function(response) { console.log(response); if (response.result == 1) { var uniqueCourses = []; var fields = ''; $.each(response.clicks_result, function(idy, vx) { if (uniqueCourses.indexOf(vx.course_id) === -1 && uniqueCourses.length < 8) { uniqueCourses.push(vx.course_id); fields += '<div class="col-sm-4 col-md-3 home_mid_one_row_col" id="click_course" course_id="' + vx.course_id + '">'; fields += '<a href="<?php echo site_url('CoursesDetails'); ?>/' + vx.course_id + '">'; fields += '<div class="popular_courses_box" style="border-radius: 5px;">'; fields += '<div class="popular_courses_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 += '<div class="popular_courses_box_text">'; fields += '<p class="malot">' + vx.course_title + '</p>'; fields += '</div>'; fields += '</div>'; fields += '</a>'; fields += '</div>'; } }); $("#popular_courses_div").html(fields); } } }); } $(document).on('click', '#click_course', function() { var course_id = $(this).attr('course_id'); $.ajax({ url: "<?php echo site_url('add_clicks') ?>", type: "POST", data: { course_id: course_id }, success: function(response) { // response = jQuery.parseJSON(response); console.log(response); } }); }); }); </script>