Final Website Project

Combine HTML, CSS, layout, JavaScript, responsive design, and forms into one finished project.

<style><br /> body { font-family:Arial; margin:0; background:#eef3f8; }<br /> .hero { padding:48px 20px; text-align:center; background:#102943; color:white; }<br /> .card { max-width:600px; margin:24px auto; padding:24px; background:white; border-radius:18px; }<br /> button { padding:12px 18px; border:0; border-radius:10px; background:#55c7ff; font-weight:bold; }<br /> </style><br /> <section class=”hero”><h1>My Website</h1><p>Built in MovieCache Coding Academy</p></section><br /> <div class=”card”><br /> <h2>Interactive Project</h2><br /> <button id=”launch”>Launch</button><br /> <p id=”status”>Ready</p><br /> </div><br /> <script><br /> document.getElementById(‘launch’).addEventListener(‘click’, () => {<br /> document.getElementById(‘status’).textContent = ‘It works!’;<br /> });<br /> </script>Open Final Live Preview

← Coding Academy