<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> Fictional On-Line Art</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="page-header">
<span>FICTIONAL ART ONLINE </span>
</div>
<?php
include("menu.php");
?>
<div class="table-responsive">
<table class="table">
<tr style="background-color:#A2AB58;">
<th> Image </th>
<th> Artist </th>
<th> Title </th>
<th> Link </th>
<th> Browse </th>
</tr>
<?php
$img_url="paintings/square-thumbs/";
$ext=".jpg";
include("connection.php");
$query=mysql_query("select * from painting");
while($row=mysql_fetch_array($query)){
echo '<tr><td><img src="'.$img_url.$row['image'].$ext.'"></td><td>'.$row['artist_id'].'</td><td>'.$row['title'].'</td><td><a href="'.$row['wlink'].'" target="_blank" class="wlink">'.$row['wlink'].'</a></td><td><a href="main.php?id='.$row[0].'" class="btn btn-primary">Browse</a></td></tr>';
}
?>
</table>
</div>
<p> </p>
<p> </p>
<p> </p>
<?php
include("footer.php");
?>
</div>
</body>
</html>