{"id":119,"date":"2025-10-06T17:11:16","date_gmt":"2025-10-06T17:11:16","guid":{"rendered":"https:\/\/harleydavidsonmechanicschool.com\/?page_id=119"},"modified":"2025-10-06T18:01:07","modified_gmt":"2025-10-06T18:01:07","slug":"harley-davidson","status":"publish","type":"page","link":"https:\/\/harleydavidsonmechanicschool.com\/","title":{"rendered":"Harley Davidson"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"119\" class=\"elementor elementor-119\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b40095a e-flex e-con-boxed e-con e-parent\" data-id=\"b40095a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7dfd000 e-con-full e-flex e-con e-child\" data-id=\"7dfd000\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2248575 elementor-widget elementor-widget-html\" data-id=\"2248575\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- HERO (place directly under your navigation on HarleyDavidsonMechanicSchool.com) -->\r\n<section class=\"hero-banner\" aria-labelledby=\"site-name\">\r\n  <div class=\"hero-img\" role=\"img\" aria-label=\"Motorcycle mechanic working on engine\"><\/div>\r\n\r\n  <!-- gray boxed site name -->\r\n  <div class=\"hero-box\">\r\n    <h1 id=\"site-name\">HarleyDavidsonMechanicSchool.com<\/h1>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  \/* ===== Harley-Davidson hero (reuses the SAME image URL as MMS) ===== *\/\r\n  :root{\r\n    \/* Use the exact same URL you used on MotorcycleMechanicSchool.net *\/\r\n    --hero-image: url(\"https:\/\/harleydavidsonmechanicschool.com\/wp-content\/uploads\/2025\/10\/envato-labs-image-edit-3.png\");  \/* <-- same path\/URL as MMS *\/\r\n    --box-bg: rgba(243, 244, 246, .92);               \/* light gray *\/\r\n    --ink: #0f172a;                                   \/* text color *\/\r\n    --gold: #f5c518;                                  \/* gold accent *\/\r\n    --gold-dark: #b8860b;                             \/* dark goldenrod *\/\r\n    --radius: 18px;\r\n  }\r\n\r\n  .hero-banner{\r\n    position: relative;\r\n    overflow: hidden;\r\n    isolation: isolate;\r\n  }\r\n  \/* Background image with subtle dark overlay (like MMS) *\/\r\n  .hero-img{\r\n    background-image:\r\n      linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.25)),\r\n      var(--hero-image);\r\n    background-size: cover;\r\n    background-position: center;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 6;  \/* similar height to MMS hero *\/\r\n  }\r\n\r\n  \/* Gray box with site name *\/\r\n  .hero-box{\r\n    position: absolute;\r\n    left: clamp(16px, 5vw, 72px);\r\n    bottom: clamp(16px, 6vw, 72px);\r\n    background: var(--box-bg);\r\n    border: 1px solid rgba(0,0,0,.06);\r\n    \/* gold accent edge to match Harley theme *\/\r\n    box-shadow: 0 0 0 3px rgba(245,197,24,.18);\r\n    border-radius: var(--radius);\r\n    padding: clamp(10px, 2.4vw, 22px) clamp(14px, 3vw, 28px);\r\n    backdrop-filter: saturate(140%) blur(2px);\r\n  }\r\n  .hero-box h1{\r\n    margin: 0;\r\n    font: 900 clamp(20px, 4.5vw, 40px)\/1.1 system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;\r\n    letter-spacing: .2px;\r\n    color: var(--ink);\r\n    text-wrap: balance;\r\n  }\r\n\r\n  \/* Responsive tweaks *\/\r\n  @media (max-width: 640px){\r\n    .hero-img{ aspect-ratio: 16 \/ 9; }\r\n    .hero-box{ left: 14px; right: 14px; bottom: 14px; }\r\n    .hero-box h1{ text-align: center; }\r\n  }\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba6c748 e-flex e-con-boxed e-con e-parent\" data-id=\"ba6c748\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-85d9d7a e-con-full e-flex e-con e-child\" data-id=\"85d9d7a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54967df elementor-widget elementor-widget-html\" data-id=\"54967df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n  <title>HarleyDavidsonMechanicSchool.com \u2014 Motorcycle Technician Training<\/title>\r\n  <meta name=\"description\" content=\"Fast, focused training info for future motorcycle techs. Quick highlights and one-click through to full program details.\">\r\n  <style>\r\n    :root{\r\n      --bg:#0b0d12; --fg:#0f172a; --card:#ffffff; --muted:#6b7280;\r\n      --accent:#b8860b; --accent-2:#f5c518;\r\n      --text:#0f172a; --text-on:#0b0d12;\r\n      --on-white:#ffffff; --ring:rgba(184,134,11,.25);\r\n      --radius:18px;\r\n      --shadow:0 10px 25px rgba(2,8,23,.10), 0 2px 8px rgba(2,8,23,.06);\r\n      --max:1120px;\r\n    }\r\n    *{box-sizing:border-box}\r\n    body{\r\n      margin:0;\r\n      font-family: system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;\r\n      color:var(--text);\r\n      background:linear-gradient(180deg, #f7fafc 0%, #fffbea 100%);\r\n    }\r\n    a{color:var(--accent); text-decoration:none}\r\n    .container{max-width:var(--max); margin:0 auto; padding:clamp(16px, 2vw, 28px)}\r\n    .cta-primary{\r\n      display:inline-flex; align-items:center; gap:10px; padding:14px 18px; border-radius:12px;\r\n      background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#111; font-weight:800;\r\n      box-shadow:var(--shadow); border:0; cursor:pointer; transition: transform .06s ease, box-shadow .2s ease;\r\n    }\r\n    .cta-primary:hover{transform:translateY(-1px); box-shadow:0 14px 30px rgba(184,134,11,.25),0 4px 12px rgba(184,134,11,.18)}\r\n    .cta-secondary{\r\n      display:inline-flex; align-items:center; gap:8px; padding:12px 16px; border-radius:12px;\r\n      background:#ffffff; color:var(--accent); font-weight:700; border:2px solid rgba(184,134,11,.20);\r\n      transition: background .15s ease, border-color .15s ease, transform .06s ease;\r\n    }\r\n    .cta-secondary:hover{background:#fff8dc; transform:translateY(-1px); border-color:rgba(184,134,11,.38)}\r\n    .hero{padding: clamp(24px, 6vw, 60px) 0 20px; display:grid; grid-template-columns: 1.1fr; gap: clamp(18px, 4vw, 40px); align-items:center;}\r\n    .hero-card{background:#ffffff; border-radius: var(--radius); box-shadow: var(--shadow); padding: clamp(18px, 3vw, 28px); border:1px solid #e5e7eb;}\r\n    .eyebrow{display:inline-block; padding:6px 10px; background:#fff3c4; color:#8a6a00; border-radius:999px; font-weight:800; font-size:12px; letter-spacing:.3px}\r\n    h1{font-size: clamp(26px, 5vw, 44px); line-height:1.08; margin:12px 0 12px; color:#1f2937}\r\n    .lead{font-size: clamp(15px, 2.2vw, 18px); color:#374151; margin-bottom:18px}\r\n    .bullets{display:grid; grid-template-columns:1fr 1fr; gap:12px}\r\n    .bullet{background:#fffdf3; border:1px solid #f3e8a3; border-radius:14px; padding:12px 12px; display:flex; gap:10px; align-items:flex-start;}\r\n    .check{width:22px; height:22px; border-radius:6px; background:linear-gradient(135deg,var(--accent),var(--accent-2)); color:#111; display:inline-grid; place-items:center; font-weight:900}\r\n    .grid-3{display:grid; grid-template-columns: repeat(3, 1fr); gap:16px}\r\n    .card{background:var(--card); border:1px solid #e5e7eb; border-radius:16px; padding:18px; box-shadow: var(--shadow);}\r\n    .badge{display:inline-block; font-size:12px; font-weight:800; color:#8a6a00; background:#fff3c4; padding:4px 8px; border-radius:999px}\r\n    .row-cta{display:flex; gap:12px; flex-wrap:wrap}\r\n    .muted{color:var(--muted); font-size:14px}\r\n    .faq{display:grid; gap:10px}\r\n    details{background:#fff; border:1px solid #e5e7eb; border-radius:14px; padding:14px 16px; box-shadow: var(--shadow);}\r\n    summary{cursor:pointer; font-weight:800; color:#1f2937}\r\n    @media (max-width: 900px){\r\n      .bullets{grid-template-columns:1fr}\r\n      .grid-3{grid-template-columns: 1fr}\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <main class=\"container\">\r\n    <!-- HERO -->\r\n    <section class=\"hero\">\r\n      <div class=\"hero-card\">\r\n        <span class=\"eyebrow\">Motorcycle Tech Careers<\/span>\r\n        <h1>HarleyDavidsonMechanicSchool.com<\/h1>\r\n        <p class=\"lead\">Quick highlights and a fast path to the full site\u2014click below to view complete program details.<\/p>\r\n\r\n        <div class=\"bullets\">\r\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><div><strong>Hands-on skills<\/strong><br><span class=\"muted\">Diagnostics, EFI, electrical systems, and more<\/span><\/div><\/div>\r\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><div><strong>Modern shop training<\/strong><br><span class=\"muted\">Current tooling & procedures<\/span><\/div><\/div>\r\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><div><strong>Fast start<\/strong><br><span class=\"muted\">Clear steps to enroll and begin<\/span><\/div><\/div>\r\n          <div class=\"bullet\"><span class=\"check\">\u2713<\/span><div><strong>Support along the way<\/strong><br><span class=\"muted\">From first question to first job<\/span><\/div><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"row-cta\" style=\"margin-top:16px\">\r\n          <a class=\"cta-primary\" href=\"https:\/\/autoschoolguide.com\/motorcycle-technician-schools\" target=\"_blank\" rel=\"noopener\">Explore Full Programs \u2192<\/a>\r\n          <a class=\"cta-secondary\" href=\"#highlights\">Why choose us?<\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Highlights -->\r\n    <section id=\"highlights\" class=\"grid-3\">\r\n      <article class=\"card\">\r\n        <span class=\"badge\">Hands-On<\/span>\r\n        <h3>Modern Shop Training<\/h3>\r\n        <p class=\"muted\">Train with diagnostics, fuel injection, and electrical systems used in today\u2019s bikes.<\/p>\r\n      <\/article>\r\n      <article class=\"card\">\r\n        <span class=\"badge\">Focused<\/span>\r\n        <h3>Streamlined Path<\/h3>\r\n        <p class=\"muted\">Skip the clutter. Get clear steps to start fast and build real-world skills.<\/p>\r\n      <\/article>\r\n      <article class=\"card\">\r\n        <span class=\"badge\">Support<\/span>\r\n        <h3>Guidance All the Way<\/h3>\r\n        <p class=\"muted\">From your first question to your first job, our team is here to help.<\/p>\r\n      <\/article>\r\n    <\/section>\r\n\r\n    <!-- Program strip -->\r\n    <section class=\"container\" style=\"padding-top:20px; padding-bottom:4px\">\r\n      <div class=\"card\">\r\n        <h3 style=\"margin-top:0\">Popular Program Tracks<\/h3>\r\n        <div class=\"row-cta\">\r\n          <a class=\"cta-secondary\" href=\"https:\/\/autoschoolguide.com\/motorcycle-technician-schools\" target=\"_blank\" rel=\"noopener\">Motorcycle Mechanics Institute<\/a>\r\n          <a class=\"cta-secondary\" href=\"https:\/\/autoschoolguide.com\/motorcycle-technician-schools\" target=\"_blank\" rel=\"noopener\">Power Sports Technician<\/a>\r\n          <a class=\"cta-secondary\" href=\"https:\/\/autoschoolguide.com\/motorcycle-technician-schools\" target=\"_blank\" rel=\"noopener\">ATV\/UTV & Watercraft<\/a>\r\n        <\/div>\r\n        <p class=\"muted\" style=\"margin-top:10px\">Click any option to view full details on our main site.<\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ -->\r\n    <section class=\"container\" style=\"padding-top:18px\">\r\n      <div class=\"grid-3\">\r\n        <div class=\"card\" style=\"grid-column:1 \/ -1\">\r\n          <h3 style=\"margin-top:0\">FAQs<\/h3>\r\n          <div class=\"faq\" id=\"faqs\">\r\n            <details>\r\n              <summary>How long are the programs?<\/summary>\r\n              <p class=\"muted\">Program length varies by track; most range from a few months to under a year. Full details are on the main site.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Do you offer brand-specific electives?<\/summary>\r\n              <p class=\"muted\">Electives often align with common manufacturer systems and tooling. See details on the main site.<\/p>\r\n            <\/details>\r\n            <details>\r\n              <summary>Is financing or aid available?<\/summary>\r\n              <p class=\"muted\">Options may be available for those who qualify. Requirements and steps are outlined on the main site.<\/p>\r\n            <\/details>\r\n          <\/div>\r\n          <div class=\"row-cta\" style=\"margin-top:14px\">\r\n            <a class=\"cta-primary\" href=\"https:\/\/autoschoolguide.com\/motorcycle-technician-schools\" target=\"_blank\" rel=\"noopener\">Go to Full Website \u2192<\/a>\r\n            <a class=\"cta-secondary\" href=\"#top\">Back to top<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <script>\r\n    const REDIRECT_AFTER_SECONDS = 0;\r\n    const DEST_URL = \"https:\/\/autoschoolguide.com\/motorcycle-technician-schools\";\r\n    document.getElementById('y')?.textContent = new Date().getFullYear();\r\n    if (REDIRECT_AFTER_SECONDS > 0) {\r\n      setTimeout(()=>{ window.location.href = DEST_URL; }, REDIRECT_AFTER_SECONDS*1000);\r\n    }\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>HarleyDavidsonMechanicSchool.com HarleyDavidsonMechanicSchool.com \u2014 Motorcycle Technician Training Motorcycle Tech Careers HarleyDavidsonMechanicSchool.com Quick highlights and a fast path to the full site\u2014click below to view complete program details. \u2713Hands-on skillsDiagnostics, EFI, electrical systems, and more \u2713Modern shop trainingCurrent tooling &#038; procedures \u2713Fast startClear steps to enroll and begin \u2713Support along the wayFrom first question to first job [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-119","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=\/wp\/v2\/pages\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=119"}],"version-history":[{"count":20,"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=\/wp\/v2\/pages\/119\/revisions"}],"predecessor-version":[{"id":169,"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=\/wp\/v2\/pages\/119\/revisions\/169"}],"wp:attachment":[{"href":"https:\/\/harleydavidsonmechanicschool.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}