신동해 / Omniscient-Public-Point-Of-View

Go to a project
Toggle navigation Toggle navigation pinning
신동해
d8c6e777 1 parent c57e96df

Add detail.ejs

Inline Side-by-side
Showing 1 changed file with 60 additions and 0 deletions
1 +<!doctype html>
2 +<html>
3 + <head>
4 + <!-- Required meta tags -->
5 + <meta charset="utf-8">
6 + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
7 +
8 + <!-- Bootstrap CSS -->
9 + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
10 +
11 +
12 + </head>
13 + <body>
14 +
15 + <nav class="navbar navbar-expand-lg navbar-light bg-light">
16 + <a class="navbar-brand" href="#">Todo App</a>
17 + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
18 + <span class="navbar-toggler-icon"></span>
19 + </button>
20 + <div class="collapse navbar-collapse" id="navbarNav">
21 + <ul class="navbar-nav">
22 + <li class="nav-item active">
23 + <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
24 + </li>
25 + <li class="nav-item"
26 + <a class="nav-link" href="#">Write</a>
27 + </li>
28 + <li class="nav-item">
29 + <a class="nav-link" href="#">임시</a>
30 + </li>
31 + </ul>
32 + </div>
33 + </nav>
34 +
35 + <div class="container mt-4">
36 + <h4 class = "text-center">상세페이지</h4>
37 + <div class="card" style="width: 100%;">
38 + <div class="card-body">
39 + <h5 class="card-title"><%= data.제목 %></h5>
40 + <h6 class="card-subtitle mb-2 text-muted"><%= data.날짜 %></h6>
41 + <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
42 + <a href="#" class="card-link">Card link</a>
43 + <a href="#" class="card-link">Another link</a>
44 + </div>
45 + </div>
46 + </div>
47 + <!-- Optional JavaScript; choose one of the two! -->
48 +
49 + <!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
50 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
51 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>
52 +
53 + <!-- Option 2: Separate Popper and Bootstrap JS -->
54 + <!--
55 + <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
56 + <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
57 + <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
58 + -->
59 + </body>
60 +</html>
...\ No newline at end of file ...\ No newline at end of file