text: import React, { Fragment } from 'react';
  
  const CourseInfo = ({name, inner, image}) => (
      <section id="page-banner" class="pt-105 pb-110 bg_cover" data-overlay="8" style={{backgroundImage : `url(${image})`}}>
      <div class="container">
          <div class="row">
              <div class="col-lg-12">
                  <div class="page-banner-cont">
                      <h2>{name}</h2>
                      <nav aria-label="breadcrumb">
                          <ol class="breadcrumb">
                              <li class="breadcrumb-item"><a href="#">Home</a></li>
                              <li class="breadcrumb-item"><a href="#">{inner}</a></li>
                              <li class="breadcrumb-item active" aria-current="page">{name}</li>
                          </ol>
                      </nav>
                  </div> 
              </div>
          </div> 
      </div> 
  </section>
  );
  
  export default CourseInfo;