Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Thread | ChatterBox Forum</title> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css"> | |
| </head> | |
| <body> | |
| <custom-navbar></custom-navbar> | |
| <div class="container mt-4"> | |
| <div class="row"> | |
| <div class="col-12"> | |
| <nav aria-label="breadcrumb"> | |
| <ol class="breadcrumb"> | |
| <li class="breadcrumb-item"><a href="index.html">Home</a></li> | |
| <li class="breadcrumb-item"><a href="categories.html">Categories</a></li> | |
| <li class="breadcrumb-item"><a href="#">Category</a></li> | |
| <li class="breadcrumb-item active" aria-current="page">Thread</li> | |
| </ol> | |
| </nav> | |
| <div class="card mb-4"> | |
| <div class="card-header bg-light"> | |
| <div class="d-flex justify-content-between align-items-center"> | |
| <h4 id="threadTitle">Thread Title</h4> | |
| <span class="badge bg-primary">New</span> | |
| </div> | |
| </div> | |
| <div class="card-body" id="threadContent"> | |
| <!-- Thread content will be loaded here --> | |
| </div> | |
| <div class="card-footer text-muted"> | |
| Posted by <span id="threadAuthor">User</span> on <span id="threadDate">Date</span> | |
| </div> | |
| </div> | |
| <div class="card mb-4"> | |
| <div class="card-header bg-light"> | |
| <h5>Replies</h5> | |
| </div> | |
| <div class="list-group list-group-flush" id="repliesList"> | |
| <!-- Replies will be loaded here --> | |
| </div> | |
| </div> | |
| <div class="card"> | |
| <div class="card-header bg-light"> | |
| <h5>Post a Reply</h5> | |
| </div> | |
| <div class="card-body"> | |
| <form id="replyForm"> | |
| <div class="mb-3"> | |
| <textarea class="form-control" id="replyContent" rows="3" placeholder="Write your reply here..." required></textarea> | |
| </div> | |
| <button type="submit" class="btn btn-primary">Post Reply</button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <custom-footer></custom-footer> | |
| <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> | |
| <script src="components/navbar.js"></script> | |
| <script src="components/footer.js"></script> | |
| <script src="script.js"></script> | |
| </body> | |
| </html> |