-

                           MY PROFILE(HTML)

SOURCE LINE :


                               <!DOCTYPE html>
<html>
<head>
    <title>Profile Page</title>
    <style>
        body {
            background-color: #f1f1f1;
            font-family: Arial, sans-serif;
        }
       
        h1 {
            text-align: center;
            color: #666;
        }
       
        .container {
            background-color: #fff;
            border-radius: 5px;
            box-shadow: 0px 0px 10px #aaa;
            margin: auto;
            padding: 20px;
            width: 50%;
        }
       
        img {
           
            border-radius: 20%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 20%;
        }
       
        p {
            color: #666;
            font-size: 18px;
            text-align: center;
        }
       
        hr {
            border-top: 1px solid #ccc;
            margin-bottom: 20px;
            margin-top: 20px;
        }
       
        h2 {
            color: #666;
            font-size: 22px;
            margin-bottom: 15px;
            margin-top: 30px;
            text-align: center;
        }
       
        table {
            border-collapse: collapse;
            margin-left: auto;
            margin-right: auto;
            width: 80%;
        }
       
        th, td {
            border-bottom: 1px solid #ddd;
            padding-bottom: 10px;
            padding-top: 10px;
            text-align: left;
        }
       
        th {
            color: #666;
            font-size: 18px;
        }
       
        td {
            font-size: 16px;
        }
       
        a {
            color:#666;
            text-decoration:none
        }
       
        a:hover {
            color:#000;
            text-decoration:none
        }
       
        .button {
            background-color:#f63e8d;
            border:none;
            border-radius:5px;
            color:white;
            font-size:16px;
            padding-top:10px;
            padding-bottom:10px;
            width:auto
        }
       
        .button:hover {
            background-color:#ef599f
        }
       
        .social-icons {
            display:flex;
            justify-content:center
        }
       
        .social-icons img {
            height:auto;
            margin-left:auto;
            margin-right:auto;
            width:auto
        }
       
        .social-icons img:hover {
            opacity:.7
        }
       
        .social-icons a {
            margin-left:auto;
            margin-right:auto
        }
       
        .social-icons a:not(:last-child) {
            margin-right:.5em
        }
       
        .social-icons a:first-child {
            margin-left:.5em
        }
       
        .social-icons a:last-child {
            margin-right:.5em
        }
       
        .social-icons a:nth-child(2) {
            margin-right:.5em;
            margin-left:.5em
        }
       
        .social-icons a:nth-child(3) {
            margin-right:.5em;
            margin-left:.5em
        }
       
        .social-icons a:nth-child(4) {
            margin-right:.5em;
            margin-left:.5em
        }
       
        .social-icons a:nth-child(5) {
            margin-right:.5em;
            margin-left:.5em
        }
       
        .social-icons a:nth-child(6) {
            margin-right:.5em;
            margin-left:.5em
        }
       
    </style>
</head>
<body>

<div class="container">
    <img src="img.jpeg" alt="Avatar">
    <h1>Archana</h1>
    <p class="title">Web Developer</p>
    <hr>
    <h2>About Me</h2>
    <p>I am a web developer . I specialize in .net I am also proficient in MySQL.</p>
    <hr>
    <h2>Contact Information</h2>
    <table>
        <tr>
            <th>Email:</th>
            <td>archanachezhiyan2004@gmail.com</td>
        </tr>
        <tr>
            <th>Phone:</th>
            <td>(123) 458-6778</td>
        </tr>
        <tr>
            <th>Address:</th>
            <td>1015,muthaliyar (st),Narasinganpettai,Thanjavur(Dt)</td>
        </tr





OUTPUT:



                            

Comments

Post a Comment