Definition of the IntBox component and its use

Author: MmdQurani

src/Components/Main/Course/Course.jsx

@@ -16,7 +16,7 @@ let valuesCardCourse = [
 
 function Course() {
   return (
-    <div className='mt-5 pb_items_box'>
+    <div className='py-5'>
       <TitlesMain title="دوره های آکادمی"></TitlesMain>
       <div className='py-3 mt-4 d-flex justify-content-center align-items-center flex-column row-gap-3'>
         {/* <CardCourse {...valuesCardCourse[0]}></CardCourse> */}

src/Components/Main/Introduction/Introduction.jsx

@@ -1,10 +1,27 @@
 import React from 'react'
 import TitlesMain from '../TitlesMain/TitlesMain';
+import IntBox from './IntBox/IntBox';
 
 function Introduction() {
   return (
-    <div>
+    <div className='bg-danger w-100 h-100 py-5 px-1'>
       <TitlesMain title="معرفی دوره ها"></TitlesMain>
+      <div className='w-100 h-100 mt-5'>
+        <div className="row row-gap-4">
+          <div className="col-6">
+            <IntBox></IntBox>
+          </div>
+          <div className="col-6">
+            <IntBox></IntBox>
+          </div>
+          <div className="col-6">
+            <IntBox></IntBox>
+          </div>
+          <div className="col-6">
+            <IntBox></IntBox>
+          </div>
+        </div>
+      </div>
     </div>
   )
 }