DEV Community

Alaguselvan T
Alaguselvan T

Posted on

Project 2 - Completion

Table:
A table is a way to organize data in rows and columns, just like in Excel.

<table border="1">
<thead>  
<tr>
    <th>Name</th>
    <th>Age</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Alagu</td>
    <td>21</td>
  </tr>
</tbody>
</table>
Enter fullscreen mode Exit fullscreen mode

For collapse:

border-collapse:collapse;(combine all lines)
Enter fullscreen mode Exit fullscreen mode

Project 2 (Resume Building)
Code:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resume</title>
    <style>
        *{
            padding: 0px;
            margin: 0px;
            box-sizing: border-box;
        }

        .container{
            height:100vh;
            width: 65vw;
            margin:auto;
            display: grid;
            grid-template-columns: 1fr 2fr;
        }
        .left{
               border: 1px solid black;
                display:flex;
                flex-direction: column;
                justify-content: space-around;
            padding: 20px;


        }

        .profile-image{

            display: flex;
            justify-content: center;  

        }


        .right{
            box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
             display: flex;
             flex-direction: column;
             justify-content: space-between;
             padding: 10px;
        }
        .divider{
            width:100%;
            height:2px;
        }
        .header{
            padding-top:20px;
        }
        ul{
            padding-left: 25px;
        }
        .italic{
            font-style: italic;
        }
        nav{
            text-align: center;

        }
        a{
            text-decoration: none;
             padding-left: 25px;
        }
        h1{
            text-align: center;
        }


    </style>
</head>
<body>
    <div class="container">
     <div class="left">
        <div class="profile-image">
        <img src="profile.jpg" alt="profile image" height="150px" width="150px">
        </div>
        <h4 class="header">CARRIER OBJECTIVE</h4>
        <hr>
        <p>My aim is to succeed in a challenging environment that offers opportunities for growth and learning. I want to excel in my field 
through smart work and dedication, while continuously improving my skills and contributing positively to the organization. </p>
        <h4 class="header">EDUCATION </h4>
        <hr>
        <p>Sona College of Technology </p>
        <p class="italic">B.Tech in Information Technology</p>
        <ul>
            <li class="italic">CGPA - 7.3 </li>
        </ul>
        <p>Adhiyaman Matric Higher Secondary School</p>
        <p class="italic">HSC</p>
        <ul>
            <li class="italic"> Percentage - 86.3% </li>
        </ul>
       <p>Adhiyaman Matric Higher Secondary School </p> 
       <p class="italic"> SSLC</p>
       <ul>
        <li class="italic">Percentage - 96.4%</li>
       </ul>

       <h4 class="header">TECHNICAL SKILLS </h4>
       <hr>
       <ul>
        <li>Java</li>
        <li>OOPS</li>
        <li>SQL</li>
        <li>HTML</li>
        <li>CSS</li>
        <li>Java Script</li>
       </ul>



       <h4 class="header">SOFT SKILLS</h4>
       <hr>
       <ul>
        <li>Leadership</li>
        <li>Time Management</li>
        <li>Adaptability</li>
        <li>Team Player</li>
       </ul>


    </div>
    <div class="right">
        <h1>ALAGU SELVAN T</h1>
        <nav>
            <a href="">thambuselvan330@gmail.com</a>
            <a href="">Linked In</a>
            <a href="">GitHub</a>

        </nav>
        <h4 class="header">PROJECTS</h4>
        <hr>
        <h4>Smart support system for doctors using AI ( Heka) </h4>
        <h5>StartUp Idea:</h5>
        <ul>
            <li>Contributed to an AI-powered platform that summarize tha patient and doctor conversation </li>
            <li>Helped improve healthcare decision-making by providing clear, actionable insights </li>
            <li>Supported the development of a secure and scalable system for managing medical data</li>
            <li>Built a SaaS healthcare platform using Next.js, Hono, PostgreSQL, AWS S3, and Docker, integrating Gemini AI 
for report analysis </li>
        </ul>
        <h4>React Streaming Platform with TMDB integration</h4>
        <h5>Team Member: </h5>
        <ul>
            <li>Developed a full-stack Netflix clone using React.js and TMDB API, featuring dynamic movie/TV show browsing, search 
functionality, and responsive design that replicates Netflix's user experience across desktop and mobile devices </li>
            <li>Implemented real-time search and filtering capabilities with TMDB API integration, including autocomplete 
suggestions, genre-based filtering, and infinite scroll pagination to handle large datasets efficiently </li>
        </ul>
        <h4 class="header">CERTIFICATIONS</h4>
        <hr>
        <ul>
            <li>Intern-Full Stack Development Java</li>
            <p >Novitech Private Limited</p>
            <p>Duration:30 Days</p>
            <ul id="o">
            <li>Built dynamic web applications using Java Full Stack technologies</li>
            <li>Worked on frontend (HTML, CSS, JS) and backend Java</li>
            <li>Understood database connectivity and basic API integration</li></ul>
            <li>NPTEL-Internet of things (72%)</li>
             <li>UI/UX</li>
             <li>Infosys Springboard-Time Management </li>

        </ul>
        <h4 class="header">CO-CURRICULAR ACTIVITIES</h4>
        <hr>
        <ul>
            <li>Organizer in Sona Champs’23 & Sona Champs’25</li>
            <li>Member in Sona Modern Theatre Club </li>
            <li>Participated in Speakers Forum</li>
            <li>Coding Bat-5 star </li>
            <li>Participated in Flutter App Development Workshop-IIT Madras</li>
        </ul>


    </div>
    </div>

</body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)