<!DOCTYPE html>
<html>
<!---EL GATOCODER SIGUE MI CANAL EN YOUTUBE PARA PROGRAMAS Y CODIGOS canal de youtube: Tegar Dev ----->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Comentarios</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<header></header>
<nav class="navbar navbar-light navbar-expand-md">
<div class="container-fluid"><a class="navbar-brand" href="#">El Gato Coder</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navcol-1">
<ul class="nav navbar-nav">
<li class="nav-item" role="presentation"><a class="nav-link active" href="https://www.youtube.com/channel/UCKqkc2QNHUvxsxCW1ptFNkQ">Youtube</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Facebook</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Instagram</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="col-md-6 pane">
<div class="col-md-4">
<div class="alert alert-light"><h4>Comentarios</h4></div>
</div>
<div id="result">
</div>
<div class="col-md-8">
<form>
<div class="form-group">
<label>Nombre</label>
<input class="form-control" type="text" id="name">
</div>
<div class="form-group">
<label>Comentario</label>
<textarea id="comment" class="form-control"></textarea></label>
</div>
<button type="button" class="btn btn-primary" onclick="commentBox();">Enviar</button>
</form>
</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/4.3.1/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/script.js"></script>
</div>
</div>
</body>
</html>
}
}