<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Passive House Designer/Consultant Course (English) with Arabic Explanation</title>
  <style>
    :root {
      --primary: #0f5132;
      --primary-dark: #0a3622;
      --accent: #ffc107;
      --bg: #f5f7fa;
      --text: #1f2937;
      --muted: #6b7280;
      --border: #e5e7eb;
      --card: #ffffff;
    }

    * { box-sizing: border-box; }

    body {
      margin: 0;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      line-height: 1.6;
      color: var(--text);
      background: var(--bg);
    }

    .hero {
      background: linear-gradient(135deg, var(--primary), #146c43);
      color: #ffffff;
      padding: 48px 24px;
      text-align: center;
    }

    /* NEW: logo inside hero */
    .hero-logo {
      display: block;
      margin: 0 auto 20px;
      max-width: 130px;
      height: auto;
      border-radius: 8px;
    }

    .hero h1 {
      margin: 0 0 12px;
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      line-height: 1.2;
    }

    .hero p {
      margin: 8px 0;
      opacity: 0.95;
    }

    .badge {
      display: inline-block;
      background: var(--accent);
      color: #111827;
      padding: 6px 14px;
      border-radius: 999px;
      font-weight: 700;
      font-size: 0.9rem;
      margin-bottom: 16px;
    }

    .container {
      max-width: 1100px;
      margin: 0 auto;
      padding: 24px;
    }

    .section {
      background: var(--card);
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 24px;
      margin: 24px 0;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    }

    h2 { color: var(--primary); margin-top: 0; }
    h3 { color: var(--primary); margin-top: 0; }

    .grid { display: grid; gap: 20px; }

    @media (min-width: 768px) {
      .grid-2 { grid-template-columns: 1fr 1fr; }
      .grid-3 { grid-template-columns: repeat(3, 1fr); }
    }

    ul { padding-left: 20px; }

    .note {
      background: #fff8e1;
      border-left: 4px solid var(--accent);
      padding: 16px;
      border-radius: 8px;
    }

    .important {
      background: #fef2f2;
      border-left: 4px solid #dc2626;
      padding: 16px;
      border-radius: 8px;
    }

    .cta {
      background: #e8f5e9;
      border-left: 4px solid var(--primary);
      padding: 16px;
      border-radius: 8px;
      text-align: center;
    }

    .ticket-card {
      border: 1px solid var(--border);
      border-radius: 12px;
      padding: 20px;
      background: #ffffff;
      display: flex;
      flex-direction: column;
    }

    .ticket-card .btn { margin-top: auto; }

    .price {
      font-size: 1.5rem;
      font-weight: 700;
      color: var(--primary);
      margin: 8px 0;
    }

    .btn {
      display: inline-block;
      background: var(--primary);
      color: #ffffff;
      text-decoration: none;
      padding: 12px 18px;
      border-radius: 8px;
      font-weight: 700;
      margin-top: 12px;
      text-align: center;
      transition: background 0.2s ease;
    }

    .btn:hover { background: var(--primary-dark); }

    table { width: 100%; border-collapse: collapse; }

    th, td {
      text-align: left;
      padding: 10px;
      border-bottom: 1px solid var(--border);
      vertical-align: top;
    }

    th { background: #f3f4f6; }

    .footer {
      text-align: center;
      color: var(--muted);
      padding: 24px;
      font-size: 0.9rem;
    }

    .placeholder { color: var(--muted); font-style: italic; }

    a { color: var(--primary); }
  </style>
</head>
<body>

  <header class="hero">
    <!-- ⬇️ LOGO: replace PASTE_LOGO_BASE64_HERE with the base64 string of the Certified Passive House Designer logo -->
    <img class="hero-logo"
         alt="Certified Passive House Designer"
         src="data:image/png;base64,PASTE_LOGO_BASE64_HERE">

    <span class="badge">In-Person | English with Arabic Explanation</span>
    <h1>Passive House Designer/Consultant Course</h1>
    <p><strong>December 12, 2026 – March 20, 2027</strong></p>
    <p>Learn directly from an expert from the Passive House Institute how to design Passive House, energy-efficient, and cost-optimal buildings worldwide.</p>
  </header>

  <main class="container">

    <section class="section">
      <h2>Course Overview</h2>
      <div class="grid grid-2">
        <div>
          <h3>Format &amp; Language</h3>
          <ul>
            <li><strong>Format:</strong> In-person</li>
            <li><strong>Language:</strong> English materials with Arabic explanation</li>
            <li><strong>Course Times:</strong> 11:00 am – 3:00 pm Cairo time</li>
          </ul>
        </div>
        <div>
          <h3>Prerequisites</h3>
          <ul>
            <li>General knowledge of the Passive House standard</li>
            <li>Basic knowledge of building physics</li>
            <li>Ability to use Microsoft® Excel</li>
          </ul>
        </div>
      </div>
    </section>

    <section class="section">
      <h2>Training Schedule</h2>
      <table>
        <thead>
          <tr>
            <th>Component</th>
            <th>Dates</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>Module 1 – Building Envelope</strong></td>
            <td>12, 19 &amp; 26 December 2026 and 2 January 2027</td>
          </tr>
          <tr>
            <td><strong>Module 2 – Building Services, Economics</strong></td>
            <td>9, 16, 23 &amp; 30 January and 6 February 2027</td>
          </tr>
          <tr>
            <td><strong>Revision Session</strong></td>
            <td>20 March 2027</td>
          </tr>
          <tr>
            <td><strong>Online Certification Exam – Passive House Designer/Consultant</strong></td>
            <td>26 March 2027 (other exam dates are possible)</td>
          </tr>
        </tbody>
      </table>
    </section>

    <section class="section">
      <h2>Core Learning and Skill Outcomes</h2>
      <p>By the end of the Passive House Designer/Consultant course, participants gain the technical and practical expertise needed to plan, model, and deliver high-performance buildings that meet internationally recognized energy-efficiency standards.</p>
      <ul>
        <li><strong>Building Physics Foundations:</strong> A strong understanding of thermal mass, essential heat-loss mechanisms, U-values, and methods for eliminating thermal bridges.</li>
        <li><strong>Envelope and Airtightness Design:</strong> The ability to design uninterrupted airtight layers, advanced insulation systems, and high-performance window and door specifications.</li>
        <li><strong>Ventilation Systems:</strong> Skills to plan balanced mechanical ventilation with heat recovery (MVHR) for excellent indoor air quality and reduced energy loss.</li>
        <li><strong>PHPP Energy Modelling:</strong> Hands-on proficiency with the Passive House Planning Package (PHPP) Excel-based tool to calculate monthly energy balances and support low-energy design.</li>
        <li><strong>Retrofit and Economics:</strong> Knowledge of applying the EnerPHit standard to upgrade existing buildings, together with cost-benefit assessment and management.</li>
      </ul>

      <h3>Professional and Career Outcomes</h3>
      <ul>
        <li><strong>International Certification:</strong> Academic and practical preparation to sit the official Passive House Institute (PHI) exam and qualify as a Certified Passive House Designer or Consultant.</li>
        <li><strong>Market Competitiveness:</strong> The ability to lead sustainable design projects, comply with increasingly strict environmental regulations, and respond to growing demand for net-zero and healthy buildings.</li>
        <li><strong>Professional Recognition:</strong> Preparation for career advancement and access to higher-value architectural, engineering, and consulting projects.</li>
        <li>Suitable for architects, consultants, engineers, and other professionals working on new builds or retrofit projects.</li>
      </ul>
    </section>

    <section class="section note">
      <h2>Early Bird</h2>
      <p>Register and pay before <strong>12 November 2026</strong> to receive up to a <strong>15% early bird discount</strong>.</p>
    </section>

    <section class="section important">
      <h2>Important Information</h2>
      <ul>
        <li>The materials fee is included in the course price.</li>
        <li>The exam fee is not included in the course price. The exam must be booked separately.</li>
        <li>You must have a PHPP license number to register for the exam. A PHPP license is not included in the course fee.</li>
      </ul>
    </section>

    <section class="section" id="tickets">
      <h2>Ticket Options</h2>
      <div class="grid grid-3">

        <div class="ticket-card">
          <h3>The Course</h3>
          <ul>
            <li><strong>Standard:</strong> $800 or equivalent in Egyptian pounds</li>
            <li><strong>Academic:</strong> $600 or equivalent in Egyptian pounds</li>
            <li><strong>Student:</strong> $400 or equivalent in Egyptian pounds, on presentation of a student ID</li>
          </ul>
          <a class="btn" href="#register">Book Course</a>
        </div>

        <div class="ticket-card">
          <h3>Certification Exam</h3>
          <p><strong>26 March 2027 (Online)</strong></p>
          <ul>
            <li><strong>Standard:</strong> $400</li>
            <li><strong>Academic:</strong> $300</li>
            <li><strong>Student:</strong> $200</li>
          </ul>
          <a class="btn" href="#register">Book Exam</a>
        </div>

        <div class="ticket-card">
          <h3>PHPP License</h3>
          <p class="price">$250</p>
          <p>Required for exam registration. Not included in the course fee.</p>
          <a class="btn" href="#register">Add PHPP License</a>
        </div>

      </div>
    </section>

    <section class="section cta" id="register">
      <h2>Interested? Fill the Form</h2>
      <p>If you are interested, please fill the form to reserve your place or request more information.</p>
      <p><a class="btn" href="[Insert Form Link]">Fill the Form</a></p>
      <p><strong>Contact:</strong> <a href="mailto:[Insert Email]">[Insert Email]</a> | Phone: [Insert Phone]</p>
    </section>

  </main>

  <footer class="footer">
    <p>Passive House Designer/Consultant Course (English) with Arabic Explanation | In-Person | December 12, 2026 – March 20, 2027</p>
  </footer>

</body>
</html>
Scroll to Top