15분만에 랜딩페이지 만들기

<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/j-ZJDETyh-o?si=uCvi9Sye3giBq0KR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/j-ZJDETyh-o?si=uCvi9Sye3giBq0KR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></div>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" <a href="https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css" target="_top" class="ke-link">https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css</a>">   <link rel="preconnect" https://fonts.googleapis.com">    <link rel="preconnect" <a href="https://fonts.googleapis.com" target="_top" class="ke-link">https://fonts.googleapis.com</a>" 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>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>  <a href="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" target="_blank" class="ke-link">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</a>xeicon <a href="https://xpressengine.github.io/XEIcon/" target="_blank" class="ke-link">https://xpressengine.github.io/XEIcon/</a>  <h1>xi-emoticon-smiley-o" xi-spin">Mini Portfolio</h1>   <a href="https://www.youtube.com/watch?v=j-ZJDETyh-o&list=PLqUdVJG04WRYfWwtc4hMG1psBT7wnkW2U&index=6" target="_top" class="ke-link">https://www.youtube.com/watch?v=j-ZJDETyh-o&list=PLqUdVJG04WRYfWwtc4hMG1psBT7wnkW2U&index=6</a>