Babel includes JSX processing.
Any URL's added here will be added as
If active, Pens will autosave every 30 seconds after being saved once.
If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.
If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.
Visit your global Editor Settings.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Colleen</title> <!-- ADD a LINK TO YOUR STYLE SHEET HERE!! --> </head> <body> <header> <h1>Colleen van Lent</h1> <nav> <a href = "">One</a> <a href = "">Two</a> <a href = "">Three</a> <a href = "">Your Choice</a> </nav> </header> <section class="half"> <h2>Favorite Foods</h2> <ul> <li>Apples</li> <li>Pizza</li> <li>Crab</li> <li>Chocolate Cake</li> </ul> </section> <section class="half"> <h2>Achievements</h2> <p> Progress in this course <100%></100%><progress value = "1"></progress><br/>Progress in the Specialization (20%) <progress max = "5" value = "1"></progress><br/> Progress in life goals (67%)<progress max = "100" value = "67"></progress></p> </section> <section class = "whole"> <h2>More About Me</h2> <details open><summary>My Childhood</summary> <p>I grew up in Ashtabula Ohio. I lived near Lake Erie and I really miss the sunsets over the water. </details> </section> <footer> <p><img src = "http://www.intro-webdesign.com/images/newlogo.png" alt = "logo"/> This page was created by your name & Colleen van Lent. To learn more about web design, visit <a href="http://www.intro-webdesign.com">Intro to Web Design</a>.</p> </footer> </body> </html>
Also see: Tab Triggers