-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmemories.html
80 lines (70 loc) · 5.01 KB
/
memories.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
<!DOCTYPE html>
<html>
<head>
<title>FOR ARMY</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>
<section class="armydef"><!--semantic tag for blocks-->
<p class="armyword">ARMY</p><!--tag for create paragraph-->
<p class="wordbts">BTS</p><br>
<span class="armydef">Fans.The word is an acronym for “Adorable Representative M.C. For Youth”. ARMY's are most adorable,the most supportive, beautiful fans in the world. </span><!--tag for create inline text-->
</section>
<p class="lets">Let's dive into the BTS world together</p>
<main class="btsworld"><!--semantic tag for main part of page-->
<h2>MEMORIES</h2><!--tag for create h2 heading-->
<section class="memories">
<!--1-->
<div class="memory"><!--tag for create blocks-->
<img src="https://i.pinimg.com/736x/08/5d/6d/085d6d2dc3354b657e7081df4df3a125.jpg" alt="bts debut day photo" class="memoryphoto"><!--tag for create images-->
<p class="hiddentext">2013.06.13<br>Debut day</p>
</div>
<div class="memory">
<img src="https://i.ytimg.com/vi/FeK-hZO4YHs/maxresdefault.jpg" alt="bts debut day photo" class="memoryphoto" style="height: 250px;">
<p class="hiddentext">2015.07.06<br>First win</p>
</div>
<div class="memory">
<img src="https://0.soompi.io/wp-content/uploads/2016/12/02225024/BTS1.jpg" alt="bts debut day photo" class="memoryphoto">
<p class="hiddentext">2016.16.02<br>Artist of the year MAMA 2016</p>
</div>
<br>
<!--2-->
<div class="memory">
<img src="https://m.korea.net/upload/content/editImage/text_170523.jpg" alt="bts debut day photo" class="memoryphoto" style="height: 250px;">
<p class="hiddentext">2017.05.21<br>BMA Top Social Artist</p>
</div>
<div class="memory">
<img src="https://lh3.googleusercontent.com/cBlEpG1l6QuFUd7aAA2aQLDrI9rf5jDhCEOkTW03JQ4q_aFzmOP7YSdQTkDxK8PGYH7jpOw4YAPproN6JZP7owG6HAjPqiLB=w1200-h630-rj-pp-e365" alt="bts debut day photo" class="memoryphoto" style="height: 250px;">
<p class="hiddentext">2014.05.29<br>First fan-meeting</p>
</div>
<div class="memory">
<img src="https://s2.dmcdn.net/v/GLIjR1NYGFKyOIVxV/x1080" alt="bts debut day photo" class="memoryphoto" style="height: 250px;">
<p class="hiddentext">2014.10.18<br>First concert</p>
</div>
</section>
</main>
<footer style="border-top: 5px white solid;"><!--semantic tag for footer part-->
<p class="citata">"Effort makes you. You will regret it someday if you don’t do your best now...don’t think it’s too late but keep working on it...it may take time, but there’s nothing that gets worse due to practising...so practise. You may get depressed, but its evidence that you are doing good."</p>
<p style="margin-left: 940px; margin-top:1%">© Jeon Jungkook</p>
<nav class="socialmeadia">
<center><!--tag for center the elements-->
<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>