HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
158x159
440 Bytes
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Curriculum Vitae of Mahmudul Hasan</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
        }

        .container {
            background-color: #fff;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            width: 700px;
            max-width: 90%;
            border: 2px solid #ccc; /* Add a subtle border to the whole page */
        }

        .header {
            display: flex;
            align-items: center;
            justify-content: center; /* Center the profile pic and info horizontally */
            margin-bottom: 20px;
            padding: 10px; /* Add some padding within the header */
        }

        .profile-pic {
            border-radius: 50%;
            width: 150px;
            height: 150px;
            object-fit: cover;
            margin-right: 20px;
            border: 4px solid #fff; /* White border for emphasis */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Soft shadow for profile picture */
        }

        .contact-info {
            font-size: 14px;
            line-height: 1.6;
            margin-left: 20px; /* Adjust spacing as needed */
        }

        .contact-info h1 {
            margin: 0;
            color: #333;
            font-size: 24px;
            margin-bottom: 10px;
        }

        .contact-info div {
            margin-bottom: 8px; /* Increased margin for better separation */
            color: #555;
            padding-left: 10px; /* Slight left padding to match content */
            border-bottom: 1px solid #f1f1f1; /* Faint line for better separation */
        }

        .contact-info div:last-child {
            border-bottom: none; /* Remove bottom border from the last contact element */
        }

        h2 {
            margin-bottom: 15px;
            color: #333;
            font-size: 18px;
            text-transform: uppercase;
            border-bottom: 2px solid #333; /* Underline and uppercase for headings */
            padding-bottom: 8px;
        }

        p {
            margin-bottom: 15px;
            line-height: 1.6;
            color: #555;
        }

        ul {
            list-style-type: disc;
            margin-left: 20px;
            margin-bottom: 15px;
        }

        li {
            margin-bottom: 10px;
            line-height: 1.6;
            color: #555;
        }

        .skill-item,
        .training-item,
        .experience-item,
        .other-experience-item {
            margin-bottom: 20px;
            padding: 15px; /* Added padding to each section */
            border: 1px solid #f1f1f1; /* Light border around each item for separation */
            border-radius: 5px; /* Rounded corners for item sections */
        }

        .skill-item h3,
        .training-item h3,
        .experience-item h3,
        .other-experience-item h3 {
            margin: 0;
            color: #333;
            font-size: 16px;
            margin-bottom: 8px;
            font-weight: bold;
        }

        .skill-item span,
        .training-item span,
        .experience-item span,
        .other-experience-item span {
            color: #777;
            font-size: 14px;
        }

        .personal-info {
            display: flex;
            flex-wrap: wrap; /* Allow wrapping to accommodate multiple personal details */
            justify-content: space-between; /* Distribute details across the row */
        }

        .personal-info div {
            margin-bottom: 10px;
            flex-basis: calc(50% - 10px); /* Adjust basis based on required number of columns */
            font-size: 14px;
            color: #555;
            padding-right: 15px; /* Add right padding to prevent overlapping with next detail */
        }

        .personal-info div:last-child {
            margin-bottom: 0;
            padding-right: 0; /* Remove right padding from the last detail */
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="header">
            <img class="profile-pic" src="file:///C:/Users/User/Downloads/image_0.png" alt="Mahmudul Hasan">
            <div class="contact-info">
                <h1>Mahmudul Hasan</h1>
                <div>📞 Phone: +8801306185960</div>
                <div>📧 Email: mahmudulalamin3700@gmail.com</div>
                <div>📍 Address: Siraj Hujurer Bari-510, Purbo Chor Romoni Mohon, Sadar, Lakshmipur</div>
            </div>
        </div>

        <section>
            <h2>CAREER OBJECTIVE</h2>
            <p>নিজের দক্ষতা ও পরিশ্রমের মাধ্যমে একটি প্রতিষ্ঠানে সততা ও দায়িত্বশীলতার সাথে কাজ করে প্রতিষ্ঠানের উন্নয়নে অবদান রাখা।</p>
        </section>

        <section>
            <h2>EDUCATIONAL QUALIFICATION</h2>
            <div class="education-item">
                <h3>B.A (Ongoing)</h3>
                <span>National University</span>
            </div>
            <div class="education-item">
                <h3>H.S.C (2023)</h3>
                <span>Cumilla Board – GPA: 2.83</span>
            </div>
            <div class="education-item">
                <h3>S.S.C (2020)</h3>
                <span>Barishal Board – GPA: 3.00</span>
            </div>
        </section>

        <section>
            <h2>PROFESSIONAL SKILLS</h2>
            <div class="skill-item">
                <h3>Customer Service</h3>
            </div>
            <div class="skill-item">
                <h3>Teaching</h3>
            </div>
            <div class="skill-item">
                <h3>Office Assistance</h3>
            </div>
        </section>

        <section>
            <h2>TRAINING & CERTIFICATION</h2>
            <div class="training-item">
                <h3>Electrical House Wiring (Government Training)</h3>
                <span>Organization: SDF (Social Development Foundation) <br> ✔ সার্টিফিকেট প্রাপ্ত</span>
            </div>
        </section>

        <section>
            <h2>WORK EXPERIENCE</h2>
            <div class="experience-item">
                <h3>Assistant Teacher (1 Year Experience)</h3>
                <ul>
                    <li>শিক্ষার্থীদের পাঠদান ও গাইড করা</li>
                    <li>ক্লাস ম্যানেজমেন্ট ও শিক্ষার্থীদের সহায়তা</li>
                </ul>
            </div>
            <div class="experience-item">
                <h3>Electric & House Wiring (2021 – Present)</h3>
                <ul>
                    <li>বৈদ্যুতিক সংযোগ ও মেরামত</li>
                    <li>ওয়্যারিং ডায়াগ্রাম বুঝে কাজ করা</li>
                    <li>নিরাপদভাবে ইলেকট্রিক কাজ সম্পন্ন করা</li>
                </ul>
            </div>
        </section>

        <section>
            <h2>OTHER EXPERIENCE</h2>
            <div class="other-experience-item">
                <h3>Enumerator</h3>
                <span>Organization: Solidaridad Network Asia</span>
            </div>
        </section>

        <section>
            <h2>PERSONAL INFORMATION</h2>
            <div class="personal-info">
                <div>Date of Birth: 05 January 2005</div>
                <div>Gender: Male</div>
            </div>
        </section>
    </div>
</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
8KB
Transfer Size
8KB
Content Size
66.0ms
Dom Content Loaded
200.0ms
First Paint
67.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests