15분만에 뚝딱! 포트폴리오용 랜딩페이지만들기(+HTML, CSS)
<!DOCTYPE html>
<html lang="KO_KR"_"Yoon ">
<head>
<meta charset="UTF-8">
<meta http-equiv="X_UA-Comptible" content=IE=edgo">
<meta name="viewport" content=width=device-width, initial-scale=1.0">
<title>15분만 !포토폴리오용 렌딩페이지 만들기</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css"
<link rel= "preconnect" "https://fonts.googleapis.com">
< link rel="preconnect" "https://fonts.gstatic.com" crossorigin>
< link rel="preconnect" "https://googleapis.com/css2?family=Montserrat:wght@200;600&displ
ay=swap" rel="stylesheet">
<style>
*{margin: 0; box-sizing: border-box; font-family: Montserrat;}
li{list-style: none;}
a{text}-decoration: none; color: inherit;}
img{verttical-align: top; }
</style>
</head>
<body>
<div class="wrap">
<header>
<h1><i class=" xi-emoticon-smiley-o xi-spin"></i>Mini Portfolio</h1>
<nav>
<ul>
<li><a href="#about">ABOUT</a></li>
<li><a href="#pro1">Project01</a></li>
<li><a href="#pro2">Project02</a></li>
<li><a href="#pro3">Project03</a></li>
</ul>
</nav>
</header>
<div id="about" class="con">
<h2>I Love Aurora</h2>
<video>
<sour src="img/aurora2.mp4" type="video/mp4">
</video">
</div>
<div id="pro1" class="con">
<h2>project01</h2>
</div>
<div>
<div id="pro2" class="con">
<h2>project02</h2>
</div>
<div>
<div id="pro3" class="con">
<h2>project03</h2>
</div>
</div>
</body>
</html> 굴팁: XEICON : https://xpressengine.github.io/XEIcon/