{"id":406,"date":"2025-09-03T08:50:47","date_gmt":"2025-09-03T08:50:47","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=406"},"modified":"2025-10-15T02:42:53","modified_gmt":"2025-10-14T23:42:53","slug":"406-2","status":"publish","type":"page","link":"https:\/\/johnsonqa.com\/index.php\/406-2\/","title":{"rendered":"Our Team"},"content":{"rendered":"\n

OUR TEAM<\/h2>\n\n\n\n
<\/div>\n\n\n\n
\n
\n Our Team<\/title> <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"> <style> body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; \/* Example parent background *\/ background: linear-gradient(135deg, #f0f0f0, #d9d9d9); } .team-section { padding: 60px 20px; text-align: center; background: transparent; \/* Transparent background *\/ } .team-section h2 { font-size: 2.5rem; margin-bottom: 10px; color: #fff; } .team-section p.subtitle { color: #777; margin-bottom: 40px; } .team-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; } .team-member { background: rgba(255, 255, 255, 0.85); \/* Slightly transparent card *\/ border-radius: 15px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); padding: 25px; width: 240px; transition: transform 0.3s ease, box-shadow 0.3s ease; text-align: center; } .team-member:hover { transform: translateY(-10px); box-shadow: 0 12px 25px rgba(0,0,0,0.12); } .team-member img { width: 130px; height: 130px; border-radius: 50%; object-fit: cover; margin-bottom: 15px; transition: transform 0.3s ease; } .team-member img:hover { transform: scale(1.05); } .team-member h3 { margin: 10px 0 5px; font-size: 1.2rem; font-weight: 600; color: #333; } .team-member .role { font-style: italic; color: #777; margin-bottom: 10px; } .team-member .bio { font-size: 0.9rem; color: #555; margin-bottom: 15px; } .social-links a { margin: 0 6px; color: #555; text-decoration: none; font-size: 1.2rem; transition: color 0.3s ease; } .social-links a:hover { color: #1e90ff; } \/* Responsive *\/ @media (max-width: 768px) { .team-member { width: 45%; } } @media (max-width: 480px) { .team-member { width: 90%; } } <\/style> <\/head> <body> <div class=\"team-section\"> <h2>Meet Our Team<\/h2> <p class=\"subtitle\">Our talented team is here to serve you with excellence.<\/p> <div class=\"team-container\"> <!-- Team Member 1 --> <div class=\"team-member\"> <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/Mr.-Rashid.png\"> <h3>Mr. Rashid<\/h3> <p class=\"role\">CEO<\/p> <p class=\"bio\">Mr. Rashid, our CEO, brings over 18 years of experience in Automotive Protection.<\/p> <div class=\"social-links\"> <a href=\"#\"><i class=\"fab fa-facebook\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a> <\/div> <\/div> <!-- Team Member 2 --> <div class=\"team-member\"> <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/Mr.-Aslam-Khan.png\"> <h3>Mr. Mohammad<\/h3> <p class=\"role\">Managing Director<\/p> <p class=\"bio\">Mr. Mohammad our Managing Director team with over 10 years of experience in Automotive Protection.<\/p> <div class=\"social-links\"> <a href=\"#\"><i class=\"fab fa-facebook\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a> <\/div> <\/div> <!-- Team Member 3 --> <div class=\"team-member\"> <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/Mr.-Ahmed.png\"> <h3>Mr. Ahmed Ali<\/h3> <p class=\"role\">General Manager<\/p> <p class=\"bio\">Mr. Ahmed Ali our General Manager team with over 10 years of experience in Automotive Protection.<\/p> <div class=\"social-links\"> <a href=\"#\"><i class=\"fab fa-facebook\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a> <\/div> <\/div> <!-- Team Member 4 --> <div class=\"team-member\"> <img decoding=\"async\" src=\"https:\/\/johnsonqa.com\/wp-content\/uploads\/2025\/09\/Mr.-Aslam-Khan.png\"> <h3>Mr. Mohammad Aslam Khan<\/h3> <p class=\"role\">Account Manager<\/p> <p class=\"bio\">Mr. Mohammad Aslam Khan our Account Manager team with over 12 years of experience in Account Department.<\/p> <div class=\"social-links\"> <a href=\"#\"><i class=\"fab fa-facebook\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-linkedin\"><\/i><\/a> <a href=\"#\"><i class=\"fab fa-twitter\"><\/i><\/a> <\/div> <\/div> <\/div> <\/div> <\/body> <\/html>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"org-chart-wrapper\" style=\"text-align:center; padding:40px 20px;\">\n <h1 style=\"margin-bottom:40px; font-size:clamp(24px,5vw,40px); color:inherit;\">Our Organization Chart<\/h1>\n\n <div class=\"org-chart\" style=\"display:flex; flex-direction:column; align-items:center; gap:30px;\">\n\n <!-- Top Level -->\n <div class=\"level\" style=\"display:flex; justify-content:center; flex-wrap:wrap; gap:20px;\">\n <div class=\"person\" style=\"background:#111; border-radius:12px; padding:20px; min-width:140px; max-width:200px; box-shadow:0 4px 15px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1);\">\n <h3 style=\"margin:10px 0 5px; color:#fff; font-size:1rem;\">CEO<\/h3>\n <p style=\"color:#ccc; font-size:0.9rem;\">Mr. Rashid<\/p>\n <\/div>\n <\/div>\n\n <!-- Second Level -->\n <div class=\"level\" style=\"display:flex; justify-content:center; flex-wrap:wrap; gap:20px;\">\n <div class=\"person\" style=\"background:#111; border-radius:12px; padding:20px; min-width:140px; max-width:200px; box-shadow:0 4px 15px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1);\">\n <h3 style=\"margin:10px 0 5px; color:#fff; font-size:1rem;\">Account Manager<\/h3>\n <p style=\"color:#ccc; font-size:0.85rem;\">Mr. Aslam Khan<\/p>\n <\/div>\n <div class=\"person\" style=\"background:#111; border-radius:12px; padding:20px; min-width:140px; max-width:200px; box-shadow:0 4px 15px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1);\">\n <h3 style=\"margin:10px 0 5px; color:#fff; font-size:1rem;\">General Manager<\/h3>\n <p style=\"color:#ccc; font-size:0.85rem;\">Mr. Ahmed Ali<\/p>\n <\/div>\n <div class=\"person\" style=\"background:#111; border-radius:12px; padding:20px; min-width:140px; max-width:200px; box-shadow:0 4px 15px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1);\">\n <h3 style=\"margin:10px 0 5px; color:#fff; font-size:1rem;\">Managing Director<\/h3>\n <p style=\"color:#ccc; font-size:0.85rem;\">Mr. Mohammad<\/p>\n <\/div>\n <\/div>\n\n <!-- Third Level -->\n <div class=\"level\" style=\"display:flex; justify-content:center; flex-wrap:wrap; gap:20px;\">\n <div class=\"person\" style=\"background:#111; border-radius:12px; padding:20px; min-width:140px; max-width:200px; box-shadow:0 4px 15px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1);\">\n <h3 style=\"margin:10px 0 5px; color:#fff; font-size:1rem;\">Service Advisor<\/h3>\n <p style=\"color:#ccc; font-size:0.85rem;\">Mr. Othman<\/p>\n <\/div>\n <div class=\"person\" style=\"background:#111; border-radius:12px; padding:20px; min-width:140px; max-width:200px; box-shadow:0 4px 15px rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.1);\">\n <h3 style=\"margin:10px 0 5px; color:#fff; font-size:1rem;\">Supervisor<\/h3>\n <p style=\"color:#ccc; font-size:0.85rem;\">Mr. Mohammad Ashraf<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>OUR TEAM Our Team Meet Our Team Our talented team is here to serve you with excellence. Mr. Rashid CEO Mr. Rashid, our CEO, brings over 18 years of experience in Automotive Protection. Mr. Mohammad Managing Director Mr. Mohammad our Managing Director team with over 10 years of experience in Automotive Protection. Mr. Ahmed Ali […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-406","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/406","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":29,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/406\/revisions"}],"predecessor-version":[{"id":733,"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/pages\/406\/revisions\/733"}],"wp:attachment":[{"href":"https:\/\/johnsonqa.com\/index.php\/wp-json\/wp\/v2\/media?parent=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}