<![CDATA[
<p><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18"><!DOCTYPE html> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18"><html lang="en" dir="ltr"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  <head> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <meta charset="utf-8"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <meta name="viewport" content="width=device-width, initial-scale=1.0"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <title>Responsive Website Landing Page Design</title> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <link rel="stylesheet" href="style.css"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <link rel="stylesheet" href="<a href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.min.css</a>"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <style> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">     </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    @import‎ url('<a href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');</a></span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">*{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  padding: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  box-sizing: border-box; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-family: "Poppins", sans-serif; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">section{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  position: relative; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  width: 100%; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  min-height: 100vh; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  display: flex; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  flex-direction: column; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  justify-content: flex-start; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  background: url(bg.jpg)no-repeat; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  background-size: cover; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  background-position: center; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">header{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  position: relative; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  top: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  width: 100%; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  padding: 30px 100px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  display: flex; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  justify-content: space-between; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  align-items: center; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">header .logo{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  position: relative; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  color: #000; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-size: 30px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  text-decoration: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  text-transform: uppercase; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-weight: 800; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  letter-spacing: 1px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">header .navigation a{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  color: #000; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  text-decoration: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-weight: 500; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  letter-spacing: 1px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  padding: 2px 15px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  border-radius: 20px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transition: 0.3s; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transition-property: background; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">header .navigation a:not(:last-child){ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin-right: 30px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">header .navigation a:hover{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  background: #fff; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.content{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  max-width: 650px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin: 60px 100px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.content .info h2{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  color: #226A80; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-size: 55px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  text-transform: uppercase; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-weight: 800; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  letter-spacing: 2px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  line-height: 60px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin-bottom: 30px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.content .info h2 span{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  color: #fff; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-size: 50px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-weight: 600; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.content .info p{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-size: 16px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-weight: 500; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin-bottom: 40px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.content .info-btn{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  color: #fff; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  background: #226A80; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  text-decoration: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  text-transform: uppercase; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-weight: 500; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  letter-spacing: 2px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  padding: 10px 20px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  border-radius: 5px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transition: 0.3s; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transition-property: background; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.content .info-btn:hover{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  background: #0C4F60; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.media-icons{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  display: flex; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  justify-content: center; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  align-items: center; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin: auto; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.media-icons a{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  position: relative; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  color: #111; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  font-size: 25px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transition: 0.3s; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transition-property: transform; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.media-icons a:not(:last-child){ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  margin-right: 60px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">.media-icons a:hover{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  transform: scale(1.5); </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">label{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  display: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">#check{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  z-index: 3; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  display: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">/* Responsive styles */ </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">@media (max-width: 960px){ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  header .navigation{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    display: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  label{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    display: block; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 25px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    cursor: pointer; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    transition: 0.3s; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    transition-property: color; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  label:hover{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    color: #fff; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  label .close-btn{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    display: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  #check:checked ~ header .navigation{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    z-index: 2; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    position: fixed; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    background: rgba(114, 223, 255, 0.9); </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    top: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    bottom: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    left: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    right: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    display: flex; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    flex-direction: column; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    justify-content: center; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    align-items: center; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  #check:checked ~ header .navigation a{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-weight: 700; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    margin-right: 0; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    margin-bottom: 50px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    letter-spacing: 2px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  #check:checked ~ header label .menu-btn{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    display: none; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  #check:checked ~ header label .close-btn{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    z-index: 2; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    display: block; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    position: fixed; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  label .menu-btn{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    position: absolute; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  header .logo{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    position: absolute; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    bottom: -6px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  .content .info h2{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 45px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    line-height: 50px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  .content .info h2 span{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 40px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-weight: 600; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  .content .info p{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 14px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">@media (max-width: 560px){ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  .content .info h2{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 35px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    line-height: 40px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  .content .info h2 span{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 30px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-weight: 600; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  .content .info p{ </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    font-size: 14px; </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  } </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">} </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">       </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">     </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">     </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    </style> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  </head> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  <body> </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    <section> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">      <header> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        <h2><a href="#" class="logo">Logo</a></h2> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        <div class="navigation"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <a href="#">Home</a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <a href="#">About</a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <a href="#">Info</a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <a href="#">Services</a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <a href="#">Contact</a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        </div> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">      </header> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">      <div class="content"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        <div class="info"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <h2>Like Nature <br><span>Be Creative!</span></h2> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">          <a href="#" class="info-btn">More Info</a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        </div> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">      </div> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">      <div class="media-icons"> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        <a href="#"><i class="fab fa-facebook-f"></i></a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        <a href="#"><i class="fab fa-twitter"></i></a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">        <a href="#"><i class="fab fa-instagram"></i></a> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">      </div> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">    </section> </span></b></span><br><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">  </body> </span></b></span><br><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18"></html> </span></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18"><a href="https://www.codingsnow.com/2021/01/responsive-website-landing-page-design.html" target="_blank" class="ke-link">https://www.codingsnow.com/2021/01/responsive-website-landing-page-design.html</a></span></b></span></p><p><span style="font-family: 'Noto Serif KR';"><b><span data-ke-size="size18">hkkk</span></b></span></p>
<!-- -->
]]>
카페 게시글
♥☞코딩의 메뉴홈◈▶
html css java 메뉴
gyun님
추천 0
조회 1
24.01.30 11:11
댓글 1
다음검색
첫댓글 링커 주소 https://www.codingsnow.com/p/contact-us.html 메뉴소스 해부하기
메뉴 점검필요 https://www.freecodecamp.org/news/how-to-make-a-landing-page-with-html-css-and-javascript/