Apply CSS formatting to created pages and explore it fully, also use ready made CSS templates || DWPD Sem 5 Practical 8

on
DWPD : Practical 8



Index.html file Code<!DOCTYPE html>
<html>
<head>
<title>Big Shop</title>
<link rel="icon" href="../images/favicon.png" >
<link href="../css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body> 
 <div class="header">
  <div class="bottom-header">
   <div class="container">
    <div class="header-bottom-left">
     <div class="logo">
      <a href="../index.php"><img src="../images/logo.png" alt=" " /></a>
     </div>
     <div class="search">
      <form method="get" action="Search_ads.php">
<input type="text" name="keyword" id="search-box" placeholder="Search" autocomplete="off">
       <input type="submit"  value="SEARCH">
       <label id="suggesstion-box"></label>
      </form>
     </div>
     <div class="clearfix"> </div>
    </div>
    <div class="header-bottom-right"> 
     <?php
       <div class="account">
<a href="../profile.php"><span> </span>Sarjil Shiakh</a>
       </div>
   
    <div class="cart"><a href="cart.php"><span> </span>CART</a></div>
     <div class="clearfix"> </div>
    </div>
    <div class="clearfix"> </div> 
   </div>
  </div>
 </div>
 <div class="cl-title">
  <h3>Sell or Advertise anything online with BIGSHOPE</h3>
 </div>
 <div class="cl-main">
  <div class="cl-search">
  <form method="post">
   <select name="cate">
    <option value="">Select Category</option>
    <option value="">All</option>
    <option value="">mobile</option>
    <option value="">laptop</option>
    <option value="">computer</option>
   </select>
   <select name="Location">
    <option value="">Select Location</option>
    <option value="">All</option>
    <option value="">valsad</option>
    <option value="">chikhli</option>
    <option value="">vansda</option>
   </select>
   <input type="submit" name="searchads" value="Search Ad">
   OR <a href="createad.php">Create Free Ad</a>
  </form>
  </div>
  <div class="cl-main-sub">
   <div class="ad-box">
    <div class="ad-thumb">
     <a href="ad-single.php"><img src="uploads/1.jpeg"></a>
    </div>
    <div class="ads-inf">
     <b>Title of the Ad</b><br>
     <p>
     Location : Chikhli<br>
     Price : 1650/-<br>
     Contact : 9712169979
     </p>
    </div>
    <a href="ad-single.php" id="ads-infa">View This Ad</a>
   </div>
   <div class="ad-box">
    <div class="ad-thumb">
     <a href="ad-single.php"><img src="uploads/1.jpeg"></a>
    </div>
    <div class="ads-inf">
     <b>Title of the Ad</b><br>
     <p>
     Location : Chikhli<br>
     Price : 1650/-<br>
     Contact : 9712169979
     </p>
    </div>
    <a href="ad-single.php" id="ads-infa">View This Ad</a>
   </div>
   <div class="ad-box">
    <div class="ad-thumb">
     <a href="ad-single.php"><img src="uploads/1.jpeg"></a>
    </div>
    <div class="ads-inf">
     <b>Title of the Ad</b><br>
     <p>
     Location : Chikhli<br>
     Price : 1650/-<br>
     Contact : 9712169979
     </p>
    </div>
    <a href="ad-single.php" id="ads-infa">View This Ad</a>
   </div>
  </div>
 </div>
 <div class="clearfix"></div>  
 <div class="footer">
  <div class="footer-bottom">
   <a href="index.php"><img src="../images/foot-logo.png" /></a><br/>
   <p>&copy 2016 Big Shope. All rights reserved | Designed by Sarjil Shaikh</p>
  <div class="clearfix"> </div>
  </div>
 </div>
</body>
</html>


Output :


Comments

Post a Comment