dev-test/artworks.php

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="UTF-8">
   5         <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6         <meta name="viewport" content="width=device-width, initial-scale=1">
   7         <title>Artist Page</title>
   8         <link rel="stylesheet" href="css/bootstrap.css">
   9         <link rel="stylesheet" href="css/astyle.css">
  10 </head>
  11 <body>
  12
  13         <div class="container body">
  14                 <div class="row">
  15                         <div class="col-md-3">
  16                                 <div class="panel panel-default">
  17                                         <div class="panel-heading"><center><h4>Artist List</h4></center></div>
  18                                         <ul id="al" style="list-style:none; display:inline;">
  19                                                 <li><a href="#">Artist Name</a></li>
  20                                                 <li><a href="#">Artist Name</a></li>
  21                                                 <li><a href="#">Artist Name</a></li>
  22                                                 <li><a href="#">Artist Name</a></li>
  23                                                 <li><a href="#">Artist Name</a></li>
  24                                         </ul>
  25                                 </div>
  26                         </div>
  27                         <div class="col-md-9">
  28                                 <div class="row">
  29                                         <div class="col-md-4">
  30                                                 <div class="panel panel-default showcase">
  31                                                         <a href="#" class="thumbnail"><img src="shai.jpg" class="img-responsive" alt=""></a>
  32                                                         <h5 class="pull-left"><a href="#">Name of Artist</a></h5>
  33                                                         <h5 class="pull-right"><a href="#">MP</a></h5>
  34                                                         <div class="clearfix"></div>
  35                                                 </div>
  36                                         </div>
  37
  38                                         <div class="col-md-4">
  39                                                 <div class="panel panel-default showcase">
  40                                                         <a href="#" class="thumbnail"><img src="shai.jpg" class="img-responsive" alt=""></a>
  41                                                         <h5 class="pull-left"><a href="#">Name of Artist</a></h5>
  42                                                         <h5 class="pull-right"><a href="#">MP</a></h5>
  43                                                         <div class="clearfix"></div>
  44                                                 </div>
  45                                         </div>
  46
  47                                         <div class="col-md-4">
  48                                                 <div class="panel panel-default showcase">
  49                                                         <a href="#" class="thumbnail"><img src="shai.jpg" class="img-responsive" alt=""></a>
  50                                                         <h5 class="pull-left"><a href="#">Name of Artist</a></h5>
  51                                                         <h5 class="pull-right"><a href="#">MP</a></h5>
  52                                                         <div class="clearfix"></div>
  53                                                 </div>
  54                                         </div>
  55
  56                                 </div>
  57                         </div>
  58                 </div>
  59         </div>
  60
  61
  62         <script src="js/jquery-1.9.1.js"></script>
  63         <script src="js/bootstrap.js"></script>
  64 </body>
  65 </html>
  66