<![CDATA[
<p><br><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 charset="UTF-8" /> </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>Camping Gear Website | CodingNepal</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>    <!-- Fontawesome Link for Icons --> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <link rel="stylesheet" href="<a href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css</a>"> </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>     </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><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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>html { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  scroll-behavior: smooth; </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>body { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #f2f2f2; </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>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>  z-index: 5; </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>  display: flex; </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>  background: #333; </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>.navbar { </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>  padding: 0 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  max-width: 1200px; </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>  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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar input#menu-toggler { </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar #hamburger-btn { </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>  display: none; </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>.navbar .all-links { </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.navbar .all-links li { </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>  list-style: none; </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>.navbar .logo a { </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>  margin-left: 0; </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>header a, footer a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-left: 40px; </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>  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>  padding: 20px 0; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  display: inline-block; </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>header a:hover, footer a:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #ddd; </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>.homepage { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  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>  position: relative; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: url("images/home-bg.jpg"); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-position: center 65%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-size: cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background-attachment: fixed; </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>.homepage::before { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  content: ""; </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>  left: 0; </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>  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>  background: rgba(0, 0, 0, 0.2); </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>.homepage .content { </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>  height: 85%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  z-index: 3; </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: center; </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.homepage .content h1 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 60px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-weight: 700; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 10px; </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>.homepage .content .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 50px; </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>  font-size: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); </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>.content a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #000; </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>  text-transform: uppercase; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 18px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 0 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px 30px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 5px; </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: 2px solid #fff; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: 0.4s ease; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.content a:hover { </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>  background: rgba(255,255,255,0.3); </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>section { </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>  flex-direction: column; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 80px 0 0; </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>section h2 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 2rem; </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>section > p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </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>section .cards { </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>  flex-wrap: wrap; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  max-width: 1200px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 50px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 10px; </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>section.about { </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>  max-width: 1200px; </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>.about .company-info { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 30px; </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>.about h3 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 30px 0 10px; </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>.about .team { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: left; </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.about .team ul { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding-left: 20px; </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>section .cards .card { </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>  padding: 40px 15px; </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>  border-radius: 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.04); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 40px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: calc(100% / 3 - 30px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  text-align: center; </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>.portfolio .cards .card { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 0 20px; </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>.services .card img { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: 120px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 120px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  object-fit: cover; </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>.portfolio .card 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>  padding-bottom: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  aspect-ratio: 16 / 9; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  object-fit: cover; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border-radius: 7px; </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>.cards .card p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 15px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 5px; </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>.about .row { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 10px; </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>.contact .row { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin: 60px 0 90px; </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>  max-width: 1200px; </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>  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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>.contact .row .col { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  width: calc(100% / 2 - 50px); </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>.contact .col p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 10px; </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>.contact .col p i { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  color: #7a7a7a; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-right: 10px; </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>.contact form input { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 45px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-bottom: 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px; </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>  font-size: 16px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  outline: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 1px solid #bfbfbf; </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>.contact form textarea { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px; </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>  font-size: 16px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  height: 150px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  outline: none; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  resize: vertical; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  border: 1px solid #bfbfbf; </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>.contact form button { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  margin-top: 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 10px 20px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  font-size: 17px; </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>  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>  border-radius: 5px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  transition: 0.2s ease; </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>.contact form button:hover { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  background: #525252; </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>footer { </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>  display: flex; </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>  background: #000; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 20px 0; </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>footer div { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  padding: 0 10px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  max-width: 1200px; </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>  display: flex; </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer span { </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>footer a { </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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media screen and (max-width: 860px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .navbar .all-links { </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>    left: -100%; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: 300px; </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>    height: 100vh; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    top: 75px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    background: #333; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    transition: left 0.3s ease; </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>  .navbar #menu-toggler:checked~.all-links { </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .navbar .all-links li { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 18px; </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>  .navbar #hamburger-btn { </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  section > p { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    text-align: center; </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>  section .cards .card { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    width: calc(100% / 2 - 15px); </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin-bottom: 30px; </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>  .homepage .content h1 { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 40px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-weight: 700; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin-bottom: 10px; </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>  .homepage .content .text { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 17px; </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>  .content a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    font-size: 17px; </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    padding: 9px 20px; </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>  .contact .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>  } </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .contact .row .col { </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><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  .contact .row .col:last-child { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    margin-top: 40px; </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>  footer a { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    height: 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>} </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>@media screen and (max-width: 560px) { </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>  section .cards .card { </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-bottom: 30px; </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>     </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>    <header> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <nav class="navbar"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <h2 class="logo"><a href="#">LOGO</a></h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <input type="checkbox" id="menu-toggler"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <label for="menu-toggler" id="hamburger-btn"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <svg xmlns="<a href="http://www.w3.org/2000/svg" target="_blank" class="ke-link">http://www.w3.org/2000/svg</a>" viewBox="0 0 24 24" fill="white" width="24px" height="24px"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <path d="M0 0h24v24H0z" fill="none"/> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <path d="M3 18h18v-2H3v2zm0-5h18V11H3v2zm0-7v2h18V6H3z"/> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </svg> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </label> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <ul class="all-links"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li><a href="#home">Home</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li><a href="#services">Services</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li><a href="#portfolio">Portfolio</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li><a href="#about">About Us</a></li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li><a href="#contact">Contact Us</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>      </nav> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </header> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <section class="homepage" id="home"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <div class="content"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="text"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h1>Camping Gear and Essentials</h1> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            Discover top-quality camping gear for unforgettable outdoor adventures. <br> Gear up and make lasting memories.</p> </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>        <a href="#services">Our Services</a> </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>    </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <section class="services" id="services"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <h2>Our Services</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <p>Explore our wide range of camping gear services.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <ul class="cards"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/tents.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Tents</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Experience comfort and protection with our high-quality camping tents.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/bags.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Sleeping Bags</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Stay cozy and warm during your camping trips with our premium sleeping bags.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/stoves.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Camp Stoves</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Cook delicious meals in the great outdoors with our reliable camp stoves.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/backpacks.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Backpacks</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Carry your essentials comfortably with our durable and functional camping backpacks.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/chair.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Camp Chairs</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Relax and unwind in style with our comfortable and portable camping chairs.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/light.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Camp Lights</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Illuminate your campsite with our reliable and energy-efficient camping lights.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </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>    </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <section class="portfolio" id="portfolio"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <h2>Our Portfolio</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <p>Take a look at some of our memorable camping adventures.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <ul class="cards"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/camping-1.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Mountain Hiking</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Embark on an exhilarating hiking adventure in the breathtaking mountain ranges.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/camping-2.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Lakeside Camping</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Enjoy a tranquil camping experience by the serene shores of picturesque lakes.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/camping-3.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Beach Camping</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Escape to sandy beaches and camp under the starry sky by the crashing waves.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/camping-4.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Forest Exploration</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Discover the wonders of lush forests and immerse yourself in nature's beauty.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/camping-5.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>RV Camping</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Experience the freedom of road trips and camping adventures with our RV rentals.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <li class="card"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <img src="images/camping-6.jpg" alt="img"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <h3>Desert Camping</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <p>Embark on a unique desert camping experience and witness stunning landscapes.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </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>    </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <section class="about" id="about"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <h2>About Us</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <p>Discover our story in providing camping services.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <div class="row company-info"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <h3>Our Story</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <p>Experience the excellence of our camping gear and services, where we have been offering high-quality camping essentials and gear for outdoor enthusiasts for over a decade. Our commitment to quality and customer satisfaction ensures that every adventurer can rely on us for their camping needs.</p> </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="row mission-vision"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <h3>Our Mission</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <p>At Camping Gear Experts, our mission is to equip outdoor enthusiasts with top-notch camping gear and essentials that enhance their outdoor experiences. We strive to provide reliable, durable, and innovative products that contribute to memorable adventures and lasting memories.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <h3>Our Vision</h3> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <p>Our vision is to become the go-to destination for camping enthusiasts, known for our extensive selection of premium camping gear and exceptional customer service. We aspire to inspire and enable people to embrace the beauty of nature and create unforgettable camping experiences.</p> </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="row team"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <h3>Our Team</h3> </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>          <li>John Doe - Founder and CEO</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li>Jane Smith - Gear Specialist</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li>Mark Johnson - Customer Representative</li> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <li>Sarah Brown - Operations Manager</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>      </div> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <section class="contact" id="contact"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <h2>Contact Us</h2> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <p>Reach out to us for any inquiries or feedback.</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>      <div class="row"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <div class="col information"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <div class="contact-details"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-map-marker-alt"></i> 123 Campsite Avenue, Wilderness, CA 98765</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-envelope"></i> info@campinggearexperts.com</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-phone"></i> (123) 456-7890</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-clock"></i> Monday - Friday: 9:00 AM - 5:00 PM</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-clock"></i> Saturday: 10:00 AM - 3:00 PM</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-clock"></i> Sunday: Closed</p> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <p><i class="fas fa-globe"></i> <a href="http://www.codingnepalweb.com" target="_blank" class="ke-link">http://www.codingnepalweb.com</a> </p> </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="col form"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          <form> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <input type="text" placeholder="Name*" required> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <input type="email" placeholder="Email*" required> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <textarea placeholder="Message*" required></textarea> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <button id="submit" type="submit">Send Message</button> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>          </form> </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>    </section> </b></span><br><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>    <footer> </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>        <span>Copyright © 2023 All Rights Reserved</span> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        <span class="link"> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <a href="#">Home</a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>            <a href="#contact">Contact</a> </b></span><br><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>        </span> </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>    </footer> </b></span><br><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> </p><p> </p><p> </p><p> </p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>웹페이지 만들기  <a href="https://www.codingnepalweb.com/create-responsive-custom-website-html-css/" target="_blank" class="ke-link">https://www.codingnepalweb.com/create-responsive-custom-website-html-css/</a></b></span></p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b><a href="https://www.codingnepalweb.com/create-responsive-custom-website-html-css/" target="_blank" class="ke-link">https://www.codingnepalweb.com/create-responsive-custom-website-html-css/</a></b></span></p>
<!-- -->]]>
카페 게시글
검색이 허용된 게시물입니다.
◈─---… HTML 밴드홈
HTML과 CSS만을 사용하여 웹사이트를 만들어 보겠습니다
gyun님
추천 0
조회 3
23.12.31 17:47
댓글 0
다음검색
