[HTML] 자기소개서 페이지 만들기

자기소개 예시

우선 준비한 예시부터 보시죠

사실 내용적는거야 하나도 어렵지는 않고,

1. 우측 상단에 다음 페이지를 눌러 다음 조원 소개 페이지로 넘기기
2. 인스타, 깃헙, 벨로그 연결하기

정도가 중요할 것 같다.

<div class="social-buttons mt-4">
	<a href="https://www.instagram.com/XXXXX" target="_blank">
		<img src="insta.png" alt="Instagram">
	</a>
 	<a href="https://github.com/XXXX" target="_blank">
		<img src="github.png" alt="GitHub">
	</a>
<a href="https://velog.io/@estar0622/posts" target="_blank">
		<img src="velog.jpg" alt="Velog">
 	</a>
</div>

이렇게 하이퍼링크로 연결하였다. 여기에 인스타, 깃헙, 벨로그 로고를 png로 만들어 따로 등록해주어야한다.
안 그러면 글자로 Instagram, Github, Velog라고 뜬다.

로고를 연결하는 방식은

.social-buttons img {
    width: 40px; /* 원하는 너비로 설정 */
    height: 40px; /* 원하는 높이로 설정 */
    margin: 0px; /* 이미지 간의 간격 */
    border: none; /* 이미지에 대한 테두리 제거 */

로 버튼을 눌러서 연결해주었다.