How I Built a Complete Website Using ChatGPT

<div class="figure-html" data-ke-type="html" data-source="<iframe width="560" height="315" src="https://www.youtube.com/embed/zEngh-u4CX0?si=r6vXbdxhmQaONZkS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>"><div data-ke-class="article"><iframe width="560" height="315" src="https://www.youtube.com/embed/zEngh-u4CX0?si=r6vXbdxhmQaONZkS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></div>How I Built a Complete Website Using ChatGPT | Make Website Easily With AI  <!DOCTYPE html>          <html lang="KO"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Card Website</title>     <link rel="stylesheet" href="style.css"> </head> <body>       <header>             <nav>                  <img src="images/logo.png" alt="Company Logo">             <ul>                   <li><a href="top">Home</a></li>                  <li><a href="about">About</a></li>                  <li><a href="services">Services</a></li>                  <li><a href="contact">Contact</a></li>             </ul>         </nav></header><main>    <section id="services">          <h2>Our Services</h2>          <div  class="service">              <img src="images/pic-1.png" alt="Service 1">              <h3>Service 1</h3>              Lorem ipsum dolor sit amet, consectetur adipiscing elit.         </div>          <div class="service>         <img src="images/pic-2.png" alt=Service 2">         <h3>Service 2</h3>          Lorem ipsum dolor sit amet, consectetur adipiscing elit.     </div>        <div class="service>             <img src="images/pic-3.png" alt=Service 3">             <h3>Service 3</h3>            Lorem ipsum dolor sit amet, consectetur adipiscing elit.      </div>    </section>    index_CSS5 menu tag*{    margin: 0;    padding: 0;   box-sizing: border-box;}body {        font-family: Arial, sans-serif;   08}header {     background-image: url('image-1.png');    background-size: cover;    background-position: center;    color: #fff;display: flex;    flex-direction: column;    align-items: centent: center;    justify-centent: center;    height: 100vh;    text-align: center;} headert h1 {     font-size: 3rem;     margin: 0;                    22} header a.cta {     background-color: #fff;    border: 1px solid #333;    padding: 0.5rem 1rem;    text-decoration: none;     35}header a.cta:hover {            41     background-color: #$333;     color: #fff;     cursor: pointer;}nav { display: flex; justify-centent: space-between; align-items: center; margin-bottom: 2rem; position: absolute; top: 0; width: 100%;  padding:  20px 7;} nav ul {    display: flex;    list-style: none;    margin: 0;     padding: 0;           60} section input[type="text"],     108 section input[type="email"], section textarea {width: 100%;padding: 1rem;font-size: 1.1rem;margin-bottom: 1rem;border-radius: 5px;border: none;outline: none;background: #f2f2f2;} section button[type="submit"] {  background-color: #333;  color: #fff;  padding: 1rem border-radius: 5px; cursor: pointer; transition: all 0.25; width: 100%;} section button[type="submit"]:hover {   background-color: #fff; { <------------------------section button['type="submit"] {        121   background-color: #001372e;   color: #fff;   padding: 1rem;   border: none;   border-radius: 40px;   cursor: pointer;   transition: all 0.25;   width: 100%;}  footer {   background-color: #00137e;        134   color: #fff;  display; flex;  justify-content: conter;  padding: 1rem 0;  text-align: center;  }   footer p {     font-size: 1.5rpm;     margin: 0;}footer a {    color: #$fff;    margin: left: 1rem;    149} 꿀팁 HTML tag                                       Get in Touch Get in touch width us tyorderr                  <div class="main">                         <div class="navbar">                                 <div class="icon">            <ul>                                        <h2 class="logo">SEONGGYUN님 홈피</h2>                         </div>                          <div class="menu">      How I Built a Complete Website Using ChatGPT | Make Website Easily With AI