* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
사진을 깃헙에 업로드할 때 폴더에 넣어서 올렸더니 사진이 안보이네
작성한 코드 및 에러 메세지
</><!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>바이러스 월드(VRWD)</title>
<link rel="stylesheet"
href="https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/easygpt/default.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
<style>
.card {
transition: transform 0.2s ease-in-out;
/* 변화가 일어날 때 자연스러운 애니메이션 효과 */
}
.card:hover {
transform: scale(1.05);
/* 마우스를 올리면 이미지를 1.05배 확대시킴 */
}
</style>
</head>
<body>
<div class="hero bg-dark text-center py-5 mb-4">
<h1 class="text-white">바이러스 월드(Virus World)</h1>
<h2 class="text-white">좀비 NFT 등급 확인</h2>
</div>
<div class="container">
<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<img src="/angry/VRWD _94_lv1.png" class="card-img-top" alt="Angry_Guy">
<div class="card-body">
<h5 class="card-title">Angry Guy</h5>
<h6 class="card-subtitle mb-2 text-muted">Level 1</h6>
<p class="card-text">화가 많음!</p>
<a href="https://spartacodingclub.kr/" class="card-link stretched-link" target="_blank"></a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<img src="/french/VRWD _186.png" class="card-img-top" alt="French Guy">
<div class="card-body">
<h5 class="card-title">French Guy</h5>
<h6 class="card-subtitle mb-2 text-muted">Level 1</h6>
<p class="card-text">프랑스인 닮음!</p>
<a href="https://spartacodingclub.kr/" class="card-link stretched-link" target="_blank"></a>
</div>
</div>
</div>
<div class="col-md-4 mb-4">
<div class="card">
<img src="/horse_face/VRWD _146.png" class="card-img-top" alt="horse_face">
<div class="card-body">
<h5 class="card-title">horse_face</h5>
<h6 class="card-subtitle mb-2 text-muted">Level 1</h6>
<p class="card-text">말상임</p>
<a href="https://spartacodingclub.kr/" class="card-link stretched-link" target="_blank"></a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
오류 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
