MESSAGEdb code example
Example: MESSAGEdb
<?php include('functions.php'); ?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Comment and reply system in PHP</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 post">
<h2>Post title</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum nam illum ipsum corporis voluptatibus, perspiciatis possimus vitae consequuntur. Voluptate quisquam reprehenderit sapiente cupiditate esse, consequuntur vel dicta culpa dolorem rerum.</p>
</div>
<div class="col-md-6 col-md-offset-3 comments-section">
<form class="clearfix" action="index.php" method="post" id="comment_form">
<h4>Post a comment:</h4>
<textarea name="comment_text" id="comment_text" class="form-control" cols="30" rows="3"></textarea>
<button class="btn btn-primary btn-sm pull-right" id="submit_comment">Submit comment</button>
</form>
<h2><span id="comments_count">0</span> Comment(s)</h2>
<hr>
<div id="comments-wrapper">
<div class="comment clearfix">
<img src="profile.png" alt="" class="profile_pic">
<div class="comment-details">
<span class="comment-name">Melvine</span>
<span class="comment-date">Apr 24, 2018</span>
<p>This is the first reply to this post on this website.</p>
<a class="reply-btn" href="#" >reply</a>
</div>
<div>
<div class="comment reply clearfix">
<img src="profile.png" alt="" class="profile_pic">
<div class="comment-details">
<span class="comment-name">Awa</span>
<span class="comment-date">Apr 24, 2018</span>
<p>Hey, why are you the first to comment on this post?</p>
<a class="reply-btn" href="#">reply</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>