Skip to main content

Student Profile

                               STUDENT PROFILE 


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Student Profile</title>
    <style>
        body {
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background-color: #f0f0f0;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        .profile-container {
            background-color: #fff;
            width: 90%;
            max-width: 800px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            overflow: hidden;
            text-align: center;
            padding: 15px;
        }

        .profile-header {
            background-color: #c90a7a;
            color: white;
            padding: 20px 0;
        }

        .profile-pic {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            object-fit: cover;
            border: 5px solid white;
            margin-top: 5px;
        }

        .profile-header h1 {
            margin: 10px 0 5px;
            font-size: 2.5em;
        }

        .profile-header p {
            font-size: 1.2em;
            margin: 5px 0;
        }

        .profile-details {
            margin-top: 30px;
            text-align: left;
        }

        .profile-details h2 {
            font-size: 1.5em;
            color: #333;
            border-bottom: 2px solid #c90a7a;
            padding-bottom: 5px;
            margin-bottom: 15px;
        }

        .profile-details p, .profile-details ul {
            color: #555;
            font-size: 1em;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .profile-details ul {
            list-style-type: disc;
            padding-left: 20px;
        }

        .profile-details ul li {
            margin-bottom: 10px;
        }

        .contact-info p {
            font-size: 1em;
            color: #333;
        }

        .contact-info p span {
            color: #c90a7a;
        }
    </style>
</head>
<body>
    <div class="profile-container">
        <div class="profile-header">
            <img src="C:\Users\ADMIN\Desktop\New folder\ki.jpg" alt="Profile Picture" class="profile-pic">
            <h1>GOKILA KIRUBA</h1>
        </div>
        <div class="profile-details">
            <h2>Personal Details</h2>
            <p>Name: Gokila Kiruba<br>Date of Birth: 18.09.2002<br>Age: 21<br>Blood Group: AB+<br>Gender: Female<br>Nationality: Indian<br>Languages Known: Tamil, Telugu, English<br>Hobbies: Photography</p>
            <h2>Education</h2>
            <ul>
                <li>Government Arts College (Autonomous) - M.Sc. in Computer Science</li>
    <li>Idhaya College For Woman - B.Sc. in compter Science</li>
                <li>Sri Saraswathi Padasala Girls higher Secondary School</li>
            </ul>
            <h2>Skills</h2>
            <ul>
                <li>Programming Languages: Python, Java</li>
                <li>Web Development: HTML, CSS, JavaScript</li>
                <li>Database Management: SQL, MongoDB</span></li>
            </ul>
            <h2>Contact</h2>
            <div class="contact-info">
                <p>Email: <span> gokilakiruba.1809@gmail.com</span></p>
                <p>Mobile: <span> 7339543231</span></p>
    <p>Instagram: <span> kiruba_1809</span><p/>
            </div>
        </div>
    </div>
</body>
</html>

Output:

Comments

Post a Comment

Popular posts from this blog

Profile

Gokila Kiruba View Full Size Contact me Email On Blogger since June 2024 Profile views - 3 Report Abuse My blogs Gokila Kiruba About me Gender Female Industry Student Location Kumbakonam,   TamilNadu,   India Introduction Hi, I’m Gokila Kiruba. I’m currently pursuing my MSc in Computer Science, having completed my BSc in the same field. I have experience in software development, especially with technologies like HTML, Bootstrap, JavaScript, and Java. I’m currently working on projects that involve dynamic web applications and basic database operations. I enjoy learning new things and solving technical challenges. Interests I’m on an exciting journey in the world of computer science. With a passion for technology, I’ve been crafting web applications using tools like HTML, Bootstrap, JavaScript, and Java. I’m always up for a challenge, whether it’s making a website more interactive or diving into database management. I love exploring new ideas and pushing the boundaries of what I...
Post a Comment
Read more

Student Blog's

STUDENT BLOGS  S.NO NAME REGISTER NO BLOG LINK 1. AKASH .N P23CS366 1.  Product Calculation 2.  Question and Answer 3.  File Operation 4.  Profile 2. AMMU .M P23CS367 1.  Product Calculation 2.  Question and Answer 3.  File Operation 4.  Profile 3. ANBU .M P23CS368 1.  Product Calculation 2.  Question and Answer 3.  File Operation 4.  Profile 4. ANBUMANI .A P23CS369 1.  Product Calculation 2.  Question and Answer 3.  File Operation 4.  Profile 5. ARAVINDHAN .A P23CS370 1.  Product Calculation 2.  Question and Answer 3.  File Operation 4.  Profile 6. BARATH .M P23CS371 1...
Post a Comment
Read more

Shutdown Shortcut

                             SHUTDOWN   SHORTCUT  1.  Right click on the desktop and select the New   > Shortcut option 2.  In the Create Shortcut window, enter "shutdown /s /t 0" as the location (Last character is a zero) , do not type the quotes (" ").  After entering the location click on Next to go to the next step 3. Now enter a name for the shortcut. In this example, "Shutdown" was used. Click Finish. A shortcut will appear on your Window 4. Right click on the new shutdown icon, select Properties and a dialogue box will appear. This dialogue box will give you a notification that this shortcut doesn’t have an icon. Click Change Icon, then click on OK to add the Icon 5. Now click on Change Icon button and select the Power Button icon. After selecting, click twice on OK to save the change 6.  A shutdown button shortcut will now appear on your desktop. Right click o...
Post a Comment
Read more