Explore a wide range of courses tailored to your interests and goals.

Comprehensive Courses

Learn from industry professionals and experienced educators who are passionate about sharing their knowledge.

Expert Instructors

Engage in interactive lessons, discussions and activities that foster a dynamic and immersive learning environment.

Interactive Learning Experience

Access course materials anytime, anywhere and learn at your own pace to fit your busy schedule.

Flexible Learning Options

Gain practical skills and knowledge that can be directly applied in real-world scenarios, enhancing your professional growth.

Practical Skills Application

Join a vibrant community of learners, collaborate with peers and receive guidance from instructors throughout your learning journey.

Supportive Community

DBMS Simplified: Transactions, Concurrency, Deadlock & Recovery

Realtime Dev School

<html data-ai-id="el-99ce7eb6" data-nav-element="header" id="el-99ce7eb6">
 <head data-ai-id="el-e39c0c77" data-nav-element="header" id="el-e39c0c77">
 </head>
 <body data-ai-id="el-6a6d79df" data-nav-element="header" id="el-6a6d79df">
  <section data-ai-id="sec-topbar" data-nav-element="header" data-section-type="header" data-template-name="HEADER1" id="sec-topbar">
   <div class="topbar-wrapper" data-ai-id="el-topbar-wrapper" data-nav-element="header" id="el-topbar-wrapper">
    <a class="topbar-left" data-ai-id="el-topbar-left" data-nav-element="header" href="/" id="el-topbar-left" style="text-decoration: none;">
     <div class="logo-container" data-ai-id="el-logo-container" data-nav-element="header" id="el-logo-container">
      <img alt="Logo" data-ai-id="el-logo-img" data-nav-element="header" id="el-logo-img" src="https://d502jbuhuh9wk.cloudfront.net/ai_web/698bd65422aa6e27773db6e7/media/image/691bd8a7-ead5-4185-af1c-5c39d643ad03-FullLogo_Transparent.png"/>
     </div>
     <h1 class="site-title" data-ai-id="el-site-title" data-nav-element="header" id="el-site-title">
      RealTime Dev School
     </h1>
    </a>
    <div class="topbar-right" data-ai-id="el-topbar-right" data-nav-element="header" id="el-topbar-right">
     <nav class="nav-left" data-ai-id="el-nav-left" data-nav-element="header" id="el-nav-left">
     </nav>
     <div data-ai-id="el-logged-out-state" data-cta-type="logged-out-state" data-nav-element="header" id="el-logged-out-state">
      <button class="login-btn" data-ai-id="el-login-btn" data-nav-element="header" id="el-login-btn" onclick="window.location.href='https://www.realtimedevschool.com/t/u/activeCourses'" style="background-color: red; color: white; font-weight: bold;">
       LOGIN
      </button>
     </div>
     <div data-ai-id="el-logged-in-state" data-cta-type="logged-in-state" data-nav-element="header" id="el-logged-in-state">
      <button class="dropdown-trigger-wrapper" data-ai-id="el-dropdown-trigger" data-nav-element="header" id="el-dropdown-trigger">
       <div class="avatar" data-ai-id="el-avatar" data-nav-element="header" id="el-avatar">
        %%USER_INITIALS%%
       </div>
       <svg data-ai-id="el-dropdown-icon" data-nav-element="header" fill="none" id="el-dropdown-icon" stroke="currentColor" viewbox="0 0 24 24">
        <path d="M6 9l6 6 6-6" stroke-linecap="round" stroke-linejoin="round">
        </path>
       </svg>
      </button>
      <div class="dropdown-menu" data-ai-id="el-dropdown-menu" data-nav-element="header" id="el-dropdown-menu">
       <a data-ai-id="el-my-purchases" data-nav-element="header" href="/my-purchases" id="el-my-purchases">
        My Purchase
       </a>
       <a data-ai-id="el-my-profile" data-nav-element="header" href="/profile" id="el-my-profile">
        My Profile
       </a>
       <button data-ai-id="el-logout" data-nav-element="header" id="el-logout">
        LogOut
       </button>
      </div>
     </div>
    </div>
   </div>
  </section>
  <style data-ai-id="stl-topbar" data-nav-element="header" id="stl-topbar">
   #sec-topbar{
    position: sticky;
    top: 0;
    z-index: 10000;
    background: #000c1d;
    padding: 0;
  }
  .topbar-wrapper {
    top: 0;
    left: 0;
    right: 0;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 77.752px;
    background: #000c1d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 100;
    box-sizing: border-box;
  }

  .topbar-left {
    display: flex;
    align-items: center;
    gap: 19.444px;
  }
 
  .logo-container {
    width: 48px;
    height: 48px;
    background-color: #000c1d;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #1e3a8a;
  }

  .logo-container img {
    width: 70%;
    height: 70%;
    object-fit: contain;
  }

  .site-title {
    font-size: 24px;
    font-family: var(--font-heading);
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
    margin: 0;
    white-space: nowrap;
  }

  .topbar-right {
    display: flex;
    align-items: center;
    gap: 32.738px;
  }

  .nav-left {
    display: flex;
    align-items: center;
    gap: 31.111px;
  }

  .dashboard-link {
    font-size: 17.5px;
    font-family: var(--font-body);
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease;
  }

  .dashboard-link:hover {
    color: var(--primary-color);
  }

  [data-cta-type='logged-out-state'],
  [data-cta-type='logged-in-state'] {
    position: relative;
  }

  .login-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 11.754px 23.508px;
    border-radius: 23.508px;
    background-color: #ff0000;
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    transition: opacity 0.2s ease;
  }

  .login-btn svg {
    width: 16px;
    height: 16px;
    stroke-width: 2;
  }

  .login-btn:hover {
    opacity: 0.9;
  }

  .dropdown-trigger-wrapper {
    display: flex;
    align-items: center;
    gap: 5.456px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
  }

  .avatar {
    width: 38.194px;
    height: 38.194px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19.097px;
    font-family: var(--font-body);
    font-weight: 500;
    color: #ffffff;
    background-color: #1e3a8a;
  }

  .dropdown-trigger-wrapper svg {
    width: 16.369px;
    height: 16.369px;
    stroke-width: 2;
    color: #ffffff;
  }

  .dropdown-menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    width: 240px;
    background: #000c1d;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    padding: 12px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: all 0.2s ease;
  }

  .dropdown-menu a, 
  .dropdown-menu button {
    font-size: 14px;
    font-family: var(--font-body);
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    padding: 10px 12px;
    border-radius: 4px;
    transition: background-color 0.2s;
  }

  .dropdown-menu a:hover,
  .dropdown-menu button:hover {
    background-color: rgba(255, 255, 255, 0.1);
  }
  
  [data-cta-type='logged-in-state'] {
      display: none;
  }

  @media (max-width: 768px) {
    .topbar-wrapper {
      padding: 0 24px;
      height: 70px;
    }

    .topbar-right {
      gap: 12px;
    }

    .logo-container {
      width: 40px;
      height: 40px;
    }

    .site-title {
      font-size: 16px;
    }

    .dashboard-link {
      display: block;
      font-size: 14px;
    }
    
    .dropdown-menu {
        right: 0;
        width: 200px;
    }
  }
  </style>
  <script data-ai-id="scr-topbar" data-nav-element="header" id="scr-topbar">
   const trigger = document.getElementById('el-dropdown-trigger');
  const menu = document.getElementById('el-dropdown-menu');

  function toggleMenu(m) {
    const isOpen = m.style.opacity === '1';
    if (isOpen) {
      m.style.opacity = '0';
      m.style.visibility = 'hidden';
    } else {
      m.style.opacity = '1';
      m.style.visibility = 'visible';
    }
  }

  if (trigger && menu) {
    trigger.addEventListener('click', (e) => {
      e.stopPropagation();
      toggleMenu(menu);
    });
  }

  document.addEventListener('click', (e) => {
    if (menu && !menu.contains(e.target) && !trigger.contains(e.target)) {
      menu.style.opacity = '0';
      menu.style.visibility = 'hidden';
    }
  });
  </script>
 </body>
</html>

  <section data-ai-id="sec-glass-res2" data-section-type="lead_generation" data-template-name="LEAD_GEN12" id="sec-glass-res2">
   <div class="glass-container" data-ai-id="el-glass-res2-container" data-type="html" id="el-glass-res2-container" style="display: flex; justify-content: center; align-items: center; padding: 4rem 2rem; text-align: center;">
    <p data-ai-id="el-glass-res2-contact-text" data-type="text" id="el-glass-res2-contact-text" style="font-size: 1.5rem; color: var(--color-neutral-lightest); font-family: var(--font-family-heading);">
     For any queries Contact Us at
     <a data-ai-id="el-4c239caf" href="mailto:deepak@realtimedevschool.com" id="el-4c239caf" style="color: var(--color-primary); text-decoration: underline;">
      deepak@realtimedevschool.com
     </a>
    </p>
   </div>
  </section>
  <style data-ai-id="stl-glass-res2" id="stl-glass-res2">
   #sec-glass-res2 { position: relative; background-color: var(--color-neutral-darkest); padding: 5rem 2rem; font-family: var(--font-body); display: flex; justify-content: center; align-items: center; min-height: 700px; }

#sec-glass-res2 .glass-container { width: 100%; max-width: 1200px; /* Glassmorphism Effect */ background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; padding: 3rem;

display: flex; gap: 4rem; align-items: flex-start;

/* Primary color shadow from Prompt A1 */ box-shadow: 0 2px 100px rgba(0,0,0,0.5); }

/* --- Left Column --- */ #sec-glass-res2 .info-column { flex: 0.8; display: flex; flex-direction: column; justify-content: center; padding-top: 1rem; }

#sec-glass-res2 .status-badge { display: inline-flex; align-items: center; gap: 0.5rem; background-color: var(--color-neutral-darkest); color: var(--color-neutral-lightest); padding: 0.5rem 1rem; border-radius: 50px; font-size: 0.875rem; font-weight: 500; margin-bottom: 1.5rem; align-self: flex-start; }

#sec-glass-res2 .status-dot { width: 8px; height: 8px; background-color: var(--color-primary); /* Static Green dot */ border-radius: 50%; }

#sec-glass-res2 .heading { font-family: var(--font-heading); font-size: 2.5rem; font-weight: 800; color: var(--color-neutral-lightest); margin: 0 0 1.5rem 0; line-height: 1.2; }

#sec-glass-res2 .description { font-family: var(--font-body); font-size: 1.125rem; line-height: 1.6; color: var(--color-neutral-light); margin: 0; }

/* --- Right Column (Form) --- */ #sec-glass-res2 .form-column { flex: 1.2; }

#sec-glass-res2 .form-group { display: flex; flex-direction: column; margin-bottom: 1.25rem; }

#sec-glass-res2 .form-label { font-size: 0.875rem; font-weight: 700; color: var(--color-neutral-lightest); margin-bottom: 0.5rem; }

#sec-glass-res2 .form-input { width: 100%; padding: 0.875rem 1rem; font-family: var(--font-body); font-size: 1rem; color: var(--color-neutral-lightest); /* Light fill for inputs to contrast with glass */ background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; transition: all 0.2s ease; }

#sec-glass-res2 .form-input:focus { outline: none; background-color: rgba(255, 255, 255, 0.2); border-color: var(--color-primary); box-shadow: 0 0 0 3px var(--color-primary-lightest); }

#sec-glass-res2 .form-textarea { resize: vertical; }

#sec-glass-res2 .form-actions { display: flex; justify-content: flex-end; margin-top: 1rem; }

#sec-glass-res2 .submit-btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.875rem 1.5rem; font-family: var(--font-heading); font-weight: 700; font-size: 1rem; text-transform: uppercase; color: var(--button-primary-text); /* Using Primary Color from Prompt A1 */ background-color: var(--color-primary); border: none; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }

#sec-glass-res2 .submit-btn:hover { background-color: var(--color-primary-dark); transform: translateY(-1px); }

#sec-glass-res2 .btn-arrow { width: 14px; height: 14px; }

@media (max-width: 900px) { #sec-glass-res2 .glass-container { flex-direction: column; padding: 2rem; gap: 2rem; }

#sec-glass-res2 .form-actions { justify-content: stretch; }

#sec-glass-res2 .submit-btn { width: 100%; justify-content: center; } }
  </style>
  <script data-ai-id="scr-glass-res2" id="scr-glass-res2">
   (function() { // Logic for placeholders/interactivity if needed })();
  </script>
 <div id="footer-host"><template shadowrootmode="open"><html data-ai-id="el-2c8325ce" data-nav-element="footer" id="el-2c8325ce">
 <body data-ai-id="el-484e40b5" data-nav-element="footer" id="el-484e40b5">
  <section data-ai-id="sec-foot1" data-nav-element="footer" data-section-type="footer" data-template-name="FOOTER1" id="sec-foot1">
   <div data-ai-id="el-foot1a" data-nav-element="footer" data-type="html" id="el-foot1a">
    <div data-ai-id="el-foot1b" data-nav-element="footer" data-type="html" id="el-foot1b">
     
    </div>
    <nav data-ai-id="el-foot1d" data-nav-element="footer" data-type="html" id="el-foot1d">
     <ul data-ai-id="el-foot1e" data-nav-element="footer" data-type="list" id="el-foot1e">
      <li data-ai-id="el-foot1f" data-nav-element="footer" data-type="html" id="el-foot1f">
       <a data-ai-id="el-foot1g" data-cta-type="privacy_policy" data-nav-element="footer" data-type="text" href="/privacypolicy" id="el-foot1g">
        Privacy Policy
       </a>
      </li>
      <li data-ai-id="el-foot1h" data-nav-element="footer" data-type="html" id="el-foot1h">
       <a data-ai-id="el-foot1i" data-cta-type="terms_of_use" data-nav-element="footer" data-type="text" href="/termsofuse" id="el-foot1i">
        Terms of Use
       </a>
      </li>
      <li data-ai-id="el-foot1l" data-nav-element="footer" data-type="html" id="el-foot1l">
       <a data-ai-id="el-foot1m" data-cta-type="contact_us" data-nav-element="footer" data-type="text" href="/contactus" id="el-foot1m">
        Contact Us
       </a>
      </li>
     </ul>
    </nav>
   </div>
  </section>
  <style data-ai-id="stl-foot1" data-nav-element="footer" id="stl-foot1">
   #sec-foot1 {
  background-color: var(--color-background-primary, #ffffff);
  padding: 4rem 2rem;
  border-top: 1px solid var(--color-border-subtle, #e5e7eb);
}

#el-foot1a {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}

#el-foot1d ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
}

#el-foot1d a {
  color: var(--color-text-secondary, #4b5563);
  text-decoration: none;
  font-family: var(--font-family-body, sans-serif);
  font-size: 0.875rem;
  transition: color 0.2s ease;
}

#el-foot1d a:hover {
  color: var(--color-primary, #000000);
}

#el-foot1n {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

#el-foot1n a {
  color: var(--color-text-secondary, #4b5563);
  transition: color 0.2s ease;
}

#el-foot1n a:hover {
  color: var(--color-primary, #000000);
}

@media (max-width: 768px) {
  #el-foot1a {
    gap: 2rem;
  }
  
  #el-foot1d ul {
    flex-direction: column;
    align-items: center;
    gap: 1rem;
  }
}
  </style>
  <script data-ai-id="scr-foot1" data-nav-element="footer" id="scr-foot1">
   (function() {
  const section = document.getElementById('sec-foot1');
  if (section) {
    const logo = section.querySelector('[data-ai-id="el-foot1c"]');
    if (logo) {
      logo.addEventListener('load', function() {
        this.style.opacity = '1';
      });
      if (logo.complete) {
        logo.style.opacity = '1';
      }
    }
  }
})();
  </script>
 </body>
</html>
</template></div><div id="graphy-footer-host"><template shadowrootmode="open"><section id="sec-graphy-footer" data-ai-id="sec-graphy-footer" data-section-type="graphy_footer" data-nav-element="graphy_footer" style="background-color: #f7f8f5; padding: 12px 20px;">
    <div data-nav-element="graphy_footer" class="footer-content">
        <div class="footer-left">
            <img src="https://media.marka-img.com/461f7112/zQ3tBUI9rdD1qblfI0JQJO7IngL4xv.png" alt="Graphy Logo" class="logo-image">
        </div>
        <div class="footer-right">
            <div class="trust-badge">
                <img src="https://media.marka-img.com/461f7112/sg3a5Hm3ZPL7Zb38mHFsXCzMTRNbgY.png" alt="Trust Badge" class="badge-image">
                <span class="trust-text">200K+ creators trust Graphy</span>
            </div>
            <a href="https://graphy.com" class="cta-link" target="_blank">Try Graphy</a>
        </div>
    </div>
</section>

<style id="stl-graphy-footer" data-ai-id="stl-graphy-footer">
    #sec-graphy-footer {
        background-color: #f7f8f5;
    }

    #sec-graphy-footer .footer-content {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        max-width: 1400px !important;
        margin: 0 auto !important;
        flex-wrap: wrap !important;
    }

    #sec-graphy-footer .footer-left {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    #sec-graphy-footer .powered-by {
        font-size: 11px !important;
        color: #666 !important;
        font-family: Roobert, Arial, sans-serif !important;
        font-weight: normal !important;
        letter-spacing: 0.015em !important;
    }

    #sec-graphy-footer .logo-image {
        width: 50px !important;
        height: auto !important;
        display: block !important;
    }

    #sec-graphy-footer .footer-right {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    #sec-graphy-footer .trust-badge {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    #sec-graphy-footer .badge-image {
        width: 28px !important;
        height: auto !important;
        display: block !important;
    }

    #sec-graphy-footer .trust-text {
        font-size: 11px !important;
        color: #666 !important;
        font-family: Roobert, Arial, sans-serif !important;
        letter-spacing: 0.015em !important;
    }

    #sec-graphy-footer .cta-link {
        font-size: 11px !important;
        color: white !important;
        text-decoration: none !important;
        font-weight: 600 !important;
        font-family: Roobert, Arial, sans-serif !important;
        padding: 10px 20px !important;
        background-color: #232228 !important;
        border: none !important;
        border-radius: 100px !important;
        transition: all 0.3s ease !important;
        white-space: nowrap !important;
        letter-spacing: 0.015em !important;
        display: inline-block !important;
    }

    #sec-graphy-footer .cta-link:hover {
        background-color: #3d3a43 !important;
        transform: translateY(-2px) !important;
    }

    @media (max-width: 768px) {
        #sec-graphy-footer .footer-content {
            gap: 12px;
            padding: 0 16px;
        }

        #sec-graphy-footer .logo-image {
            width: 50px;
        }

        #sec-graphy-footer .trust-text,
        #sec-graphy-footer .powered-by,
        #sec-graphy-footer .cta-link {
            font-size: 11px;
        }

        #sec-graphy-footer .cta-link {
            padding: 6px 12px;
        }

        #sec-graphy-footer .badge-image {
            width: 28px;
        }
    }

    @media (max-width: 480px) {
        #sec-graphy-footer .footer-content {
            gap: 8px;
        }

        #sec-graphy-footer .logo-image {
            width: 45px;
        }

        #sec-graphy-footer .badge-image {
            width: 24px;
        }
    }
</style></template></div>