agila-learning-examples/ceb/expanded-8-1/lesson-2/lesson.html

<!doctype html><html lang="ceb"><meta charset="utf-8"><title>Pag-style nga mabasa gihapon</title><h1>Pag-style nga mabasa gihapon</h1><p>15-minutong sesyon: pagbasa sulod sa 3 minutos, pag-trace sa 3, pag-eksperimento sa 7, ug pagtubag sa check sa 2. Paggahin og dugang oras kon gikinahanglan.</p><p>Ang CSS selector mopili og element ug ang declaration mousab sa hitsura. Tag-ana ang epekto sa padding sulod sa card; itandi sa margin gawas sa border. Usba ang gidak-on sa preview ug ipadayon ang pagkabasa nga walay horizontal scroll. Sulayi ang keyboard focus. Ayaw pagsalig sa kolor lamang alang sa pass o fail.</p><pre><code class="language-web">&lt;!doctype html&gt;
&lt;html lang=&quot;en&quot;&gt;&lt;meta charset=&quot;utf-8&quot;&gt;&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1&quot;&gt;
&lt;title&gt;Agila study&lt;/title&gt;
&lt;style&gt;body{font:1.1rem system-ui;margin:2rem;background:#f4f2fb;color:#21143e} main{max-width:40rem;margin:auto;padding:1.5rem;background:white;border:2px solid #56329a;border-radius:12px}button{padding:1rem}&lt;/style&gt;
&lt;main&gt;&lt;h1&gt;My study plan&lt;/h1&gt;&lt;p&gt;Resize the preview. Keep this text readable.&lt;/p&gt;&lt;button&gt;Start&lt;/button&gt;&lt;/main&gt;&lt;/html&gt;</code></pre><h3>Praktis ug ebidensiya</h3><p>Isulat ang tagna, aktuwal nga resulta, ug hinungdan sa pagkapareho o kalainan. Ang completion check mosukod sa pagsabot; ang practice task mopauswag sa kahanas.</p></html>