Addned product pge
This commit is contained in:
dev-chiefworks
+14
-155
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user