Teaching Mode

OvaEdu Chat Taught Keywords Join Student

Teach OvaEdu Something

Get Plus

<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Preview</title>
  <style>
    @font-face {
      font-family: 'Garet-Book';
      src: url(../fonts/Garet-Book.ttf) format('truetype');
      font-weight: 400;
      font-style: normal;
      font-display: swap;
    }
    @font-face {
      font-family: 'Garet-Book';
      src: url(../fonts/Garet-Heavy.ttf) format('truetype');
      font-weight: 700;
      font-style: normal;
      font-display: swap;
    }

body { font-family: 'Garet-Book', Arial, sans-serif; margin: 2rem; background: #f7fbfd; }
    h1   { color: #234567; margin-bottom: .5rem; }
    .card {
      padding: 20px 24px; border: 2px solid #99c2d2;
      border-radius: 14px; background: #fff;
      max-width: 380px; box-shadow: 0 4px 14px rgba(35,69,103,.1);
    }
    p { font-size: 14px; color: #5a7a95; line-height: 1.6; }
    button {
      margin-top: 14px; background: #ff3856; color: #fff;
      border: 0; border-radius: 8px; padding: 10px 22px;
      font-size: 14px; font-weight: bold; cursor: pointer;
    }
    button:hover { background: #e0003a; }
  </style>
</head>
<body>
  <h1>Hello from OvaEdu</h1>
  <div class="card">
    <p>Edit the code on the left and press <strong>Run</strong> or <kbd>Ctrl+Enter</kbd> to preview.</p>
    <button onclick="this.textContent = 'It works!'">Click me</button>
  </div>
</body>
</html>

Teaching Chats

Teach OvaEdu Something