search partner home code

<?php
session_start();
$con = mysqli_connect("localhost","root","","sp");

if (!isset($_SESSION['user_email'])){

header("location:index.php");

}
else {
?>
<!DOCTYPE html>

<html>
<head>
<title>Welcome User</title>
<link rel="stylesheet" href="styles/home_style.css" media="all"/></head>


<body>
<!---------Container Starts-------->
<div class="container">
<!---------Header Wrapper Starts-------->
<div id="head_wrap">
<!---------Header Starts-------->
<div id="header">
<ul id="menu">
<li><a href= "home.php">Home</a></li>
<li><a href= "members.php">Members</a></li>
<strong>Topics:</strong>
<?php
$get_topics = "select * from topics";
$run_topics = mysqli_query($con,$get_topics);
while($row=mysqli_fetch_array($run_topics)){

$topic_id=$row('topic_id');
$topic_name=$row('topic_name');
echo "<li><a href='topic.php?topic=$topic_id'>$topic_name</a></li>";


}?></ul>

<form method="get" action="results.php" id="form1">
<input type="text" name="user_query" placeholder="search a topic"/>
<input type="submit" name="search"  value="search"/>
</form>










</div>
<!---------Header Ends-------->
</div>
<!---------Header Wrapper Ends-------->
<!---------Container Area Starts-------->
<div class="content">
<!---------User timeline Starts-------->
<div id="user_timeline"></div>
<!---------User timeline Ends-------->
</div>
<!---------Container Area Starts-------->
</body>
</html>


======================================================================

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 line-height: 1;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}



body{

background-color:#E6E6FA;
}

.container{
margin:0;
padding:0;
background-color:#E6E6FA;
}

#head-wrap{
width:100%
height:35px;
margin:0 auto;
border-bottom:2px solid brown;
padding:10px;
background:#AFEEEE;
}

#header{
margin:0 auto;
width:100px;
height:35px;
}
#menu{

line-height:35px;
padding:0;
margin:0;
float:left;
}

#menu li{
display:inline;
list-style:none;
}

#menu a{
margin:5px;
padding:5px;
text-decoration:none;
color:gray;
font-size:20px;
font-weight:bold;
}
#menu a:hover{
color:brown;
font-weight:bolder;
text-decoration:underline;
}
#menu strong{
font-size:20px;
color:brown;
text-decoration:underline
}

#form1{
float:right;
line-height:35px;
padding-top:3px;
}