portfolio.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Portfolio</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat:wght@700&family=Roboto+Mono:wght@500&display=swap"
        rel="stylesheet">
    <link rel="stylesheet" href="portfolio.css">
</head>

<body>
    <div id="header">
        <div id="portfolio_design">
            <p id="portfolio">PORTFOLIO</p>
        </div>
        <a href="#div_1">About</a>
        <a href="#div_2">My projects</a>
        <a href="#div_3">Contact me</a>
    </div>
    <a name="div_1"></a>
    <div class="divs_1">
        <p id="whoami">Who am I?</p>
        <div id="content">
            <p id="div_content">Greetings! I'm Akilesh, a dedicated student at the esteemed National Institute of Technology,
                Tiruchirapalli. My enthusiasm for learning drives me to traverse the vast landscape of the software
                industry's diverse domains. I possess a proficient command over Web Development technologies,
                encompassing HTML, CSS, JavaScript, Node.js, and MongoDB. Furthermore, I've embarked on a journey to
                delve into the realms of Data Structures and Algorithms, a pursuit I've recently undertaken. With the
                belief that once a student, always a student, I eagerly anticipate the prospect of embracing promising
                opportunities that lie ahead.
            </p>
            <img src="boy_image.jpg" class="image">
        </div>
    </div>
    
    <br><br>
    <a name="div_2"></a>
    <div class="div_2">
        <p id="myprojects">My Projects</p>
        <div>
            <p id="puzzlegame">
                Puzzle Game
            </p>
            <p id="desc"><b>Description:</b> This project presents an engaging puzzle game that allows users to select an image from their personal computer. Once chosen, the image undergoes a shuffling process, disarranging its tiles. The challenge then lies in rearranging these tiles into their correct order and designated area. Upon successful completion of the puzzle, a gratifying window emerges, announcing the player's victory. Conversely, an unsuccessful attempt prompts a notification indicating the need for another try. This interactive game merges visual creativity with problem-solving, offering an enjoyable experience for users.
            </p>
            <p id="desc"><b>Github Link:</b><a href="https://github.com/akilesh1706/Puzzle"> https://github.com/akilesh1706/Puzzle</a></p>
        </div>
        <div>
            <p id="filesharer">
                File Sharer
            </p>
            <p id="desc"><b>Description:</b>This platform serves as a secure File Sharer, enabling users to conveniently upload files for seamless transfer to others. Upon uploading a file, an exclusive link is generated, which can be fortified with an optional password for added security. When the intended recipient receives the link and attempts to access it, the browser prompts them for the designated password. If the password provided aligns with the one set by the sender, access to the file is granted; otherwise, entry is denied. This mechanism ensures a safeguarded and controlled sharing process, emphasizing confidentiality and user control.</p>
            <p id="desc"><b>Github Link:</b><a href="https://github.com/akilesh1706/FileTracker"> https://github.com/akilesh1706/FileTracker</a></p>
        </div>
        <div>
            <p id="calculator">
                Calculator
            </p>
            <p id="desc"><b>Description:</b>This project essentially functions as a calculator. When a user inputs numbers and operations, it generates and displays the calculated output.</p>
        </div>
        <div>
            <p id="todolist">
                To Do List
            </p>
            <p id="desc"><b>Description:</b>This project is a To-Do List application where users can log their daily tasks, allowing them to maintain a clear overview of their progress and completion status.</p>
        </div>

    </div>
    
    <br><br>
    <a name="div_3"></a>
    <div class="div_3">
        <p id="contactme">Contact Me</p>
        <p><b>LinkedIn profile: </b><a href="https://www.linkedin.com/in/akilesh-s-k-a536a024a/">https://www.linkedin.com/in/akilesh-s-k-a536a024a/</a></p>
        <p><b>Github profile: </b><a href="https://github.com/akilesh1706">https://github.com/akilesh1706</a></p>
        <p><b>Email: </b>xxxx@gmail.com</p>
        <p><b>Contact number: </b>xxxxxxxxxx</p>
    </div>
    
</body>

</html>