<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>html tag 홈피 A</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="https://www.codingnepalweb.com/make-simple-responsive-website-html-css/" target="_blank" class="ke-link">https://www.codingnepalweb.com/make-simple-responsive-website-html-css/</a></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!DOCTYPE html> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><!-- Coding by CodingNepal || <a href="http://www.codingnepalweb.com" target="_blank" class="ke-link">http://www.codingnepalweb.com</a> --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><html lang="en"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <title>Simple Responsive Website in HTML CSS</title> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="style.css" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <script src="../custom-scripts.js" defer></script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    /* Import Google font - Poppins */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@import‎ url("<a href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap</a>"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>* { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-sizing: border-box; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-family: "Poppins", sans-serif; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>main { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #6610f2; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.container { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  max-width: 1300px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0 auto; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>header { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  top: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  left: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 1000; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.nav { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 60px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.nav_logo { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.menu_items { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  list-style: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  gap: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-decoration: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/* Hero */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  min-height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: url(images/bg-dot.png), url(images/bg-dot.png), url(images/bg-round.png), url(images/bg-tree.png); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-position: 10px 10px, bottom 215px right 10px, left 55% top -1%, left 45% bottom -1px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-repeat: no-repeat; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.curveImg { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  bottom: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  pointer-events: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero .row { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  align-items: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  min-height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 60px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  gap: 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  justify-content: space-between; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero .row h2, </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero .row p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero .row h2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 36px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 16px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero .column { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 50%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.buttons { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: flex; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 25px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  gap: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.btn { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 14px 26px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 50px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: all 0.3s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.btn:last-child { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 2px solid #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: transparent; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.btn:last-child:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.hero_img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 10; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>#menu_toggle { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>/* Reponsive */ </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (width < 860px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  #menu_toggle { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    display: block; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .nav { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 0 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background-color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .menu_items { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: fixed; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    top: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 260px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background-color: #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    height: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    left: -100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 50px 30px 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    flex-direction: column; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    transition: all 0.5s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .showMenu .menu_items { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    left: 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    color: #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  #menu_toggle { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    cursor: pointer; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .menu_items #menu_toggle { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    position: absolute; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    top: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    right: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .hero { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding-top: 130px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .hero .row { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    flex-direction: column; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 0 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .hero .row .column { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>} </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media (width < 600px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .hero { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding-top: 80px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .hero .row h2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 26px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .buttons { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    justify-content: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .btn { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 10px 16px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>     </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </style> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </head> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  <body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <main> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Header Start --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <nav class="nav container"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h2 class="nav_logo"><a href="#">CodingNepal</a></h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <ul class="menu_items"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <img src="images/times.svg" alt="timesicon" id="menu_toggle" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#" class="nav_link">Home</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#" class="nav_link">About</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#" class="nav_link">Service</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#" class="nav_link">Project</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <li><a href="#" class="nav_link">Contact</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </ul> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/bars.svg" alt="timesicon" id="menu_toggle" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Header End --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Hero Start --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <section class="hero"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="row container"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="column"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <h2>Top free tool and extension to <br />radiply grow you business</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Perferendis, architecto? Consectetur enim obcaecati velit quibusdam iure, perspiciatis accusantium, voluptatibus possimus cum voluptates dolorum optio ab vitae. Praesentium voluptas quia voluptates at aperiam aliquid vitae autem!</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <div class="buttons"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <button class="btn">Read More</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>              <button class="btn">Contact Us</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="column"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <img src="images/hero.png" alt="heroImg" class="hero_img" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <img src="images/bg-bottom-hero.png" alt="" class="curveImg" /> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      </section> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <!-- Hero End--> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </main> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      const header = document.querySelector("header"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      const menuToggler = document.querySelectorAll("#menu_toggle"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      menuToggler.forEach(toggler => { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        toggler.addEventListener("click", () => header.classList.toggle("showMenu")); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      }); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </script> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  </body> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b></html></b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>톡톡 html tag</b></span></p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b> <br>      <a href="#"  class="link_item theme_background _btnFloating" data-cid="" data-type="talkFriend" data-data="" data-name="톡톡친구"> <br>        <span class="icon icon44"></span><span class="text">톡톡친구</span> <br>      </a> <br>    </li></b></span></p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size20"><b>html tag</b></span></p>
<!-- -->
]]>
첫댓글 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default
godqhrgksrkwhr.modoo.at/?link=...