-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
100 lines (100 loc) · 4.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ABOUT YOURA</title>
<link href="/style.css" rel="stylesheet" />
<script
src="https://kit.fontawesome.com/c0ce7b2c8e.js"
crossorigin="anonymous"
></script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bagel+Fat+One&family=Cinzel:wght@400..900&family=Marcellus&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Orbit&family=Pacifico&family=Rubik+Bubbles&display=swap"
rel="stylesheet"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Aclonica&family=Archivo+Black&family=Bagel+Fat+One&family=Cinzel:wght@400..900&family=Gowun+Batang&family=Marcellus&family=Nanum+Gothic&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Orbit&family=Pacifico&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Quintessential&family=Rubik+Bubbles&display=swap"
rel="stylesheet"
/>
</head>
<body>
<header>
<div class="header-title">YOURA</div>
</header>
<nav>
<a href="/home.html">HOME</a>
<a href="/about.html">ABOUT</a>
</nav>
<div class="content-container">
<main>
<article>
<div class="youra-images">
<img class="youra-img1" src="./images/youra1.jpeg" />
<img class="youra-img2" src="./images/youra2.jpeg" />
<img class="youra-img3" src="./images/youra3.jpeg" />
<img class="youra-img4" src="./images/youra4.jpeg" />
<img class="youra-img5" src="./images/youra5.jpeg" />
</div>
</article>
</main>
<aside>
<div class="about-title">ABOUT YOURA</div>
<div class="about-content">
<span>Who Is SHE?</span><br />
<hr />
대한민국의 싱어송라이터. 알앤비 장르의 이해도와 이를 소화하는 능력이
매우 뛰어나며, 모든 곡의 완성도가 높아 매번 호평 받는 가수. 독특한
음색과 지적인 가사로 현재 매우 주목받는 가수이다. 여타 젊은 가수들의
감각적인 가사에 비해 시적이고 문학성 높은 가사를 주로 써, 평소 생각을
깊이 한다는 것을 엿볼 수 있다.<br /><br /><br />
<span>She's AWARDS</span><br />
<hr />
<ul>
<li>2022년 한국 힙합 어워즈 올해의 알앤비 트랙 후보('미미')</li>
<li>2022년 한국대중음악상 최우수 알앤비&소울-노래 후보('미미')</li>
<li>
2024년 한국 힙합 어워즈 올해의 알앤비 앨범 후보('꽤 많은 수의 촉수
돌기')
</li>
<li>
2024년 한국대중음악상 최우수 알앤비&소울-음반 후보('꽤 많은 수의
촉수 돌기')
</li>
<li>
2024년 한국대중음악상 최우수 알앤비&소울-노래 수상('구운듯한
얼굴이 너의 모티프')
</li>
</ul>
</div>
</aside>
</div>
<footer>
<i class="fa-brands fa-instagram"></i>
<a
href="https://www.instagram.com/you.ra?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw=="
class="footer-label"
target="_blank"
>instagram</a
>
<i class="fa-brands fa-youtube"></i>
<a
href="https://www.youtube.com/channel/UCrgmcWsu4pBRmEQz1l5cklQ"
class="footer-label"
target="_blank"
>youtude</a
>
<i class="fa-brands fa-spotify"></i>
<a
href="https://open.spotify.com/artist/5q9adPv91NFr8q2ZcKmX0V"
class="footer-label"
target="_blank"
>spotify</a
>
</footer>
</body>
</html>