MAKING RESUME WEBSITE IN HTML

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

index.html  (you can change the name of file like abc.html,xyz.html)

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖


<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Personal Site</title>
  </head>

  <body>

    <fieldset>
    <table cellspacing="20">
      <tr>
        <td> <img src="images/shiv.png"  height=200px width=200px ></td>
        <td>
            <h1>SHIVAM SHARMA</h1
            <p><em>Founder of <strong><a href="http://www.codingaliens.com/">Coding Aliens</a></strong>.</em></p>
            <marquee > I am a Web Developer and <strong>ML geek</strong>. I ❤️ coffee with coding.</marquee>
            <a href="hobbies.html"><button>My Hobbies</button></a>
            <a href="contact-me.html"><button>Contact Me</button></a>

      </td>
      </tr>
    </table>

    <fieldset>
    <legend>  <h3>Books and Teaching</h3> </legend>
    <ol>
      <li>The Complete java Development</li>
      <li>The Complete Web Development</li>
      <li>Machine Learning</li>
    </ol>
    </fieldset>

    <fieldset>
    <legend>  <h3>Work Experience</h3> </legend>
    <table cellspacing="10">
      <thead>
        <tr >
          <th> <u>Dates </u></th>
          <th> <u>Work </u></th>
        </tr>
      </thead>
     <tbody>
        <tr>
          <td>2019</td>
          <td>writing a research paper on IEEE journal</td>
        </tr>
        <tr>
          <td>2018 </td>
          <td>j2EE developer at xyz</td>
        </tr>
        <tr>
          <td>2017 </td>
          <td>Physics Tutor at some private institute</td>
        </tr>
      </tbody>
    </table>
  </fieldset>

    <fieldset>
    <legend> <h3>Skills</h3> </legend>

    <table cellspacing="10">
      <tr>
        <td>Web Development</td>
        <td>⭐️⭐️⭐️⭐️⭐️</td>
      </tr>
      <tr>
        <td>Machine Learning</td>
        <td>⭐️⭐️⭐️⭐️⭐️</td>
      </tr>
      <tr>
        <td>Video Editing</td>
        <td>⭐️⭐️⭐️</td>
      </tr>
    </table>
    </fieldset>

    <fieldset>
    <legend> <h3>Research Papers</h3></legend>
    <dl>
      <dt> <a href="https://ieeexplore.ieee.org/abstract/document/8977676">Recommender Systems -The Lifeline Of The Current Streaming Zeitgeist </a></dt>
      <dd>The modern age is a peculiar anomaly wherein content is being so voraciously consumed at an astonishing pace. Netflix, Amazon Prime and the litany of streaming services have taken it upon themselves to secure exclusive deals with studios to add to their ever-growing entertainment library. But the real secret sauce behind the outrageous watching times of these platforms are recommender systems which efficiently advise the user to watch what to watch. Three contenders come into mind while describing them, Popularity based filtering system, Content Based filtering system, and collaborative based filtering system. The authors have devised a similarity-based approach which adjudges a similarity score or rather a matrix of scores between two movies or items with the help of cosine similarity (for content based as well as collaborative filtering) and the Pearson Correlation method (for collaborative filtering). These methods will be studied in depth and furthermore, there will be comparison between clustering and Euclidean distance similarity with this and the results will be displayed. Also discussed is the scenario when both types of filtering are combined.
    </dd>

    </dl>
  </fieldset>

  </fieldset>
  </body>
</html>


➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

contact.html

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Contact Me</title>   
  </head>
  <body>
  <fieldset>
    <legend>  <h1>My Contact Details</h1> </legend>
      <p>My Fictional Address</p>
      <p>077263718463</p>
      <p>myemail@gmail.com</p>
  </fieldset>

  <fieldset>
      <legend>  <h1>put your details</h1> </legend>
        <form action="/" method="post" enctype="text/plain">
          <label>Your Name:</label>
            <input type="text" name="yourName" value=""><br>
          <label>Your Email:</label>
            <input type="email" name="yourEmail" value=""><br>
          <label>Your DOB :</label>
            <input type="date"><br>
          <label>Your Message:</label><br>
            <textarea name="yourMessage" rows="10" cols="30"></textarea><br>
          <input type="submit" name="">
        </form>
  </fieldset>

    <pre>                                                                             <a href="index.html"><button> <strong>BACK</strong></button></a>
        </pre>
  </body>
</html>


➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

hobbies.html

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>My Hobbies</title>
  </head>
  <body >

    <fieldset>
  <legend><h1>My Hobbies</h1></legend>
    <ul>
      <li><a href="#">YOGA</a></li>
      <li>Martial arts</li>
      <li>Swimming</li>
      <li>Travelling</li>
      <li><a href="#">Motorcycling</a></li>
    </ul>
    <table border="1">
      <caption> <h3>Making CODING TUTORIAL videos for youtube</h3> </caption>
      <tr>
        <td>
          <embed width="320" height="315" src="https://www.youtube.com/embed/hqu8R00wg28"
              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></embed>
        </td>
        <td>
          <iframe width="660" height="315" src="https://www.youtube.com/embed/IZtbG6ycm58"
          frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </td>
        <td>
          <iframe width="320" height="315" src="https://www.youtube.com/embed/IO_sIASmM3U"
          frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </td>
      </tr>
    </table>

<br>
    <a href="index.html"><button> <strong>BACK</strong></button></a>
    </fieldset>

  </body>
</html>



Post a Comment

0 Comments