diff --git a/app/Controllers/Products.php b/app/Controllers/Products.php
index 46d8f7f..8d74148 100644
--- a/app/Controllers/Products.php
+++ b/app/Controllers/Products.php
@@ -6,6 +6,37 @@ class Products extends BaseController
 {
     public function index()
     {
-        return view('products');
+        $data['product_list'] =  $this->productList();
+        return view('products',$data);
+    }
+
+    private function productList(){
+        $product_array = array(
+            "float" =>
+            [
+                "name"=>"This is Product Name",
+                "industry"=>"Industtry 1",
+                "img" =>"./assets/img/photos/cs16.jpg",
+                "desc"=>"Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."
+            ]
+            ,
+            "wrenchboard" =>
+            [
+                "name"=>"This is Product Name",
+                "industry"=>"Industtry 3",
+                "img" =>"./assets/img/photos/cs16.jpg",
+                "desc"=>"Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."
+            ] ,
+            "automedsys" => 
+            [
+                "name"=>"This is Product Name",
+                "industry"=>"Industtry 4",
+                "img" =>"./assets/img/photos/cs16.jpg", 
+                "desc"=>"Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."
+            ]
+        );
+
+       return   $product_array;
+
     }
 }
diff --git a/app/Views/products.php b/app/Views/products.php
index 545a5fc..cdd51f3 100644
--- a/app/Views/products.php
+++ b/app/Views/products.php
@@ -18,161 +18,20 @@ include("header.php");
     <section class="wrapper bg-light">
       <div class="container pt-9 pt-md-11 pb-14 pb-md-16">
         <div class="projects-overflow mt-md-10 mb-10 mb-lg-15">
-          <div class="project item">
-            <div class="row">
-              <figure class="col-lg-8 col-xl-7 offset-xl-1 rounded"> <img src="./assets/img/photos/cs16.jpg" alt="" /></figure>
-              <div class="project-details d-flex justify-content-center flex-column" style="right: 10%; bottom: 25%;">
-                <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
-                  <div class="card-body">
-                    <div class="post-header">
-                      <div class="post-category text-line text-purple mb-3">Cosmetic</div>
-                      <h2 class="post-title mb-3">Cras Fermentum Sem</h2>
-                    </div>
-                    <!-- /.post-header -->
-                    <div class="post-content">
-                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
-                      <a href="#" class="more hover link-purple">See Project</a>
-                    </div>
-                    <!-- /.post-content -->
-                  </div>
-                  <!-- /.card-body -->
-                </div>
-                <!-- /.card -->
-              </div>
-              <!-- /.project-details -->
-            </div>
-            <!-- /.row -->
-          </div>
-          <!-- /.project -->
-          <div class="project item">
-            <div class="row">
-              <figure class="col-lg-7 offset-lg-5 col-xl-6 offset-xl-5 rounded"> <img src="./assets/img/photos/cs17.jpg" alt="" /></figure>
-              <div class="project-details d-flex justify-content-center flex-column" style="left: 18%; bottom: 25%;">
-                <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
-                  <div class="card-body">
-                    <div class="post-header">
-                      <div class="post-category text-line text-leaf mb-3">Coffee</div>
-                      <h2 class="post-title mb-3">Mollis Ipsum Mattis</h2>
-                    </div>
-                    <!-- /.post-header -->
-                    <div class="post-content">
-                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula.</p>
-                      <a href="#" class="more hover link-leaf">See Project</a>
-                    </div>
-                    <!-- /.post-content -->
-                  </div>
-                  <!-- /.card-body -->
-                </div>
-                <!-- /.card -->
-              </div>
-              <!-- /.project-details -->
-            </div>
-            <!-- /.row -->
-          </div>
-          <!-- /.project -->
-          <div class="project item">
-            <div class="row">
-              <figure class="col-lg-9 col-xl-7 offset-xl-2 rounded"> <img src="./assets/img/photos/cs18.jpg" alt="" /></figure>
-              <div class="project-details d-flex justify-content-center flex-column" style="right: 3%; bottom: 25%;">
-                <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
-                  <div class="card-body">
-                    <div class="post-header">
-                      <div class="post-category text-line text-violet mb-3">Still Life</div>
-                      <h2 class="post-title mb-3">Ipsum Ultricies Cursus</h2>
-                    </div>
-                    <!-- /.post-header -->
-                    <div class="post-content">
-                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
-                      <a href="#" class="more hover link-violet">See Project</a>
-                    </div>
-                    <!-- /.post-content -->
-                  </div>
-                  <!-- /.card-body -->
-                </div>
-                <!-- /.card -->
-              </div>
-              <!-- /.project-details -->
-            </div>
-            <!-- /.row -->
-          </div>
-          <!-- /.project -->
-          <div class="project item">
-            <div class="row">
-              <figure class="col-lg-9 offset-lg-3 col-xl-7 offset-xl-4 rounded"> <img src="./assets/img/photos/cs19.jpg" alt="" /></figure>
-              <div class="project-details d-flex justify-content-center flex-column" style="left: 12%; bottom: 25%;">
-                <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
-                  <div class="card-body">
-                    <div class="post-header">
-                      <div class="post-category text-line text-yellow mb-3">Product</div>
-                      <h2 class="post-title mb-3">Sollicitudin Ornare Porta</h2>
-                    </div>
-                    <!-- /.post-header -->
-                    <div class="post-content">
-                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
-                      <a href="#" class="more hover link-yellow">See Project</a>
-                    </div>
-                    <!-- /.post-content -->
-                  </div>
-                  <!-- /.card-body -->
-                </div>
-                <!-- /.card -->
-              </div>
-              <!-- /.project-details -->
-            </div>
-            <!-- /.row -->
-          </div>
-          <!-- /.project -->
-          <div class="project item">
-            <div class="row">
-              <figure class="col-lg-8 col-xl-6 offset-xl-1 rounded"> <img src="./assets/img/photos/cs20.jpg" alt="" /></figure>
-              <div class="project-details d-flex justify-content-center flex-column" style="right: 15%; bottom: 25%;">
-                <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
-                  <div class="card-body">
-                    <div class="post-header">
-                      <div class="post-category text-line text-orange mb-3">Product</div>
-                      <h2 class="post-title mb-3">Inceptos Euismod Egestas</h2>
-                    </div>
-                    <!-- /.post-header -->
-                    <div class="post-content">
-                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Nullam id dolor id nibh ultricies vehicula.</p>
-                      <a href="#" class="more hover link-orange">See Project</a>
-                    </div>
-                    <!-- /.post-content -->
-                  </div>
-                  <!-- /.card-body -->
-                </div>
-                <!-- /.card -->
-              </div>
-              <!-- /.project-details -->
-            </div>
-            <!-- /.row -->
-          </div>
-          <!-- /.project -->
-          <div class="project item">
-            <div class="row">
-              <figure class="col-lg-9 offset-lg-3 col-xl-7 offset-xl-5 rounded"> <img src="./assets/img/photos/cs21.jpg" alt="" /></figure>
-              <div class="project-details d-flex justify-content-center flex-column ms-lg-n150 ms-xl-0" style="left: 18%; bottom: 25%;">
-                <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
-                  <div class="card-body">
-                    <div class="post-header">
-                      <div class="post-category text-line text-green mb-3">Workshop</div>
-                      <h2 class="post-title mb-3">Ipsum Mollis Vulputate</h2>
-                    </div>
-                    <!-- /.post-header -->
-                    <div class="post-content">
-                      <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>
-                      <a href="#" class="more hover link-green">See Project</a>
-                    </div>
-                    <!-- /.post-content -->
-                  </div>
-                  <!-- /.card-body -->
-                </div>
-                <!-- /.card -->
-              </div>
-              <!-- /.project-details -->
-            </div>
-            <!-- /.row -->
-          </div>
+        <?php
+       $ic= 0;
+        foreach($product_list AS $prow){
+    if ($ic%2==0){
+ include 'products/first.php';
+    }
+else{
+  include 'products/second.php';
+}
+         
+          $ic++;
+        }
+        ?>
+
           <!-- /.project -->
           <div class="project item">
             <div class="row">
diff --git a/app/Views/products/first.php b/app/Views/products/first.php
new file mode 100644
index 0000000..11133a7
--- /dev/null
+++ b/app/Views/products/first.php
@@ -0,0 +1,19 @@
+<div class="project item">
+<div class="row">
+    <figure class="col-lg-8 col-xl-7 offset-xl-1 rounded"> <img src="<?=$prow['img']?>" alt="" /></figure>
+    <div class="project-details d-flex justify-content-center flex-column" style="right: 10%; bottom: 25%;">
+    <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
+        <div class="card-body">
+        <div class="post-header">
+            <div class="post-category text-line text-purple mb-3"><?=$prow['industry']?></div>
+            <h2 class="post-title mb-3"><?=$prow['name']?></h2>
+        </div>
+        <div class="post-content">
+            <p><?=$prow['desc']?></p>
+            <a href="#" class="more hover link-purple">See Project</a>
+        </div>
+        </div>
+    </div>
+    </div>
+</div>
+</div>
\ No newline at end of file
diff --git a/app/Views/products/second.php b/app/Views/products/second.php
new file mode 100644
index 0000000..cb74bc4
--- /dev/null
+++ b/app/Views/products/second.php
@@ -0,0 +1,19 @@
+<div class="project item">
+<div class="row">
+    <figure class="col-lg-7 offset-lg-5 col-xl-6 offset-xl-5 rounded"> <img src="<?=$prow['img']?>" alt="" /></figure>
+    <div class="project-details d-flex justify-content-center flex-column" style="left: 18%; bottom: 25%;">
+    <div class="card shadow rellax" data-rellax-xs-speed="0" data-rellax-mobile-speed="0">
+        <div class="card-body">
+        <div class="post-header">
+            <div class="post-category text-line text-leaf mb-3"><?=$prow['industry']?></div>
+            <h2 class="post-title mb-3"><?=$prow['name']?></h2>
+        </div>
+        <div class="post-content">
+            <p><?=$prow['desc']?></p>
+            <a href="#" class="more hover link-leaf">See Project</a>
+        </div>
+        </div>
+    </div>
+    </div>
+</div>
+</div>
\ No newline at end of file