Untitled

<?php
$host = "localhost";
$username = "";
$password = "";
$objConnect = mysql_connect($host,$username,$password);

$objDB = mysql_select_db("");

$strSQL = "SELECT * FROM dj";
$objQuery = mysql_query($strSQL) or die (mysql_error());

?>

<?php
$id = $_GET['id'];
?>
<br><html>
<head>
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" >
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Kanit" rel="stylesheet">
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
    <style>
        body {
            margin: 0;
			font-family: 'Kanit', sans-serif;
            font-weight: normal;
            background-color: #e2e2e2;
        }

        .profile {
            float: left;
            margin: 5px;
            width: 800px;
            height: 700px;
        }

        .imgprofile img {
            border: 10px solid #fff;
            position: absolute;
            width: 180px;
            height: 180px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background-color: #fff;
        }

        .message {
            margin: 30px 153px;
            width: 600px;
            padding: 5px;
            border: 3px solid #fff;
            border-radius: 4px;
            background-color: #fff;
            height: 120px;
            position: absolute;
        }

        .message p {
            color: #222;
            margin: 0 23px;
            font-size: 21px;
            line-height: 21px;
        }

        #slider {
            position: absolute;
            margin: 190px 1px;
            background-color: #fff;
            width: 751px;
            height: auto;
            color: #222;
            border: 10px solid #fff;
            border-radius: 4px;
        }

        .btn {
            font-family: thaisanslite;
        }

        .btn:hover {
            transition: 0.2s;
            opacity: 0.8;
            outline: none;
        }

        .right_top {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            float: right;
            margin: 9px;
        }

        .right_bottom {
            position: absolute;
            /* top: 0; */
            bottom: 0;
            right: 0;
            float: right;
            margin: 9px;
        }

        #facebook {
            font-size: 20px;
            color: #fff;
            background-color: #03a9f4;
        }

        #instagram {
            font-size: 20px;
            color: #fff;
            background-color: #d69560;
        }
    </style>
<?php
while($objResult = mysql_fetch_array($objQuery))
{
?>
    <div class="profile">
        <div id="อยู่ด้วยกันนะ" class="main">
            <div class="message">
                <p style="font-size: 35px;font-weight: normal;padding: 9px 0;"> </p>
                <p>ชื่อเล่น : <?php echo $objResult["Name"];?> </p>
                <p>อายุ :  </p>
                <p>ข้อความทักทาย : ❤ </p>
                <div class="right_top">
                    <button id="facebook" class="btn btn"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</button>
                    <button id="instagram" class="btn btn"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</button>
                </div>
            </div>
        </div>
<?php
}
?>
        <div id="slider" style="border-radius: 4px;/*width: 100%;height: 100%;*/">
                            <div id="slide" class="carousel slide" data-ride="carousel">
                   </br>
                    <ol class="carousel-indicators">
                        <li data-target="#slide" data-slide-to="0" class="active"></li>
                        <li data-target="#slide" data-slide-to="1"></li>
                        <li data-target="#slide" data-slide-to="2"></li>
                    </ol>
                    <div class="carousel-inner" role="listbox">
					    <div class="item active">	<img class="img-reponsive" src="http://talktalk94.com/member/uploads/dj_profile/dj_<?php echo $id;?>_profile_1.jpg">
                                  </div>
								<div class="item">	<img class="img-reponsive" src="http://talktalk94.com/member/uploads/dj_profile/dj_<?php echo $id;?>_profile_2.jpg">
                                  </div>
								<div class="item">	<img class="img-reponsive" src="http://talktalk94.com/member/uploads/dj_profile/dj_<?php echo $id;?>_profile_3.jpg">
                                  </div>

                    </div>
					</br>
                    <div class="divider">&nbsp;</div>
                </div>
        </div>
        <div class="imgprofile"><img src="http://talktalk94.com/member/uploads/dj_profile/dj_<?php echo $id;?>_profile_1.jpg"></img>
        </div>
    </div>
    </div>
    </div>
</body>

</html>