Scribd Logo
Upload

Welcome to Scribd!

  • It Essentials Ex 4B

    Uploaded by

    srii21rohith
    6 views3 pages
    This document contains HTML code for designing a visiting card. The code includes tags for the card container, logo image, name, position, and contact information. Styling is added with CSS for formatting elements like width, borders, padding, fonts, and alignment within the card. The visiting card displays the company logo, name, role, and phone/email contact for the person.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    This document contains HTML code for designing a visiting card. The code includes tags for the card container, logo image, name, position, and contact information. Styling is added with CSS for formatting elements like width, borders, padding, fonts, and alignment within the card. The visiting card displays the company logo, name, role, and phone/email contact for the person.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    6 views3 pages

    It Essentials Ex 4B

    Uploaded by

    srii21rohith
    This document contains HTML code for designing a visiting card. The code includes tags for the card container, logo image, name, position, and contact information. Styling is added with CSS for formatting elements like width, borders, padding, fonts, and alignment within the card. The visiting card displays the company logo, name, role, and phone/email contact for the person.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    IT22309 –IT ESSENTIALS

    EX.NO: 4(B)
    DATE:

    QUESTION: DESIGNING A VISITING CARD USING SUITABLE HTML


    TAGS

    AIM:

    ALGORITHM:

    Roll Number:2127220801035 Page No.:


    PROGRAM:
    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <meta charset=”UTF-8”>
    <meta name=”viewport” content=”width=device-width, initial-scale=1.0”>
    <title>Finance Company Visiting Card</title>
    <style>
    .card {
    Max-width: 300px;
    Border: 1px solid #ccc;
    Padding: 20px;
    Text-align: center;
    }

    .logo {
    Max-width: 100px;
    Margin-bottom: 10px;
    }

    .name {
    Font-size: 1.2em;
    Font-weight: bold;
    }

    .position {
    Font-style: italic;
    Margin-bottom: 10px;
    }

    .contact {
    Font-size: 0.9em;
    }
    </style>
    </head>
    <body>
    <div class=”card”>
    <img src=”logo.png” alt=”Company Logo” class=”logo”>
    <div class=”name”>Obama</div>
    <div class=”position”>Financial Advisor</div>
    <div class=”contact”>
    Phone: 123-456-7890<br>
    Email:Obama@gmail.com

    Roll Number:2127220801035 Page No.:


    </div>
    </div>
    </body>
    </html>

    SAMPLE INPUT AND OUTPUT:

    RESULT:

    Roll Number:2127220801035 Page No.:

    You might also like