PROFILE CREATING

<!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>
    <link rel="stylesheet" href="styles.css">
    <style>
body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
    margin: 0;
    padding: 0;
}

.profile {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 20px;
    background-color: #f2f2f2;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 300px;
}

.avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 10px;
}

.avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.details {
    text-align: center;
}

h1 {
    margin-bottom: 5px;
    color: #333;
}

p {
    margin: 3px 0;
    color: #666;
}
</style>
</head>
<body>
        <div class="details">
            <h1>Name: Indhuja</h1>
            <p>Class: M.sc(computer science)</p>
            <p>Roll No: P23CS375</p>
            <p>DOB: 30.03.2003</p>
            <p>E-mail: indhujadurai303@gmail.com</p>
            <p>Contact: 7904570638</p>
            <p>Address: 171 South Street,<br> Mela pillaiyampettai,<br> Thiruvidaimarudhur</p>
            <p>Collage: Government Arts and Science (Autonomous) College</p>
         <p>University: Bharathisan University</p>
   <p>Pass Out College: Idhaya College for women(B.Sc-Computer Science)</p>
        </div>
    </div>
</body>
</html>

OUTPUT :

Popular posts from this blog

First program

                           FIRST  JAVA PROGRAMMING import java.lang.*; import java.io.*; class Program { public String[][]qpa;public String[][]qca;  Program()throws IOException { qpa=new String[10][5]; DataInputStream in=new DataInputStream(System.in); qpa[0][0]="Which of the following java operators is used for bitwise AND operation?";  qpa[0][1]="1.&"; qpa[0][2]="2.&&";  qpa[0][3]="3.&"; qpa[0][4]="4.||"; qpa[1][0]="What is the purpose of the finally block in java?";  qpa[1][1]="1.To handle exceptions"; qpa[1][2]="2.To execute code regardless of exceptions";  qpa[1][3]="3.To declare variables"; qpa[1][4]="4.To call methods"; qpa[2][0]="Which Java collection class is used to store unique elements?";  qpa[2][1]="1.ArrayList"; qpa[2][2]="2.HashSet"; qpa[2][3]="3.LinkedList"; qpa[2][4]="4.TreeSet"; qpa[3][0]="Which of t...
Read more

RESUME

Image
<!Doctype html> <html> <title> profile </title> </html> <body> <h1><center>RESUME</center></h1> <ul> <li><a href= "#Per"> Personal Information</a></li> <li><a href ="#Edu"> Education</a></li> <li><a href ="#Cont"> Contact Information</a></li> <li><a href ="#Skil"> Skills</a></li> <li><a href ="#Hop"> Hobbies</a></li> </ul> <h1 id=Per>Personal Information</h1> <ul> <li>Name: D.Indhuja</li> <li>Father name: S.Durai</li> <li>Mother name: D.Bhuvaneshwari</li> <li>Date of birth: 30.03.2003</li> <li>Gender: Female</li> <li>Nationality: Indian</li> <li>Marital Status: Single</li> <li>Languages known: Tamil and English</li> <h1 id=Edu>Edu...
Read more