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"> https://fonts.googleapis.com"> <link rel="preconnect" https://fonts.googleapis.com" crossorigin> 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://cafe.daum.net/rmflrhzheld/bgU5/7
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://amango.tistory.com/110
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
https://cafe.daum.net/GKFDYDLF/bbc7/5