Untitled

<?php

$host="localhost";
$user="root";
$pass="meraiitnahihua";
$db="odf";

$con=mysqli_connect($host,$user,$pass,$db);

$user=$_POST['user'];
$email=$_POST['email'];
$pass=$_POST['pass'];

echo 'Hello'.' '.$user.'<br>';
echo 'Your Email Id'.' '.'<u>'.$email.'</u>'.' '.'is registered with us!';

$sql = "INSERT INTO users('username','email id','password')VALUES('$user','$email','$pass')";

if ($con->query($sql)===TRUE)
{
    echo "new record created successfully";
}
else
{
    echo "Error: " . $sql . "<br>" . $con->error;
}
$con->close();

?>

#top
{
    border:2px solid #FFFFFF; height:200px; width:1030px; background-color:899282; margin:auto; margin-top:50px;
}

#one
{
     height:200px; width:500px; background-color:899282; float:left; margin:auto;
}

#two
{
    height:200px; width:528px; background-color:899282; float:left; margin:auto;
}

#menu
{
height:30px;
width:1030px;
border:2px solid #FFFFFF;
margin:auto;
background-color:82b52f;
font-family:whimsy TT;
color:white;
margin:auto;
}

#content{
 border:2px solid #FFFFFF; height:300px; width:1030px; background-color:8fde6f; margin:auto;
}

#left{
     height:300px; width:230px; background-color:ded76f; float:left; margin:auto;
}

#center{
     height:300px; width:570px; background-color:82b52f; float:left; margin:auto; color:white;
}

#right{
     height:300px; width:230px; background-color:ded76f; float:left; margin:auto;
    }


 h1
{
font-size:48px; font-family:whimsy TT; color:white;
}

h2
{
    font-size: 25px; font-family:whimsy TT; color:f32542;
}

h4
{
    font-size: 15px; font-family:arial; color:white;
}


#footer
{

height:20px;
width:1030px;
border:1px solid #FFFFFF;
background-color:f32542;
margin:auto;
}

<html>
<head>
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
<title>welcome</title>
<link href="top.css" type="text/css" rel="stylesheet" media="all" />


<style>

table {
    table-layout:fixed;
    width:1030px;
}


body {
    background-image: url("border1.jpg");
    background-size:cover;
}
</style>

</head>


<body>

<div id="top">
<div id="one">

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
        <li><img src="data1/images/1.png" alt="ONLINE DISCUSSION FORUM..." title="ONLINE DISCUSSION FORUM..." id="wows1_0"/></li>
        <li><img src="data1/images/2.jpg" alt="a place where people can post queries..." title="a place where people can post queries..." id="wows1_1"/></li>
        <li><img src="data1/images/3.jpg" alt="where people can share their views..." title="where people can share their views..." id="wows1_2"/></li>
        <li><img src="data1/images/4.png" alt="a place where any topic can be discussed..." title="a place where any topic can be discussed..." id="wows1_3"/></li>
        <li><img src="data1/images/5.jpg" alt="a place to be yourself..." title="a place to be yourself..." id="wows1_4"/></li>
        <li><img src="data1/images/6.jpg" alt="a place where people are free to talk about anything..." title="a place where people are free to talk about anything..." id="wows1_5"/></li>
        <li><a href="http://wowslider.com/vi"><img src="data1/images/7.jpg" alt="css slider" title="where people can respond to others and comment on their posts..." id="wows1_6"/></a></li>
        <li><img src="data1/images/8.jpg" alt="a place where people are connected..." title="a place where people are connected..." id="wows1_7"/></li>
    </ul></div>
    <div class="ws_bullets"><div>
        <a href="#" title="ONLINE DISCUSSION FORUM..."><span>1</span></a>
        <a href="#" title="a place where people can post queries..."><span>2</span></a>
        <a href="#" title="where people can share their views..."><span>3</span></a>
        <a href="#" title="a place where any topic can be discussed..."><span>4</span></a>
        <a href="#" title="a place to be yourself..."><span>5</span></a>
        <a href="#" title="a place where people are free to talk about anything..."><span>6</span></a>
        <a href="#" title="where people can respond to others and comment on their posts..."><span>7</span></a>
        <a href="#" title="a place where people are connected..."><span>8</span></a>
    </div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.net">jquery slider</a> by WOWSlider.com v8.7</div>
<div class="ws_shadow"></div>
</div>
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->


</div>

<div id="two">

<h1> <center> <b> <i> <font face="whimsy TT" color="white"> ONLINE DISCUSSION FORUM </font> </i> </b> </center> <h1>
</div>

</div>


<div id="menu">
  <table height="40px" width="970px">
  <tr>
   <th valign="top"> <a href="home.php"> Home </a></th>
   <th valign="top"> <a href="about.php"> About </a></th>
   <th valign="top"> <a href="privacy.php"> Privacy </a></th>
   <th valign="top"> <a href="contact.php"> Contact us </a></th>
   </tr>

 </table>

</div>

<div id="content">

<div id="left">
<h2> <a href="login.php"> <center> <u> <i> <font face="whimsy TT" color="f32542"> LOGIN </font> </i> </u> </center> </a> </h2>
</div>

<div id="center">
<h1> <center> WELCOME! <center> </h1>
     <h4> We are pleased to welcome you to this ONINE DISCUSSION PORTAL.
  You are at the right place where you can post queires, seek valuable responses, and discuss nout anything you wish to.
  We believe that you will have a great experience with us.
  keep visiting...!
  </h4>

</div>

<div id="right">
<h2> <a href="register.php"> <center> <u> <i> <font face="whimsy TT" color="f32542" size="65px"> REGISTER </font> </i> </u> </center> </a> </h2>


<form action="connection.php" method="post">

<b> Enter Username: </b> <input type="text" name="user" "required"> <br> <br>
<b> Enter Email Id: </b> <input type="email" name="email" "required"> <br> <br>
<b> Enter Password: </b> <input type="password" name="pass" "required"> <br> <br>

<input type="submit" value="REGISTER" name="REGISTER">


</form>

</div>

</div>


<div id="footer"> <!-- footer Div Start Here -->
 <table height="20px" width="970px">
  <tr>
   <th valign="top" > <font color="white"> <marquee> All your questions answered here....!  &reg </marquee> </font> </th>
   </tr>
   </table>


</div> <!-- footer Div End Here -->


</body>
</html>