<!DOCTYPE html> <html> <head> <title>About Us</title> </head> <body> <h1>About Us</h1> <p>We are the Nanonauts.</p> <p>Our names are Holly, Dervla, Daniel, and Sam.</p> </body> </html>
body { font-family: sans-serif; }
<!DOCTYPE html> <html> <head> <title>About Us</title> <link type="text/css" rel="stylesheet" href="css/my-first-stylesheet.css"/> </head> <body> <h1>About Us</h1> <p>We are the Nanonauts.</p> <p>Our names are Holly, Dervla, Daniel, and Sam.</p> </body> </html>
<!DOCTYPE html> <html> <head> <title>About Us</title> <link type="text/css" rel="stylesheet" href="css/my-first-stylesheet.css"/> </head> <body> <h1>About Us</h1> <p><img src="images/nanonauts.jpg" alt="Picture of the Nanonauts"/></p> <p>We are the Nanonauts.</p> <p>Our names are Holly, Dervla, Daniel, and Sam.</p> </body> </html>
<!DOCTYPE html> <html> <head> <title>Our Songs</title> <link type="text/css" rel="stylesheet" href="css/my-first-stylesheet.css"/> </head> <body> <h1>Our Songs</h1> <p>This is a list of the songs we can play:</p> <ul> <li>Magical Mystery Bug</li> <li>Boot It</li> <li>The Long and Winding Code</li> <li>Dojo Dancing</li> <li>Empty Elements</li> <li>Java Chameleon</li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>Home</title> <link type="text/css" rel="stylesheet" href="css/my-first-stylesheet.css"/> </head> <body> <h1>We are the Nanonauts!</h1> <p>This is our website. Click on a link to visit a page:</p> <ul> <li><a href="about-us.html">About Us</a></li> <li><a href="our-songs.html">Our Songs</a></li> <li><a href="see-us-play.html">See Us Play</a></li> </ul> </body> </html>
<!DOCTYPE html> <html> <head> <title>Playing a Concert</title> <link type="text/css" rel="stylesheet" href="css/my-first-stylesheet.css"/> </head> <body> <h1>Playing a Concert</h1> <p>Playing a concert can be great fun! Or it can be totally scary! Sometimes both at the same time.</p> <p>So we've put together a list of our top tips for great concerts.</p> <h2>Write out a set-list</h2> <p>A <strong>set-list</strong> is a list of all your songs in the order you'll play them.</p> <p>Make copies for everyone.</p> <p>Print it <strong>BIG!</strong> so that you can still read it if it's down by your feet on the floor, or if the lighting isn't very good.</p> <h2>Remember your spares</h2> <p>Some instruments have parts that need to be replaced if they wear out or break. For example:</p> <ul> <li>guitar strings</li> <li>saxophone or clarinet reeds</li> <li>drumsticks</li> </ul> <p>Make a list of the spares you might need and make sure you know where they are in an emergency.</p> <h2>Plan where you'll be on the stage</h2> <p>Before you start to set up your instruments, take a few minutes to decide where you're all going to be.</p> <ul> <li>Will the drums be center stage? Or off to one side?</li> <li>Is there a power socket for the amplifier if your guitar player stands on the right?</li> </ul> <p>It's much better to think about all this <strong>before</strong> you start setting up your instruments. It's really annnoying if you have to start unplugging things and swapping places once you've begun to set up things up!</p> <h2>Know where you're going, know when you're on</h2> <p>If you're playing a concert somewhere you've never been before make sure you know where it is. Print out a map or set the GPS before you set out. There's nothing worse than being lost in an unfamiliar place a half hour before you're due to go onstage.</p> <p>And when you do arrive, the first thing you should do is <strong>find out what time you're on</strong>. Times often change. Ask whoever is running the event when you'll be on. Don't get caught off guard!</p> </body> </html>
body { font-family: sans-serif; }
body { font-family: serif; }
body { background-color: Thistle; font-family: sans-serif; margin-left: auto; margin-right: auto; max-width: 1024px; min-width: 256px; padding-top: 8px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px }
body { background-color: Thistle; border: 2px solid Gray; border-radius: 16px font-family: sans-serif; margin-left: auto; margin-right: auto; max-width: 1024px; min-width: 256px; padding-top: 8px; padding-bottom: 24px; padding-left: 24px; padding-right: 24px } html { background: radial-gradient(circle, SkyBlue, SkyBlue 50%, LightCyan 50%, SkyBlue); background-size: 8px 8px; }
body { } html { }
body { background-color: Thistle; } html { }
body { background-color: Thistle; border: 2px solid Gray; } html { }