15분만에 랜딩페이지 만들기
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>SEONG HOUSE</title>
<link rel="stylesheet" https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css">
<link rel="preconnect" https://fonts.googleapis.com">
<link rel="preconnect" https://fonts.googleapis.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;600&display\swap"
rel="stylesheet">
<style>
*{margin: 0; padding: 0; box-sizing: border-box; font-family: Montserrat; }
li{list-style: none;}
a{text-decoration: none; color: inherit; }
img{vertical-align: top; }
</style>
</head>
<body>
<div class="wrap">
<header>
<h1><i class=" xi-emoticon-smiley-o" xi-spin">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><source src="img/aurora2.mp4" type="video/mp4">
</video>
</div>
<div id="pro1" class="con">
<h2>Project01</h2>
</div>
<div id="pro1" class="con">
<h2>Project02</h2>
</div>
<div id="pro1" class="con">
<h2>Project03</h2>
</div
</div>
</body>
</html>
https://static.wixstatic.com/media/b0e508_cb0bdab73e584cf3b77d6afced2ea928~mv2.png/v1/fill/w_980,h_702,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/New_Emoji_10.png
xeicon https://xpressengine.github.io/XEIcon/
<h1><i class=" xi-emoticon-smiley-o" xi-spin">Mini Portfolio</h1>
https://www.youtube.com/watch?v=j-ZJDETyh-o&list=PLqUdVJG04WRYfWwtc4hMG1psBT7wnkW2U&index=6
첫댓글 https://xpressengine.github.io/XEIcon/
https://www.youtube.com/watch?v=JOGXTcohLf4
PLAY