<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Mohamed Hamdy Ashour - CV</title>
    <style>
        @page { size: A4; margin: 0; }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: Arial, sans-serif; color: #222; background: #fff; font-size: 13px; line-height: 1.4; width: 210mm; min-height: 297mm; }
        .container { display: flex; width: 100%; min-height: 297mm; }
        .sidebar { width: 33%; background: #121212; color: #fff; padding: 30px 18px; }
        .main { width: 67%; padding: 35px 25px; }
        .profile-img { width: 130px; height: 130px; border-radius: 50%; border: 4px solid #ff5500; display: block; margin: 0 auto 15px; }
        .side-title { text-align: center; font-size: 20px; font-weight: 900; line-height: 1.2; margin-bottom: 20px; }
        .badge { background: #ff5500; color: #fff; padding: 6px 10px; border-radius: 12px; font-weight: bold; font-size: 12px; text-align: center; margin: 15px 0 10px; letter-spacing: 1px; }
        .side-list { list-style: none; padding: 0; }
        .side-list li { margin-bottom: 8px; font-size: 12px; color: #ddd; position: relative; padding-left: 12px; }
        .side-list li::before { content: "•"; color: #ff5500; font-weight: bold; position: absolute; left: 0; }
        .main-title { font-size: 38px; font-weight: 900; line-height: 0.95; text-transform: uppercase; color: #000; }
        .main-title span { color: #ff5500; display: block; }
        .job-bar { text-align: center; border-bottom: 2px solid #ff5500; border-top: 2px solid #ff5500; padding: 4px 0; margin: 15px 0; font-weight: bold; letter-spacing: 1.5px; font-size: 13px; }
        .summary { font-size: 12px; color: #444; margin-bottom: 20px; text-align: justify; }
        .sec-header { font-size: 14px; font-weight: 800; border-bottom: 1px solid #ccc; padding-bottom: 3px; margin: 18px 0 10px; color: #111; letter-spacing: 0.5px; display: flex; justify-content: space-between; align-items: center; }
        .sec-header::after { content: ""; display: inline-block; width: 6px; height: 6px; background: #ff5500; border-radius: 50%; }
        .company { font-weight: bold; font-size: 13px; color: #111; }
        .role { color: #ff5500; font-weight: bold; font-size: 12px; margin-bottom: 6px; }
        .dates { font-weight: normal; color: #ff5500; }
        .main-list { list-style: none; padding: 0; }
        .main-list li { font-size: 12px; color: #333; margin-bottom: 4px; padding-left: 12px; position: relative; }
        .main-list li::before { content: "•"; color: #ff5500; position: absolute; left: 0; font-weight: bold; }
        .grid { display: flex; flex-wrap: wrap; }
        .grid-item { width: 50%; margin-bottom: 4px; }
    </style>
</head>
<body>
    <div class="container">
        <div class="sidebar">
            <div class="side-title">MOHAMED<br>HAMDY ASHOUR</div>
            <div class="badge">CONTACT</div>
            <ul class="side-list">
                <li>📍 Maadi, Cairo, Egypt</li>
                <li>📞 01550055513</li>
                <li>✉ mmonmm102@gmail.com</li>
            </ul>
            <div class="badge">SKILLS</div>
            <ul class="side-list">
                <li>Customer Service</li>
                <li>Complaint Handling</li>
                <li>Sales & Upselling</li>
                <li>Problem Solving</li>
                <li>Microsoft Word</li>
                <li>Microsoft Excel</li>
                <li>Microsoft PowerPoint</li>
                <li>Computer Skills</li>
                <li>Teamwork</li>
                <li>Communication Skills</li>
                <li>Working Under Pressure</li>
            </ul>
            <div class="badge">LANGUAGES</div>
            <ul class="side-list">
                <li><strong>Arabic:</strong> Native</li>
                <li><strong>English:</strong> B1</li>
            </ul>
        </div>
        <div class="main">
            <div class="main-title">MOHAMED<br><span>HAMDY ASHOUR</span></div>
            <div class="job-bar">— CUSTOMER SERVICE REPRESENTATIVE —</div>
            <div class="summary">
                Customer Service Representative with 5+ years of experience in customer service, complaint handling and sales. Fast learner, self-motivated and able to work individually or within a team. Capable of working under pressure, solving customer problems and maintaining professional communication.
            </div>
            <div class="sec-header">EXPERIENCE</div>
            <div>
                <div class="company">Xceed Company</div>
                <div class="role">Customer Service Representative | <span class="dates">01/07/2021 – Present</span></div>
                <ul class="main-list">
                    <li>Customer service, complaint handling and sales.</li>
                    <li>B.TECH Sales & Online customer service.</li>
                    <li>Talabat Chat Customer Service.</li>
                    <li>Al Ahly Club customer service support.</li>
                </ul>
            </div>
            <hr style="border: 0; border-top: 1px dashed #ccc; margin: 10px 0;">
            <div>
                <div class="company">Store – Salesman</div>
                <div class="role"><span class="dates">24/06/2017 – 01/04/2020</span></div>
                <ul class="main-list">
                    <li>Worked in an antiques store with experience in selling products.</li>
                    <li>Handled customers and managed daily store operations.</li>
                </ul>
            </div>
            <div class="sec-header">EDUCATION</div>
            <div>
                <div class="company">Zagazig University – Faculty of Commerce</div>
                <div style="font-size: 12px; color: #555;">Bachelor of Commerce | Graduated 2017</div>
            </div>
            <div class="sec-header">COMPUTER SKILLS</div>
            <div class="grid">
                <div class="grid-item"><ul class="main-list"><li>Microsoft Word</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Microsoft Excel</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Microsoft PowerPoint</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Windows</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Internet</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>General Computer Skills</li></ul></div>
                <div class="grid-item" style="width: 100%;"><ul class="main-list"><li>Advanced Microsoft Excel Functions</li></ul></div>
            </div>
            <div class="sec-header">PERSONAL & TECHNICAL SKILLS</div>
            <div class="grid">
                <div class="grid-item"><ul class="main-list"><li>Analytical Skills</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Problem Solving</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Fast Learner</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Communication Skills</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Teamwork</li></ul></div>
                <div class="grid-item"><ul class="main-list"><li>Working Under Pressure</li></ul></div>
            </div>
            <div class="sec-header">ADDITIONAL INFORMATION</div>
            <ul class="main-list">
                <li>Valid Motorcycle Driving License</li>
                <li>Available for relocation to Saudi Arabia</li>
            </ul>
        </div>
    </div>
</body>
</html>
