프로파일 카드 2

카드 안에 글자

			<div class="text-data">
				<span class="name">IU</span>
				<span class="job">Singer & Actor & YouTuber</span>
			</div>

css

.profile-card .text-data {
  display: ?;
  flex-direction: ?;
  align-items: ?;
  color: #333;
}
.text-data .name {
  font-size: 22px;
  font-weight: 500;
}
.text-data .job {
  font-size: 15px;
  font-weight: 400;
}

미디어 쇼셜 버튼

			<div class="media-buttons">
				<a href="#" style="background: #4267b2" class="link">
					<i class="bx bxl-facebook"></i>
				</a>
				<a href="#" style="background: #1da1f2" class="link">
					<i class="bx bxl-twitter"></i>
				</a>
				<a href="#" style="background: #e1306c" class="link">
					<i class="bx bxl-instagram"></i>
				</a>
				<a href="#" style="background: #ff0000" class="link">
					<i class="bx bxl-youtube"></i>
				</a>
			</div>

.profile-card .media-buttons {
  display: ?;
  align-items: ?;
  margin-top: 15px;
}


.media-buttons .link {
  display: ? ;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  height: 34px;
  width: 34px;
  border-radius: ? %;
  margin: 0 8px;
  background-color: #4070f4;
  text-decoration: ?;
}