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

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

PRACTICE TEST

                                             HTML ONLINE PRACTICE TEST           CSS ONLINE PRACTICE TEST          PLACEMENT APTITUDE PRACTICE TEST :01         PLACEMENT APTITUDE PRACTICE TEST :02
Post a Comment
Read more

Java program

                                    Quiz   Program   import java.lang.*; import java.io.*; class Questions { public String [][]qpa; public String[][]qca;  Questions()throws IOException { qpa=new String[10][5]; /*questionsandobjectives*/ DataInputStream in=new DataInputStream(System.in); qpa[0][0]="How do you reverse a string in Java?";  qpa[0][1]="1.Using StringBuilder"; qpa[0][2]="2.Using StringBuffer";  qpa[0][3]="3.Using char array"; qpa[0][4]="4.Using recursion"; qpa[1][0]="How do you swap two numbers without using a third variable in Java?";  qpa[1][1]="1.Using Arithmetic Operators"; qpa[1][2]="2.Using Bitwise XOR Operator";  qpa[1][3]="3.Using Multiplication and Division"; qpa[1][4]="4.Using Addition and Subtraction"; qpa[2][0]="Which of the following option leads to the portability and security of Java?";  qpa[2][1]="1.Bytecode is executed by JVM"; qpa...
Post a Comment
Read more