-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathreviewtemplate.html
47 lines (42 loc) · 3.25 KB
/
reviewtemplate.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Review Template</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-kjU+l4N0Yf4ZOJErLsIcvOU2qSb74wXpOhqTvwVx3OElZRweTnQ6d31fXEoRD1Jy" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="script.js"></script>
</head>
<body>
<div id="about"></div>
<div id="header"></div>
<div class="container reviewcontainer">
<iframe src="https://open.spotify.com/embed/playlist/1waruQr9HVCo6pXjoks8DZ?utm_source=generator" width="100%" height="280" frameBorder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"></iframe>
<div class="review">
<div class="text-center" id="reviewinfo">
<h1>TITLE | 한글 </h1>
<h4>artist | 한글 </h4>
<span id="info">0000.00.00 | genre | length</span>
</div>
<p><b>Anim veniam ad commodo laborum culpa enim amet fugiat enim ut ad elit.</b> In tempor cupidatat mollit dolore anim ad consectetur consectetur et cillum. Nulla laborum do voluptate reprehenderit tempor pariatur cupidatat culpa deserunt
consectetur tempor eu. Eu amet commodo ea proident. 한글텍스트
<br>
<br>
<i>Nisi quis minim duis sint minim consectetur ullamco est magna. Sunt minim laboris excepteur ullamco duis occaecat commodo ut laboris dolore.</i> Excepteur proident esse et deserunt consequat Lorem eu laboris. Laboris dolore cillum
est nisi esse sit ex eu et et pariatur eiusmod magna.
<br>
<br>
<span class="highlight">Voluptate dolor nulla dolore ullamco id.</span> Reprehenderit anim fugiat labore reprehenderit ad Lorem. Eiusmod do proident incididunt id velit cupidatat esse magna commodo consequat pariatur fugiat. Laborum
quis aliquip excepteur cupidatat consequat amet incididunt. Qui minim quis nostrud culpa veniam dolore veniam do sint id irure ea minim deserunt.</p>
</div>
</div>
</body>
</html>