<!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 {
}
Scroll to Top