codecademydev/index.html Secret

## index.html
<!DOCTYPE html>
<html>
  <header>
    <title>Catterick Touch Rugby</title>
    <link href="styles.css" type="text/css" rel="stylesheet">
     <nav>
      <ul>
        <a href="about us">About Us</a>
        <a href="news">News</a>
        <a href="gallery">Gallery</a>
      </ul>
    </nav>
  </header>
  <body>
    <h1 class="heading">Catterick Touch Rugby</h1>
    <main>
      <h2 class="who">Who are we?</h2>
      <p>we are a friendly social team, lead by Joy and Dave Carter. We also like to dabble in the odd tournament. We take children's lessons over the weekend and our adult session is on a Wednesday night</p>
      <h2 class ="how">How can I join?</h2>
      <p>It's simple, just come along to the session that suits you and we'll take it from there. The first time you come its free so you can try before you buy.</p>
      <h2 class="details">Can I have the session details?</h2>
      <p>children's sessions are held at <strong>Catterick Leisure Centre</strong> on a <strong>Saturday</strong> morning and at <strong>Northallerton</strong> on a <strong>Sunday</strong> morning. The times for both are as follows:</p>
      <br>
      <ul>
   <strong><li value="3-5yrs">3-5yrs    10am</li>
        <li value="6-15yrs">6-15yrs  11am</li></strong>
      </ul>
      <br>
    <aside>Our <strong>adults team</strong> is for <strong>16yrs plus</strong> and is held at <strong>8pm</strong> on <strong>Wednesday</strong> at <strong>Catterick Leisure Centre</strong></aside>
    <h2 class="price">How about the price?</h2>
    <p>We run a membership fee. This is £5 per month in advance for all age groups. If you or your child would like to get involved in our tournaments, its £8 per month. This covers tournament entrance fees and a meal on match days.</p>
   <h2 class="anything">Anything else?</h2>
   <p>Just turn up and have fun! We have a huge playing area and a host of qualified coaches to take care of your needs. We sell tea and coffee and there are also vending machines on site for refreshments. Whether you want to be the next Tony Trad, or just dip in and out, we'd love to meet you and welcome you to play.</p>
    </main>
    <footer>Catterick Touch</footer>
  </body>
</html>

## styles.css
nav {
  background-color: DarkGreen;
  display: inline-block;
  position: sticky;
  z-index: 10;
  width: 100%;
  margin: 0;
  padding:20px;
  }

a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  font-size: 0.95em;
}

h1 {
  background-image: url(https://images.unsplash.com/photo-1509448870878-79f063dd76b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);
  padding-bottom: 75px;
  color: DarkGreen;
  font-weight: bold;
  width: 100%;
  opacity: 0.85;
  font-family: impact;
  position: relative;
}

h2, a {
  background-color: DarkGreen;
  color: White;
  font-family: Helvetica, Georgia, sans-serif;
  margin: 0;
}

p, ul, aside, br {
  font-family: Helvetica, Georgia, sans-serif;
  background-color: #F0EEEF;
  margin: 0;
  position: relative;
  color: DarkGrey;

}

footer {
  background-color: DarkGreen;
  color: White;
  text-align: center;
  padding: 20px;
}

@media only screens and (max-width: 480px){

}
	<!DOCTYPE html>
	<html>
	<header>
	<title>Catterick Touch Rugby</title>
	<link href="styles.css" type="text/css" rel="stylesheet">
	<nav>
	<ul>
	<a href="about us">About Us</a>
	<a href="news">News</a>
	<a href="gallery">Gallery</a>
	</ul>
	</nav>
	</header>
	<body>
	<h1 class="heading">Catterick Touch Rugby</h1>
	<main>
	<h2 class="who">Who are we?</h2>
	<p>we are a friendly social team, lead by Joy and Dave Carter. We also like to dabble in the odd tournament. We take children's lessons over the weekend and our adult session is on a Wednesday night</p>
	<h2 class ="how">How can I join?</h2>
	<p>It's simple, just come along to the session that suits you and we'll take it from there. The first time you come its free so you can try before you buy.</p>
	<h2 class="details">Can I have the session details?</h2>
	<p>children's sessions are held at <strong>Catterick Leisure Centre</strong> on a <strong>Saturday</strong> morning and at <strong>Northallerton</strong> on a <strong>Sunday</strong> morning. The times for both are as follows:</p>
	<br>
	<ul>
	<strong><li value="3-5yrs">3-5yrs 10am</li>
	<li value="6-15yrs">6-15yrs 11am</li></strong>
	</ul>
	<br>
	<aside>Our <strong>adults team</strong> is for <strong>16yrs plus</strong> and is held at <strong>8pm</strong> on <strong>Wednesday</strong> at <strong>Catterick Leisure Centre</strong></aside>
	<h2 class="price">How about the price?</h2>
	<p>We run a membership fee. This is £5 per month in advance for all age groups. If you or your child would like to get involved in our tournaments, its £8 per month. This covers tournament entrance fees and a meal on match days.</p>
	<h2 class="anything">Anything else?</h2>
	<p>Just turn up and have fun! We have a huge playing area and a host of qualified coaches to take care of your needs. We sell tea and coffee and there are also vending machines on site for refreshments. Whether you want to be the next Tony Trad, or just dip in and out, we'd love to meet you and welcome you to play.</p>
	</main>
	<footer>Catterick Touch</footer>
	</body>
	</html>
	nav {
	background-color: DarkGreen;
	display: inline-block;
	position: sticky;
	z-index: 10;
	width: 100%;
	margin: 0;
	padding:20px;
	}

	a {
	text-decoration: none;
	display: inline-block;
	width: 100%;
	font-size: 0.95em;
	}

	h1 {
	background-image: url(https://images.unsplash.com/photo-1509448870878-79f063dd76b8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60);
	padding-bottom: 75px;
	color: DarkGreen;
	font-weight: bold;
	width: 100%;
	opacity: 0.85;
	font-family: impact;
	position: relative;
	}

	h2, a {
	background-color: DarkGreen;
	color: White;
	font-family: Helvetica, Georgia, sans-serif;
	margin: 0;
	}

	p, ul, aside, br {
	font-family: Helvetica, Georgia, sans-serif;
	background-color: #F0EEEF;
	margin: 0;
	position: relative;
	color: DarkGrey;

	}

	footer {
	background-color: DarkGreen;
	color: White;
	text-align: center;
	padding: 20px;
	}

	@media only screens and (max-width: 480px){

	}