Dear iam new in PHP , i have downloaded a free code template which has a <div class="container"> with heading <h2>Featured Projects</h2> it show the featured pictures
i want the same as Featured properties below it ,but when i copy the code it dont work please help me out how to add another one . The code is
<?php include'header.php';?>
<div class="">
<div id="slider" class="sl-slider-wrapper">
<div class="sl-slider">
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
<div class="sl-slide-inner">
<div class="bg-img bg-img-1"></div>
<h2><a href="#">2 Bed Rooms and 1 Dinning Room Aparment on Sale</a></h2>
<blockquote>
<p class="location"><span class="glyphicon glyphicon-map-marker"></span> 1890 Islamabad ,Pakistan</p>
<p>Beautifuly designed state of the art .</p>
<cite>Call for Price</cite>
</blockquote>
</div>
</div>
<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
<div class="sl-slide-inner">
<div class="bg-img bg-img-2"></div>
<h2><a href="#">2 Bed Rooms and 1 Dinning Room Aparment on Sale</a></h2>
<blockquote>
<p class="location"><span class="glyphicon glyphicon-map-marker"></span> 1890 Islamabad ,Pakistan</p>
<p>Beautifuly designed state of the art .</p>
<cite>Call for Price</cite>
</blockquote>
</div>
</div>
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
<div class="sl-slide-inner">
<div class="bg-img bg-img-3"></div>
<h2><a href="#">2 Bed Rooms and 1 Dinning Room Aparment on Sale</a></h2>
<blockquote>
<p class="location"><span class="glyphicon glyphicon-map-marker"></span> 1890 Islamabad ,Pakistan</p>
<p>Beautifuly designed state of the art .</p>
<cite>Call for Price</cite>
</blockquote>
</div>
</div>
<div class="sl-slide" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1">
<div class="sl-slide-inner">
<div class="bg-img bg-img-4"></div>
<h2><a href="#">2 Bed Rooms and 1 Dinning Room Aparment on Sale</a></h2>
<blockquote>
<p class="location"><span class="glyphicon glyphicon-map-marker"></span> 1890 Islamabad ,Pakistan</p>
<p>Beautifuly designed state of the art .</p>
<cite>Call for Price</cite>
</blockquote>
</div>
</div>
<div class="sl-slide" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
<div class="sl-slide-inner">
<div class="bg-img bg-img-5"></div>
<h2><a href="#">2 Bed Rooms and 1 Dinning Room Aparment on Sale</a></h2>
<blockquote>
<p class="location"><span class="glyphicon glyphicon-map-marker"></span> 1890 Islamabad ,Pakistan</p>
<p>Beautifuly designed state of the art .</p>
<cite>Call for Price</cite>
</blockquote>
</div>
</div>
</div><!-- /sl-slider -->
<nav id="nav-dots" class="nav-dots">
<span class="nav-dot-current"></span>
<span></span>
<span></span>
<span></span>
<span></span>
</nav>
</div><!-- /slider-wrapper -->
</div>
<div class="banner-search">
<div class="container">
<!-- banner -->
<h3>Buy, Sale & Rent</h3>
<div class="searchbar">
<div class="row">
<div class="col-lg-6 col-sm-6">
<input type="text" class="form-control" placeholder="Search of Properties">
<div class="row">
<div class="col-lg-3 col-sm-3 ">
<select class="form-control">
<option>Buy</option>
<option>Rent</option>
<option>Sale</option>
</select>
</div>
<div class="col-lg-3 col-sm-4">
<select class="form-control">
<option>Price</option>
<option>$150,000 - $200,000</option>
<option>$200,000 - $250,000</option>
<option>$250,000 - $300,000</option>
<option>$300,000 - above</option>
</select>
</div>
<div class="col-lg-3 col-sm-4">
<select class="form-control">
<option>Property</option>
<option>Apartment</option>
<option>Building</option>
<option>Office Space</option>
</select>
</div>
<div class="col-lg-3 col-sm-4">
<button class="btn btn-success" onclick="window.location.href='buysalerent.php'">Find Now</button>
</div>
</div>
</div>
<div class="col-lg-5 col-lg-offset-1 col-sm-6 ">
<p>Join now and get updated with all the properties deals.</p>
<button class="btn btn-info" data-toggle="modal" data-target="#loginpop">Login</button> </div>
</div>
</div>
</div>
</div>
<!-- banner -->
THIS IS THE CODE STARTING FROM HERE
<div class="container">
<div class="properties-listing spacer"> <a href="buysalerent.php" class="pull-right viewall">View All Listing</a>
<h2>Featured Projects</h2>
<div id="owl-example" class="owl-carousel">
<div class="properties">
<div class="image-holder"><img src="images/properties/F2(1).jpg" class="img-responsive" alt="properties"/>
<div class="status new">New</div>
</div>
<h4><a href="property-detail.php">Park Towers</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F2.jpg" class="img-responsive" alt="properties"/>
<div class="status new">New</div>
</div>
<h4><a href="property-detail.php">Al-Mustafa Towers</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F3.jpg" class="img-responsive" alt="properties"/></div>
<h4><a href="property-detail.php">-</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F4.jpg" class="img-responsive" alt="properties"/></div>
<h4><a href="property-detail.php">Executive Heights</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F5.jpg" class="img-responsive" alt="properties"/>
<div class="status new">New</div>
</div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price: </p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F6.jpg" class="img-responsive" alt="properties"/>
<div class="status new">New</div>
</div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F7.jpg" class="img-responsive" alt="properties"/>
<div class="status new">New</div>
</div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F8.jpg" class="img-responsive" alt="properties"/></div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F9.jpg" class="img-responsive" alt="properties"/></div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F10.jpg" class="img-responsive" alt="properties"/></div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
<div class="properties">
<div class="image-holder"><img src="images/properties/F11.jpg" class="img-responsive" alt="properties"/></div>
<h4><a href="property-detail.php">Royal Inn</a></h4>
<p class="price">Call for Price</p>
<div class="listing-detail"><span data-toggle="tooltip" data-placement="bottom" data-original-title="Bed Room">5</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Living Room">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Parking">2</span> <span data-toggle="tooltip" data-placement="bottom" data-original-title="Kitchen">1</span> </div>
<a class="btn btn-primary" href="property-detail.php">View Details</a>
</div>
</div>
</div>
</div>
<div class="spacer">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include'footer.php';?>
