<![CDATA[
<p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>A 메뉴   P 클F메뉴 </b></span></p><p><br><a href="https://cafe.daum.net/TJaajahxmdhk/bpXm/1" target="_blank" class="ke-link">https://cafe.daum.net/TJaajahxmdhk/bpXm/1</a><br><span data-ke-size="size18">  </span><br><br><br><span data-ke-size="size18">e </span><br><span data-ke-size="size18">index.html </span><br><br><span data-ke-size="size18"><!DOCTYPE html> </span><br><span data-ke-size="size18"><html lang="en"> </span><br><span data-ke-size="size18"><head> </span><br><span data-ke-size="size18">    <meta charset="UTF-8"> </span><br><span data-ke-size="size18">    <meta http-equiv="X-UA-Compatible" content="IE=edge"> </span><br><span data-ke-size="size18">    <meta name="viewport" content="width=device-width, initial-scale=1.0"> </span><br><span data-ke-size="size18">    <title> Raju Sheoran - Frontend Web Developer </title> </span><br><span data-ke-size="size18">    <link rel="icon" type="image/x-icon" href="./Images/favicon.png"> </span><br><span data-ke-size="size18">    <link rel="stylesheet" href="style.css"> </span><br><span data-ke-size="size18">    <link rel="stylesheet" media="screen and (max-width: 821px)" href="responsive.css"> </span><br><span data-ke-size="size18">    <link rel="stylesheet" href="<a href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" target="_blank" class="ke-link">https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css</a>"> </span><br><span data-ke-size="size18">    <style> </span><br><span data-ke-size="size18">     </span><br><span data-ke-size="size18">    @import‎‎ url('<a href="https://fonts.googleapis.com/css2?family=Roboto:wght@500&family=Ubuntu:wght@300;500;700&display=swap');" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Roboto:wght@500&family=Ubuntu:wght@300;500;700&display=swap');</a></span><br><span data-ke-size="size18">@import‎‎ url('<a href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Roboto:wght@500&family=Ubuntu:wght@300;500;700&display=swap');" target="_blank" class="ke-link">https://fonts.googleapis.com/css2?family=Poppins:wght@300&family=Roboto:wght@500&family=Ubuntu:wght@300;500;700&display=swap');</a></span><br><br><span data-ke-size="size18">body { </span><br><span data-ke-size="size18">    background-color: #1f1f38; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">* { </span><br><span data-ke-size="size18">    margin: 0px; </span><br><span data-ke-size="size18">    padding: 0px; </span><br><span data-ke-size="size18">    box-sizing: border-box; </span><br><span data-ke-size="size18">    font-family: 'Ubuntu', sans-serif; </span><br><span data-ke-size="size18">    scroll-behavior: smooth; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#navbar { </span><br><span data-ke-size="size18">    line-height: 4rem; </span><br><span data-ke-size="size18">    position: sticky; </span><br><span data-ke-size="size18">    top: 0; </span><br><span data-ke-size="size18">    left: 0; </span><br><span data-ke-size="size18">    z-index: 100; </span><br><span data-ke-size="size18">    border-bottom: .5px solid #ffffff52; </span><br><span data-ke-size="size18">    border-width: 80%; </span><br><span data-ke-size="size18">    margin-bottom: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#navbar ul { </span><br><span data-ke-size="size18">    list-style: none; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#navbar ul li { </span><br><span data-ke-size="size18">    margin: 0px 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#navbar ul li a { </span><br><span data-ke-size="size18">    text-decoration: none; </span><br><span data-ke-size="size18">    padding: 0.5rem 0.9rem; </span><br><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.right { </span><br><span data-ke-size="size18">    display: none; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.checkBtn { </span><br><span data-ke-size="size18">    display: none; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#check { </span><br><span data-ke-size="size18">    display: none; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.nav-col a:hover { </span><br><span data-ke-size="size18">    border-radius: .4rem; </span><br><span data-ke-size="size18">    color: #1f1f38; </span><br><span data-ke-size="size18">    background-color: #fff; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">/* Home Section */ </span><br><span data-ke-size="size18">.home-left, </span><br><span data-ke-size="size18">.home-right { </span><br><span data-ke-size="size18">    width: 48%; </span><br><span data-ke-size="size18">    padding: 2rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.home-right { </span><br><span data-ke-size="size18">    padding: 0; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.home-left h6, </span><br><span data-ke-size="size18">h4 { </span><br><span data-ke-size="size18">    color: hsl(240deg 8% 43%); </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    margin-left: 3px; </span><br><span data-ke-size="size18">    font-size: 1.2rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.home-left h1 { </span><br><span data-ke-size="size18">    font-size: 2.5rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.home-right { </span><br><span data-ke-size="size18">    position: relative; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.home-right img { </span><br><span data-ke-size="size18">    position: absolute; </span><br><span data-ke-size="size18">    width: 100%; </span><br><span data-ke-size="size18">    left: 0; </span><br><span data-ke-size="size18">    top: 0; </span><br><span data-ke-size="size18">    background-size: cover; </span><br><span data-ke-size="size18">    border-radius: 62%; </span><br><span data-ke-size="size18">    height: 100%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.circle { </span><br><span data-ke-size="size18">    width: 17rem; </span><br><span data-ke-size="size18">    height: 17rem; </span><br><span data-ke-size="size18">    border-radius: 50%; </span><br><span data-ke-size="size18">    padding: .5rem; </span><br><span data-ke-size="size18">    position: relative; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">/* About Section */ </span><br><span data-ke-size="size18">.about-left, </span><br><span data-ke-size="size18">.about-right { </span><br><span data-ke-size="size18">    width: 48%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.about-right { </span><br><span data-ke-size="size18">    padding-right: 4rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.aboout-left { </span><br><span data-ke-size="size18">    position: relative; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.about-left img { </span><br><span data-ke-size="size18">    width: 90%; </span><br><span data-ke-size="size18">    border-radius: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.about-content p { </span><br><span data-ke-size="size18">    margin-bottom: 2rem; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">/* Skills */ </span><br><span data-ke-size="size18">#skills { </span><br><span data-ke-size="size18">    margin-top: 3rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.skills-left { </span><br><span data-ke-size="size18">    width: 50%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.skills-left img { </span><br><span data-ke-size="size18">    width: 70%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.skills-right { </span><br><span data-ke-size="size18">    width: 50%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.skillss-container { </span><br><span data-ke-size="size18">    width: 100%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.html { </span><br><span data-ke-size="size18">    width: 90%; </span><br><span data-ke-size="size18">    height: .5rem; </span><br><span data-ke-size="size18">    background-color: #e54c21; </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    border-radius: 12px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.css { </span><br><span data-ke-size="size18">    width: 80%; </span><br><span data-ke-size="size18">    height: .5rem; </span><br><span data-ke-size="size18">    background-color: #00a0e4; </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    border-radius: 12px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.js { </span><br><span data-ke-size="size18">    width: 65%; </span><br><span data-ke-size="size18">    height: .5rem; </span><br><span data-ke-size="size18">    background-color: yellow; </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    border-radius: 12px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.bootstrap { </span><br><span data-ke-size="size18">    width: 50%; </span><br><span data-ke-size="size18">    height: .5rem; </span><br><span data-ke-size="size18">    background-color: #7952b3; </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    border-radius: 12px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.reactjs { </span><br><span data-ke-size="size18">    width: 30%; </span><br><span data-ke-size="size18">    height: .5rem; </span><br><span data-ke-size="size18">    background-color: #61dafb; </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    border-radius: 12px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.learning { </span><br><span data-ke-size="size18">    width: 100%; </span><br><span data-ke-size="size18">    height: .5rem; </span><br><span data-ke-size="size18">    background-color: #61dbfb; </span><br><span data-ke-size="size18">    margin: 1rem 0; </span><br><span data-ke-size="size18">    border-radius: 12px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.bar { </span><br><span data-ke-size="size18">    margin: 2rem 0; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.bar-content { </span><br><span data-ke-size="size18">    position: absolute; </span><br><span data-ke-size="size18">    bottom: 10px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.left { </span><br><span data-ke-size="size18">    left: 0; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.right-skills { </span><br><span data-ke-size="size18">    right: 0; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">/* Services Container */ </span><br><span data-ke-size="size18">.services-container { </span><br><span data-ke-size="size18">    margin: auto; </span><br><span data-ke-size="size18">    overflow: hidden; </span><br><span data-ke-size="size18">    width: 80%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.test-item { </span><br><span data-ke-size="size18">    width: 20rem; </span><br><span data-ke-size="size18">    margin: 0 2rem; </span><br><span data-ke-size="size18">    background: #2c2c6c; </span><br><span data-ke-size="size18">    border: .5px solid #2c2c6c; </span><br><span data-ke-size="size18">    border-radius: 1.5rem; </span><br><span data-ke-size="size18">    padding: 2rem 1rem; </span><br><span data-ke-size="size18">    text-align: center; </span><br><span data-ke-size="size18">    transition: all .5s; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.test-item:hover { </span><br><span data-ke-size="size18">    background-color: transparent; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.test-item img { </span><br><span data-ke-size="size18">    margin-bottom: 1.3rem; </span><br><span data-ke-size="size18">    width: 80%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.test-item h1 { </span><br><span data-ke-size="size18">    font-size: 1.2rem; </span><br><span data-ke-size="size18">    margin-bottom: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.services li .fa-solid { </span><br><span data-ke-size="size18">    font-size: 2rem; </span><br><span data-ke-size="size18">    color: white; </span><br><span data-ke-size="size18">    margin-bottom: 1.3rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.test-item p { </span><br><span data-ke-size="size18">    line-height: 20px; </span><br><span data-ke-size="size18">    font-size: .9rem; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">/* Projects Section */ </span><br><span data-ke-size="size18">.projects-container { </span><br><span data-ke-size="size18">    justify-content: center; </span><br><span data-ke-size="size18">    align-items: center; </span><br><span data-ke-size="size18">    margin: auto; </span><br><span data-ke-size="size18">    flex-wrap: wrap; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.image-container { </span><br><span data-ke-size="size18">    bottom: 2rem; </span><br><span data-ke-size="size18">    height: 10rem; </span><br><span data-ke-size="size18">    position: relative; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.image-container img { </span><br><span data-ke-size="size18">    border-radius: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.image-container .p-one { </span><br><span data-ke-size="size18">    width: 200px; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.p-three { </span><br><span data-ke-size="size18">    background: url('project.png'); </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.p-four { </span><br><span data-ke-size="size18">    background: url('project.png'); </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.projects-item { </span><br><span data-ke-size="size18">    overflow: hidden; </span><br><span data-ke-size="size18">    width: 20rem; </span><br><span data-ke-size="size18">    margin: 1rem; </span><br><span data-ke-size="size18">    background: #2c2c6c; </span><br><span data-ke-size="size18">    border-radius: 1.5rem; </span><br><span data-ke-size="size18">    padding: 2rem 1rem; </span><br><span data-ke-size="size18">    text-align: center; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.projects-item h1 { </span><br><span data-ke-size="size18">    font-size: 1.2rem; </span><br><span data-ke-size="size18">    margin-bottom: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.projects-item p { </span><br><span data-ke-size="size18">    line-height: 20px; </span><br><span data-ke-size="size18">    font-size: .9rem; </span><br><span data-ke-size="size18">} </span><br><br><br><br><span data-ke-size="size18">/* Contact me Section */ </span><br><span data-ke-size="size18">.form { </span><br><span data-ke-size="size18">    display: flex; </span><br><span data-ke-size="size18">    width: 80%; </span><br><span data-ke-size="size18">    padding: 0 2rem; </span><br><span data-ke-size="size18">    margin: auto; </span><br><span data-ke-size="size18">    justify-content: center; </span><br><span data-ke-size="size18">    align-items: center; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.form-div input, </span><br><span data-ke-size="size18">textarea { </span><br><span data-ke-size="size18">    border: 2px solid rgba(77, 181, 255, .4); </span><br><span data-ke-size="size18">    border-radius: .5rem; </span><br><span data-ke-size="size18">    width: 100%; </span><br><span data-ke-size="size18">    margin: 0.5rem 0rem; </span><br><span data-ke-size="size18">    font-size: .9rem; </span><br><span data-ke-size="size18">    background: transparent; </span><br><span data-ke-size="size18">    margin: 0.5rem 0rem; </span><br><span data-ke-size="size18">    padding: 0.5rem 1rem; </span><br><span data-ke-size="size18">    color: white; </span><br><span data-ke-size="size18">    resize: none; </span><br><span data-ke-size="size18">} </span><br><br><br><br><span data-ke-size="size18">/* Footer Section  */ </span><br><span data-ke-size="size18">#footer { </span><br><span data-ke-size="size18">    background-color: #4db5ff; </span><br><span data-ke-size="size18">    padding: 2rem; </span><br><span data-ke-size="size18">    padding-bottom: 4rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">ul li { </span><br><span data-ke-size="size18">    list-style: none; </span><br><span data-ke-size="size18">    margin: 0 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">ul li a { </span><br><span data-ke-size="size18">    text-decoration: none; </span><br><span data-ke-size="size18">    font-size: 1.2rem; </span><br><span data-ke-size="size18">    color: #1f1f38; </span><br><span data-ke-size="size18">    transition: all .5s; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">ul li a:hover { </span><br><span data-ke-size="size18">    color: #fff; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">.font-awesome { </span><br><span data-ke-size="size18">    margin: 1.1rem auto; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.font-awesome li i { </span><br><span data-ke-size="size18">    background-color: #1f1f38; </span><br><span data-ke-size="size18">    padding: 0.6rem; </span><br><span data-ke-size="size18">    border: 1px solid #1f1f38; </span><br><span data-ke-size="size18">    color: #fff; </span><br><span data-ke-size="size18">    border-radius: 0.5rem; </span><br><span data-ke-size="size18">    cursor: pointer; </span><br><span data-ke-size="size18">    transition: all .4s ease-in-out; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.font-awesome li i:hover { </span><br><span data-ke-size="size18">    border: 1px solid #1f1f38; </span><br><span data-ke-size="size18">    border-radius: .5rem; </span><br><span data-ke-size="size18">    background: transparent; </span><br><span data-ke-size="size18">    color: #1f1f38; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#footer p { </span><br><span data-ke-size="size18">    color: #1f1f38; </span><br><span data-ke-size="size18">    font-size: .9srem; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">/* Scroll Top */ </span><br><span data-ke-size="size18">#scroll-top { </span><br><span data-ke-size="size18">    background-color: #4db5ff; </span><br><span data-ke-size="size18">    color: #151527; </span><br><span data-ke-size="size18">    padding: 9px; </span><br><span data-ke-size="size18">    border-radius: 9px; </span><br><span data-ke-size="size18">    width: 35px; </span><br><span data-ke-size="size18">    height: 35px; </span><br><span data-ke-size="size18">    position: fixed; </span><br><span data-ke-size="size18">    bottom: 1rem; </span><br><span data-ke-size="size18">    right: 4%; </span><br><span data-ke-size="size18">    font-size: 1rem; </span><br><span data-ke-size="size18">    display: flex; </span><br><span data-ke-size="size18">    justify-content: center; </span><br><span data-ke-size="size18">    align-items: center; </span><br><span data-ke-size="size18">    cursor: pointer; </span><br><span data-ke-size="size18">    z-index: 2000; </span><br><span data-ke-size="size18">} </span><br><br><br><br><span data-ke-size="size18">/* Bottom Navigator */ </span><br><span data-ke-size="size18">#bottom { </span><br><span data-ke-size="size18">    position: fixed; </span><br><span data-ke-size="size18">    width: 100%; </span><br><span data-ke-size="size18">    height: 6rem; </span><br><span data-ke-size="size18">    display: none; </span><br><span data-ke-size="size18">    justify-content: center; </span><br><span data-ke-size="size18">    align-items: center; </span><br><span data-ke-size="size18">    z-index: 1000; </span><br><span data-ke-size="size18">    bottom: 0rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#bottom .bottom-nav { </span><br><span data-ke-size="size18">    height: 4rem; </span><br><span data-ke-size="size18">    padding: 0 2rem; </span><br><span data-ke-size="size18">    background-color: #151527; </span><br><span data-ke-size="size18">    border-radius: 3rem; </span><br><span data-ke-size="size18">    z-index: 1000; </span><br><span data-ke-size="size18">    display: -webkit-inline-box; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#bottom .bottom-nav li { </span><br><span data-ke-size="size18">    color: #fff; </span><br><span data-ke-size="size18">    width: 3rem; </span><br><span data-ke-size="size18">    height: 3rem; </span><br><span data-ke-size="size18">    cursor: pointer; </span><br><span data-ke-size="size18">    padding: 1rem; </span><br><span data-ke-size="size18">    border-radius: 50%; </span><br><span data-ke-size="size18">    transition: all .4s ease-in-out; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#bottom .bottom-nav ul a { </span><br><span data-ke-size="size18">    text-decoration: none; </span><br><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#bottom .bottom-nav li:hover { </span><br><span data-ke-size="size18">    background-color: #4db5ff; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">#bottom .bottom-nav li:active { </span><br><span data-ke-size="size18">    background-color: #4db5ff; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.cpy-white { </span><br><span data-ke-size="size18">    color: white; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">/* Utility Classes */ </span><br><span data-ke-size="size18">.poppins { </span><br><span data-ke-size="size18">    font-family: 'Poppins', sans-serif; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.roboto { </span><br><span data-ke-size="size18">    font-family: 'Roboto', sans-serif; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.flex { </span><br><span data-ke-size="size18">    display: flex; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.s-between { </span><br><span data-ke-size="size18">    justify-content: space-between; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.s-around { </span><br><span data-ke-size="size18">    justify-content: space-around; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.s-center { </span><br><span data-ke-size="size18">    justify-content: center; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.items-center { </span><br><span data-ke-size="size18">    align-items: center; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.f-col { </span><br><span data-ke-size="size18">    flex-direction: column; </span><br><span data-ke-size="size18">} </span><br><br><br><span data-ke-size="size18">.p-relative { </span><br><span data-ke-size="size18">    position: relative; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.t-white { </span><br><span data-ke-size="size18">    color: #fff; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.bg-color { </span><br><span data-ke-size="size18">    background-color: #1f1f38; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.t-center { </span><br><span data-ke-size="size18">    text-align: center; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.my-2 { </span><br><span data-ke-size="size18">    margin: 2rem 0; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.f-2 { </span><br><span data-ke-size="size18">    font-size: 2rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.m-b-1 { </span><br><span data-ke-size="size18">    margin-bottom: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.w-50 { </span><br><span data-ke-size="size18">    width: 50%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.w-80 { </span><br><span data-ke-size="size18">    width: 80%; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.h-50 { </span><br><span data-ke-size="size18">    height: 50vh; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.mx-1 { </span><br><span data-ke-size="size18">    margin: 0 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.m-top { </span><br><span data-ke-size="size18">    margin-top: 1rem; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.m-auto { </span><br><span data-ke-size="size18">    margin: auto; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.btn { </span><br><span data-ke-size="size18">    margin-left: 0 .5rem; </span><br><span data-ke-size="size18">    font-size: 1rem; </span><br><span data-ke-size="size18">    color: #4db5ff; </span><br><span data-ke-size="size18">    cursor: pointer; </span><br><span data-ke-size="size18">    padding: 0.75rem 1.2rem; </span><br><span data-ke-size="size18">    border: 1px solid #4db5ff; </span><br><span data-ke-size="size18">    border-radius: 0.4rem; </span><br><span data-ke-size="size18">    background: transparent; </span><br><span data-ke-size="size18">    font-family: 'Poppins', sans-serif; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.buttons a, </span><br><span data-ke-size="size18">#hireme { </span><br><span data-ke-size="size18">    text-decoration: none; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.btn:hover { </span><br><span data-ke-size="size18">    color: #1f1f38; </span><br><span data-ke-size="size18">    border-color: #fff; </span><br><span data-ke-size="size18">    background-color: #fff; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">.live { </span><br><span data-ke-size="size18">    color: #1f1f38; </span><br><span data-ke-size="size18">    background-color: #4db5ff; </span><br><span data-ke-size="size18">} </span><br><br><span data-ke-size="size18">     </span><br><span data-ke-size="size18">     </span><br><span data-ke-size="size18">     </span><br><span data-ke-size="size18">    </style> </span><br><span data-ke-size="size18"></head> </span><br><span data-ke-size="size18"><body> </span><br><br><span data-ke-size="size18">    <!-- Navbar Section --> </span><br><span data-ke-size="size18">    <nav id="navbar" class="flex s-around bg-color"> </span><br><span data-ke-size="size18">        <div class="left-nav"> </span><br><span data-ke-size="size18">            <h2 class="t-white">Raju Sheoran</h2> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">        <div class="right-nav"> </span><br><span data-ke-size="size18">            <ul class="flex"> </span><br><span data-ke-size="size18">                <li><a href="#home" class="t-white roboto">Home</a></li> </span><br><span data-ke-size="size18">                <li><a href="#about" class="t-white roboto">About Me</a></li> </span><br><span data-ke-size="size18">                <li><a href="#skills" class="t-white roboto">Skills</a></li> </span><br><span data-ke-size="size18">                <li><a href="#services" class="t-white roboto">services</a></li> </span><br><span data-ke-size="size18">                <li><a href="#projects" class="t-white roboto">Projects</a></li> </span><br><span data-ke-size="size18">            </ul> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </nav> </span><br><br><span data-ke-size="size18">    <!-- Bottom Navigator --> </span><br><span data-ke-size="size18">    <section id="bottom"> </span><br><span data-ke-size="size18">        <div class="bottom-nav flex s-center items-center"> </span><br><span data-ke-size="size18">            <ul class="flex s-around items-center"> </span><br><span data-ke-size="size18">                <a href="#home"> </span><br><span data-ke-size="size18">                    <li class="bottomo-hover flex s-center items-center"><i class="fa-solid fa-house"></i></li> </span><br><span data-ke-size="size18">                </a> </span><br><span data-ke-size="size18">                <a href="#about"> </span><br><span data-ke-size="size18">                    <li class="bottomo-hover flex s-center items-center"><i class="fa-solid fa-user"></i></li> </span><br><span data-ke-size="size18">                </a> </span><br><span data-ke-size="size18">                <a href="#skills"> </span><br><span data-ke-size="size18">                    <li class="bottomo-hover flex s-center items-center"><i class="fa-solid fa-code"></i></li> </span><br><span data-ke-size="size18">                </a> </span><br><span data-ke-size="size18">                <a href="#services"> </span><br><span data-ke-size="size18">                    <li class="bottomo-hover flex s-center items-center"> </span><br><span data-ke-size="size18">                        <i class="fa-solid fa-rocket"></i> </span><br><span data-ke-size="size18">                    </li> </span><br><span data-ke-size="size18">                </a> </span><br><span data-ke-size="size18">            </ul> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- Home Section --> </span><br><span data-ke-size="size18">    <section id="home" class="flex s-around sw-80 m-auto"> </span><br><span data-ke-size="size18">        <div class="home-left flex items-center"> </span><br><span data-ke-size="size18">            <div class="home-content"> </span><br><span data-ke-size="size18">                <h6 class="poppinss">Hi, I'm</h6> </span><br><span data-ke-size="size18">                <h1 class="t-white">Raju Sheoran</h1> </span><br><span data-ke-size="size18">                <h4 class="poppinss">Frontend Web Developer</h4> </span><br><span data-ke-size="size18">                <a href="#" target="_blank"><button </span><br><span data-ke-size="size18">                        class="btn poppins">Resume</button></a> </span><br><span data-ke-size="size18">                <a class="btn live poppins" id="hireme" href="<a href="https://in.linkedin.com/in/raju-sheoran-b220781b8" target="_blank" class="ke-link">https://in.linkedin.com/in/raju-sheoran-b220781b8</a>" </span><br><span data-ke-size="size18">                    target="_blank">Let's Talk</a> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">        <div class="home-right flex s-center items-center"> </span><br><span data-ke-size="size18">            <div class="circle flex s-center items-center" id="mainImage"> </span><br><span data-ke-size="size18">                <!-- Here in src replace the given link with your image link --> </span><br><span data-ke-size="size18">                <img src="./Images/main.png" alt=""> </span><br><span data-ke-size="size18">            </div> </span><br><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- About Section --> </span><br><span data-ke-size="size18">    <section id="about"> </span><br><span data-ke-size="size18">        <h1 class="t-center my-2 t-white f-2">About Me</h1> </span><br><span data-ke-size="size18">        <div class="about-container flex s-around "> </span><br><span data-ke-size="size18">            <div class=" about-left flex s-center items-center"> </span><br><span data-ke-size="size18">                <!-- Here in src replade the given link with your secondary image link --> </span><br><span data-ke-size="size18">                <img src="./Images/secondary.jpg" alt="" style="width: 50%;"> </span><br><span data-ke-size="size18">            </div> </span><br><br><span data-ke-size="size18">            <div class="about-right flex"> </span><br><span data-ke-size="size18">                <div class="about-content"> </span><br><span data-ke-size="size18">                    <h1 class="t-white m-b-1 poppins">Raju Sheoran</h1> </span><br><span data-ke-size="size18">                    <p class="t-white poppins">A self-tought Frontend Web Developer BCA student looking for </span><br><span data-ke-size="size18">                        an opportunity in Web Development. <br> </span><br><span data-ke-size="size18">                        Who is committed to study web development. Mindset to fullfill the life with </span><br><span data-ke-size="size18">                        wonderful memories and knowledge.</p> </span><br><span data-ke-size="size18">                    <a class="btn live poppins" id="hireme" </span><br><span data-ke-size="size18">                        href="<a href="https://in.linkedin.com/in/raju-sheoran-b220781b8" target="_blank" class="ke-link">https://in.linkedin.com/in/raju-sheoran-b220781b8</a>">Hire Me</a> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- Skills Section --> </span><br><span data-ke-size="size18">    <section id="skills"> </span><br><span data-ke-size="size18">        <h1 class="t-center my-2 t-white f-2">Skills</h1> </span><br><span data-ke-size="size18">        <div class="services-container flex s-around h-50""> </span><br><span data-ke-size="size18">        <div class=" skills-left flex s-center items-center"> </span><br><span data-ke-size="size18">            <img src="/Images/skills.png" alt=""> </span><br><span data-ke-size="size18">        </div> </span><br><br><span data-ke-size="size18">        <div class="skills-right flex items-center"> </span><br><span data-ke-size="size18">            <div class="skillss-container"> </span><br><span data-ke-size="size18">                <div class="html bar p-relative"><span class="bar-content left t-white">HTML</span><span </span><br><span data-ke-size="size18">                        class="bar-content right-skills t-white">90%</span></div> </span><br><span data-ke-size="size18">                <div class="css bar p-relative"><span class="bar-content left t-white">CSS</span><span </span><br><span data-ke-size="size18">                        class="bar-content right-skills t-white">80%</span></div> </span><br><span data-ke-size="size18">                <div class="js bar p-relative"><span class="bar-content left t-white">JavaScript</span><span </span><br><span data-ke-size="size18">                        class="bar-content right-skills t-white">75%</span></div> </span><br><span data-ke-size="size18">                <div class="bootstrap bar p-relative"><span class="bar-content left t-white">Bootstrap</span><span </span><br><span data-ke-size="size18">                        class="bar-content right-skills t-white">50%</span></div> </span><br><span data-ke-size="size18">                <div class="reactjs bar p-relative"><span class="bar-content left t-white">ReactJs</span><span </span><br><span data-ke-size="size18">                        class="bar-content right-skills t-white">30%</span></div> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- Services Section --> </span><br><span data-ke-size="size18">    <section id="services"> </span><br><span data-ke-size="size18">        <h1 class=" t-center my-2 t-white f-2">Services</h1> </span><br><span data-ke-size="size18">        <div class="services-container flex s-center"> </span><br><span data-ke-size="size18">            <div class="test-item flex f-col items-center"> </span><br><span data-ke-size="size18">                <img src="./Images//developer.png" alt=""> </span><br><span data-ke-size="size18">                <h1 class="t-white poppins">Web Development</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">Web Development is envolving everywhere. Every startup and every bussines </span><br><span data-ke-size="size18">                    have their own websites. As my passion I will help you to build your clean and fast website for your </span><br><span data-ke-size="size18">                    startup or your bussines.</p> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">            <div class="test-item flex f-col items-center"> </span><br><span data-ke-size="size18">                <img src="./Images//social-media-management.png" alt=""> </span><br><span data-ke-size="size18">                <h1 class="t-white poppins">Social Media Management</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">Social Media is the power of future. So I'll help in developing brand </span><br><span data-ke-size="size18">                    awareness thow managing your social media handles and will to increase customer loyalty.</p> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">            <div class="test-item flex f-col items-center"> </span><br><span data-ke-size="size18">                <img src="./Images//startup.png" alt=""> </span><br><span data-ke-size="size18">                <h1 class="t-white poppins">Growth Strategies</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">As a web developer also I will help your brand to grow up . I will provide </span><br><span data-ke-size="size18">                    the growth strategies for your brand. And also help in searching techniques for your brand.</p> </span><br><span data-ke-size="size18">            </div> </span><br><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- Projects Section --> </span><br><span data-ke-size="size18">    <section id="projects"> </span><br><span data-ke-size="size18">        <h1 class=" t-center my-2 t-white f-2">Projects</h1> </span><br><span data-ke-size="size18">        <div class="projects-container flex s-center"> </span><br><span data-ke-size="size18">            <div class="projects-item flex f-col s-center items-center"> </span><br><span data-ke-size="size18">                <div class="image-container p-one"> </span><br><span data-ke-size="size18">                    <img src="./Images/weatherApp.png" alt=""> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">                <h1 class="t-white poppins">Weather App</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins"> A weather app using HTML, CSS and JavaScript. Fetch the weather from the </span><br><span data-ke-size="size18">                    openweather app using fetch api.</p> </span><br><span data-ke-size="size18">                <div class="buttons flex s-around"> </span><br><span data-ke-size="size18">                    <a href="#" </span><br><span data-ke-size="size18">                        target="_blanks" class="btn mx-1 m-top">GitHub</a> </span><br><span data-ke-size="size18">                    <a href="#" target="_blanks" class="btn m-top live">Live </span><br><span data-ke-size="size18">                        Link</a> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">            <div class="projects-item flex f-col s-center items-center"> </span><br><span data-ke-size="size18">                <div class="image-container p-one"> </span><br><span data-ke-size="size18">                    <img src="./Images/burgerKing.png" alt=""> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">                <h1 class="t-white poppins">Burger King</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">A simple landing page using HTML and CSS. This webiste is for burger shop who </span><br><span data-ke-size="size18">                    provides all the information of thir services at this landing page.</p> </span><br><span data-ke-size="size18">                <div class="buttons flex s-around"> </span><br><span data-ke-size="size18">                    <a href="#" target="_blanks" </span><br><span data-ke-size="size18">                        class="btn mx-1 m-top">GitHub</a> </span><br><span data-ke-size="size18">                    <a href="#" target="_blanks" class="btn m-top live">Live </span><br><span data-ke-size="size18">                        Link</a> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">            <div class="projects-item flex f-col s-center items-center"> </span><br><span data-ke-size="size18">                <div class="image-container p-two"> </span><br><span data-ke-size="size18">                    <img src="./Images/MBA.png" alt=""> </span><br><span data-ke-size="size18">                </div> </span><br><br><span data-ke-size="size18">                <h1 class="t-white poppins">MBA Chai Wala</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic obcaecati cum </span><br><span data-ke-size="size18">                    nemo </span><br><span data-ke-size="size18">                    recusandae voluptas ipsum.s</sp> </span><br><span data-ke-size="size18">                <div class="buttons flex s-around"> </span><br><span data-ke-size="size18">                    <a href="#" target="_blank" </span><br><span data-ke-size="size18">                        class="btn mx-1 m-top">GitHub</a> </span><br><span data-ke-size="size18">                    <a href="#" target="_blank" </span><br><span data-ke-size="size18">                        class="btn m-top live">Live Link</a> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">            <div class="projects-item flex f-col s-center items-center"> </span><br><span data-ke-size="size18">                <div class="image-container p-three"> </span><br><span data-ke-size="size18">                    <img src="./Images/magicNotes.png" alt=""> </span><br><span data-ke-size="size18">                </div> </span><br><br><span data-ke-size="size18">                <h1 class="t-white poppins">Magic Notes App</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic obcaecati cum </span><br><span data-ke-size="size18">                    nemo </span><br><span data-ke-size="size18">                    recusandae voluptas ipsum.s</p> </span><br><span data-ke-size="size18">                <div class="buttons flex s-around"> </span><br><span data-ke-size="size18">                    <a href="#" target="_blank" </span><br><span data-ke-size="size18">                        class="btn mx-1 m-top">GitHub</a> </span><br><span data-ke-size="size18">                    <a href="#" target="_blank" class="btn m-top live">Live </span><br><span data-ke-size="size18">                        Link</a> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">            <div class="projects-item flex f-col s-center items-center"> </span><br><span data-ke-size="size18">                <div class="image-container p-three"> </span><br><span data-ke-size="size18">                    <img src="./Images/login.png" alt=""> </span><br><span data-ke-size="size18">                </div> </span><br><br><span data-ke-size="size18">                <h1 class="t-white poppins">Login Form</h1> </span><br><span data-ke-size="size18">                <p class="t-white poppins">Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic obcaecati cum </span><br><span data-ke-size="size18">                    nemo </span><br><span data-ke-size="size18">                    recusandae voluptas ipsum.s</p> </span><br><span data-ke-size="size18">                <div class="buttons flex s-around"> </span><br><span data-ke-size="size18">                    <a href="#" target="_blank" </span><br><span data-ke-size="size18">                        class="btn mx-1 m-top">GitHub</a> </span><br><span data-ke-size="size18">                    <a href="#" target="_blank" class="btn m-top live">Live </span><br><span data-ke-size="size18">                        Link</a> </span><br><span data-ke-size="size18">                </div> </span><br><span data-ke-size="size18">            </div> </span><br><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- Contact Me Section --> </span><br><span data-ke-size="size18">    <section id="contact" class="m-b-1"> </span><br><span data-ke-size="size18">        <h1 class=" t-center my-2 t-white f-2">Contact Me</h1> </span><br><span data-ke-size="size18">        <div class="contact-container flex s-around items-centers"> </span><br><span data-ke-size="size18">            <div class="form" id="contactForm"> </span><br><span data-ke-size="size18">                <form action="" id="contactFrom"> </span><br><span data-ke-size="size18">                    <div class="name form-div"> </span><br><span data-ke-size="size18">                        <input type="text" name="name" id="name" class="poppins" placeholder="Enter Your Name"> </span><br><span data-ke-size="size18">                    </div> </span><br><span data-ke-size="size18">                    <div class="email form-div"> </span><br><span data-ke-size="size18">                        <input type="email" name="email" id="email" class="poppins" placeholder="Enter Your Email" </span><br><span data-ke-size="size18">                            required> </span><br><span data-ke-size="size18">                    </div> </span><br><span data-ke-size="size18">                    <div class="phone form-div"> </span><br><span data-ke-size="size18">                        <input type="phone" name="phone" id="phone" class="poppins" placeholder="Enter Your Phone" </span><br><span data-ke-size="size18">                            required> </span><br><span data-ke-size="size18">                    </div> </span><br><span data-ke-size="size18">                    <div class="textarea form-div"> </span><br><span data-ke-size="size18">                        <textarea name="text" id="textarea" cols="30" rows="10" class="poppins" </span><br><span data-ke-size="size18">                            placeholder="Enter Messages"></textarea> </span><br><span data-ke-size="size18">                    </div> </span><br><span data-ke-size="size18">                    <button type="submit" class="btn poppins" id="submit">Send</button> </span><br><span data-ke-size="size18">                </form> </span><br><span data-ke-size="size18">            </div> </span><br><span data-ke-size="size18">        </div> </span><br><span data-ke-size="size18">    </section> </span><br><br><span data-ke-size="size18">    <!-- Footer Section --> </span><br><span data-ke-size="size18">    <footer id="footer"> </span><br><span data-ke-size="size18">        <ul class="flex s-center w-80 m-auto my-2 res"> </span><br><span data-ke-size="size18">            <li><a href="#home" class="poppinss">Home</a></li> </span><br><span data-ke-size="size18">            <li><a href="#about" class="poppinss">About</a></li> </span><br><span data-ke-size="size18">            <li><a href="#skills" class="poppinss">Skills</a></li> </span><br><span data-ke-size="size18">            <li><a href="#projects" class="poppinss">Projects</a></li> </span><br><span data-ke-size="size18">            <li><a href="#portfolio" class="poppinss">Portfolio</a></li> </span><br><span data-ke-size="size18">        </ul> </span><br><span data-ke-size="size18">        <ul class="flex s-center w-80 font-awesome "> </span><br><span data-ke-size="size18">            <a href="<a href="https://in.linkedin.com/in/raju-sheoran-b220781b8" target="_blank" class="ke-link">https://in.linkedin.com/in/raju-sheoran-b220781b8</a>" target="_blank"> </span><br><span data-ke-size="size18">                <li><i class="fa-brands fa-linkedin-in"></i></li> </span><br><span data-ke-size="size18">            </a> </span><br><span data-ke-size="size18">            <a href="<a href="https://github.com/rajusheoran4" target="_blank" class="ke-link">https://github.com/rajusheoran4</a>" target="_blank"> </span><br><span data-ke-size="size18">                <li><i class="fa-brands fa-github"></i></li> </span><br><span data-ke-size="size18">            </a> </span><br><span data-ke-size="size18">            <a href="<a href="https://www.instagram.com/raju_webdev" target="_blank" class="ke-link">https://www.instagram.com/raju_webdev</a>" target="_blank"> </span><br><span data-ke-size="size18">                <li><i class="fa-brands fa-instagram"></i></li> </span><br><span data-ke-size="size18">            </a> </span><br><span data-ke-size="size18">            <a href="<a href="https://www.youtube.com/channel/UC6ScgVJbFPpHAnRdrOSJMlg" target="_blank" class="ke-link">https://www.youtube.com/channel/UC6ScgVJbFPpHAnRdrOSJMlg</a>" target="_blank"> </span><br><span data-ke-size="size18">                <li><i class="fa-brands fa-youtube"></i></li> </span><br><span data-ke-size="size18">            </a> </span><br><span data-ke-size="size18">        </ul> </span><br><span data-ke-size="size18">        <p class="t-center my-2 poppins">&copy; All Rights Reserved - <span class="cpy-white poppins">Raju </span><br><span data-ke-size="size18">                Sheoran</span></p> </span><br><br><span data-ke-size="size18">    </footer> </span><br><br><span data-ke-size="size18">    <div id="scroll-top" xxxxxxxxonclick="scrolltop()"> </span><br><span data-ke-size="size18">        <span><i class="fa-solid fa-arrow-up"></i></span> </span><br><span data-ke-size="size18">    </div> </span><br><br><span data-ke-size="size18"></body> </span><br><span data-ke-size="size18"><script src="/script.js"></script> </span><br><span data-ke-size="size18"><script> </span><br><span data-ke-size="size18">function scrolltop() { </span><br><span data-ke-size="size18">    let a = window.document; </span><br><span data-ke-size="size18">    a = location.href = '#home'; </span><br><span data-ke-size="size18">} </span><br><span data-ke-size="size18">let contact = document.getElementById('contactForm'); </span><br><span data-ke-size="size18">contact.addEventListener('submit', function (e) { </span><br><span data-ke-size="size18">    e.preventDefault(); </span><br><span data-ke-size="size18">    alert(‎‎`Sorry Request cannot be accepted due to some technical errors`); </span><br><span data-ke-size="size18">}) </span><br><br><span data-ke-size="size18"></script> </span><br><br><span data-ke-size="size18"></html> </span></p><p> </p><p> </p><p><span style="font-family: 'Noto Serif KR';" data-ke-size="size18"><b>HTML</b></span></p>
<!-- -->
]]>
첫댓글 https://cafe.daum.net/TJaajahxmdhk/bpXm/1
https://www.youtube.com/watch?v=vY7c7k8xmKE
PLAY
https://cafe.daum.net/TJaajahxmdhk/br1Z/1
https://cafe.daum.net/TJaajahxmdhk/br1Z