-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
169 lines (156 loc) · 12.2 KB
/
about.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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html>
<head>
<title>ABOUT BTS</title><!--tag for creating title of page-->
<link rel="stylesheet" href="style.css"><!--tag for link css file to page-->
</head>
<body><!--body tag consist all visible element of html document and html page-->
<header><!--semantic tag for header-->
<Nav class="nav_about"><!--block tag-->
<ul><!--unordered list tag-->
<li ><a href="HOME.html">Home</a></li><!--li element of lists-->
<li><a href="about.html">About</a></li>
<li><a href="news.html"> NEWS</a></li>
<li><a href="story.html">Story of success</a></li>
<li><a href="memories.html">For ARMY</a></li>
</ul>
</Nav>
</header>
<main><!--semantic tag for main part-->
<section class="wikidefinition"><!--semantic tag for blocks-->
<P class="BTSword">BTS</P><!--tag for creating paragraph-->
<P class="wikidef"> is a South Korean boy band that was formed in 2010 and debuted in 2013 under<span class="redtext"> Big Hit Entertainment.</span> The septet—composed of the members Jin, Suga, J-Hope, RM, Jimin, V, and Jungkook—co-writes and co-produces much of their own output. Originally a hip hop group, their musical style has evolved to include a wide range of genres. Their lyrics, often focused on personal and social commentary, touch on the themes of mental health, troubles of school-age youth and coming of age, loss, the journey towards loving oneself, and individualism. Their work also often references literature and psychological concepts and includes an alternative universe storyline.</P>
</section>
<section class="bookmarks">
<ul>
<li ><a href="#prof">Profiles</a></li>
<li ><a href="#debph">Debut Photo</a></li>
<li><a href="#newph"> New Photo</a></li>
<li><a href="#content">MV's and Music</a></li>
<li><a href="">Questionnaire for Army</a></li>
</ul>
</section>
<section class="profiles" id="prof"><center>
<!--1-->
<div class="members1"><!--block tag-->
<img src="images/jungkookprof.jpg" alt="" class="pfphoto" ><!--tag for create images-->
<p class="pftext">Jungkook<br>Jeon Jungkook<br>01.09.1997<br>junior (maknae), lead dancer<br> rapper, vocalist</p>
<a href="vocalprofile.html">MORE</a><!--tag for links-->
</div>
<div class="members1" style="background-color:#7E1EEE">
<img src="images/rm.jpg" alt="" class="pfphoto">
<p class="pftext" style=" color:#fff">RM<br>Kim Namjoon<br>12.09.1994<br>leader, main rapper <br> composer,song-writer</p>
<a href="rapprofile.html">MORE</a>
</div>
<div class="members1">
<img src="images/jimin.jpg" alt="" class="pfphoto">
<p class="pftext">Jimin<br>Park Jimin<br>13.10.1995<br>vocalist <br>lead dancer</p>
<a href="vocalprofile.html">MORE</a>
</div>
<div class="members1">
<img src="images/suga.jpg" alt="" class="pfphoto">
<p class="pftext">Suga<br>Min Yoongi<br>09.03.1993<br>rapper, arranger<br> song-writer</p>
<a href="rapprofile.html">MORE</a>
</div>
<br>
<!--2-->
<div class="members2">
<img src="images/tae.JPG" alt="" class="pfphoto">
<p class="pftext">V<br>Kim Taehyung<br>30.12.1995<br>vocalist<br> good boy</p>
<a href="vocalprofile.html">MORE</a>
</div>
<div class="members2">
<img src="images/jin.PNG" alt="" class="pfphoto">
<p class="pftext">Jin<br>Kim Seokjin<br>04.12.1992<br>vocalist, visual<br> world wide handsome</p>
<a href="vocalprofile.html">MORE</a>
</div>
<div class="members2">
<img src="images/hoseok.JPG" alt="" class="pfphoto">
<p class="pftext">J-Hope<br>Jung Hoseok<br>18.02.1994<br>main dancer, rapper<br> sub-vocalist</p>
<a href="rapprofile.html">MORE</a>
</div></center>
</section>
<main >
<section class="compare1" id="debph">
<div class="debutphoto"></div>
<div class="verticalline"></div>
<p class="debutedate">2013.06.13</p>
</section>
<section class="compare2" id="newph">
<p class="newdate">2021.06.13</p>
<div class="verticalline"></div>
<div class="newphoto"></div>
</section>
<center><!--tag to center the element-->
<section class="meadia" id="content">
<section style="display: inline;">
<div class="mvs">
<p style="font-family: BTS; font-size: 50px; margin-left: 40%; padding: 2%;">Music Videos</p>
<a href="https://www.youtube.com/watch?v=MBdVXkSdhwU"><img class="mv" src="images/dna.JPEG"></a><br>
<a href="https://www.youtube.com/watch?v=gdZLi9oWNZg"><img class="mv" src="images/dynamite.JPEG"></a><br>
<a href="https://www.youtube.com/watch?v=9DwzBICPhdM"><img class="mv" src="images/nottoday.JPEG"></a>
</div>
<div class="line"></div>
<div class="music">
<p class="songs">1.My Universe<br><!--tag to move the element to next line-->
<iframe allow="autoplay *; encrypted-media *; fullscreen *" frameborder="0" height="150" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/kz/album/my-universe/1576349937?i=1576350174"></iframe><!--tag for include some other content from other resources-->
<br>
2.Dynamite<br>
<iframe allow="autoplay *; encrypted-media *; fullscreen *" frameborder="0" height="150" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/kz/album/dynamite/1529518691?i=1529518695"></iframe>
<br>
3.Butter<br>
<iframe allow="autoplay *; encrypted-media *; fullscreen *" frameborder="0" height="150" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/kz/album/butter-megan-thee-stallion-remix/1582526657?i=1582526660"></iframe>
<br>
4.No More Dream<br>
<iframe allow="autoplay *; encrypted-media *; fullscreen *" frameborder="0" height="150" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/kz/album/no-more-dream/1274569086?i=1274570033"></iframe>
<br>
5.ON<br>
<iframe allow="autoplay *; encrypted-media *; fullscreen *" frameborder="0" height="150" style="width:100%;max-width:660px;overflow:hidden;background:transparent;" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation" src="https://embed.music.apple.com/kz/album/on/1499290546?i=1499290832"></iframe><br>
</p>
</div>
</section>
</section>
</center>
<section class="anketa">
<details><!--tag for create invisible details-->
<Summary>Hey! Our team conduct a survey, click(+) if you want to take it.</Summary><!--part of tag details, works like heading for tag-->
<form action="mailto:[email protected]" method="post" enctype="text/plain"><!--tag for creating form-->
<label for="fullname">Full Name:</label><!--tag for link to input element-->
<input type="text" name="fullname"><!--tag for input information-->
<br>
<label for="Bias" name="Bias">Your Ultimate Bias</label>
<select><!--tag for create drop down list-->
<option value="rm" name="RM">RM</option><!--tag for create elements for drop down list-->
<option value="Jin" name="Jin">Jin</option>
<option value="Suga" name="Suga">Suga</option>
<option value="J-hope" name="J-hope">J-hope</option>
<option value="Jimin" name="Jimin">Jimin</option>
<option value="Tae" name="Taehyung">Taehyung</option>
<option value="JK" name="Jungkook">Jungkook</option>
</select>
<br>
<label for="fvsong"> Favorite Song:</label>
<input type="text" name="Favorite song" id="fvsong" placeholder="Miss right"><br>
<label for="fback">Please leave feedback to our team!</label>
<textarea id="fback" name="feedback" cols="60" rows="15"></textarea><!--tag for create text area for writing large texts-->
<br>
<input type="submit" value="Submit" class="submitbut">
</form>
</details>
</section>
</main>
</main>
<footer>
<p class="citata">“No matter who you are, where you’re from, your skin color, your gender identity, just speak yourself. Find your name and find your voice by speaking yourself.”</p>
<p style="margin-left: 940px;">© Kim Namjoon</p>
<nav class="socialmeadia">
<center>
<a href="https://www.youtube.com/c/BANGTANTV"><img src="https://cdn-icons.flaticon.com/png/128/3938/premium/3938037.png?token=exp=1633789510~hmac=889cdff46f454ded010ccfba7a8ce079" alt="" class="icons"></a>
<a href="https://www.instagram.com/bts.bighitofficial/"><img src="https://cdn-icons.flaticon.com/png/128/3670/premium/3670125.png?token=exp=1633789762~hmac=a7f3a6259e73d1d39cec8c50771d1aa3" alt="" class="icons"></a>
<a href="https://www.tiktok.com/@bts_official_bighit"><img src="https://cdn-icons.flaticon.com/png/512/2504/premium/2504942.png?token=exp=1633790022~hmac=f40dfd343bdb3b5bf3a1b11d003c5d83" alt="" class="icons"></a>
<a href="https://twitter.com/BTS_twt"><img src="https://cdn-icons-png.flaticon.com/128/1409/1409937.png" alt="" class="icons"></a>
</center>
</nav>
</footer>
</body>
</html>