Applied Visual Design

Applied Visual Design
    <img src="doingKarateWow.jpeg" alt="Camper Cat doing karate.">
    <h1>Deep Thoughts with Master Camper Cat</h1>
    <article>
      <h2>Defeating your Foe: the Red Dot is Ours!</h2>
      <p>To Come...</p>
    </article>
    
    <img src="samuraiSwords.jpeg">
    
    <article>
      <h2>Is Chuck Norris a Cat Person?</h2>
      <p>To Come...</p>
    </article>
    <h1>How to Become a Ninja</h1>
    <main>
      <h2>Learn the Art of Moving Stealthily</h2>
      <h3>How to Hide in Plain Sight</h3>
      <h3>How to Climb a Wall</h3>
    
      <h2>Learn the Art of Battle</h2>
      <h3>How to Strengthen your Body</h3>
      <h3>How to Fight like a Ninja</h3>
    
      <h2>Learn the Art of Living with Honor</h2>
      <h3>How to Breathe Properly</h3>
      <h3>How to Simplify your Life</h3>
    </main>
    <header>
      <h1>Weapons of the Ninja</h1>
    </header>
    <main
    
    
    <footer></footer>
    <h1>Deep Thoughts with Master Camper Cat</h1>
    <main>
      <article>
        <h2>The Garfield Files: Lasagna as Training Fuel?</h2>
        <p>The internet is littered with varying opinions on nutritional parad
      </article>
    
      <img src="samuraiSwords.jpeg" alt="">
    
      <article>
        <h2>Defeating your Foe: the Red Dot is Ours!</h2>
        <p>Felines the world over have been waging war on the most persistent 
      </article>
    
    <body>
      <header>
        <h1>Training with Camper Cat</h1>
    
        <div>
          <ul>
            <li><a href="#stealth">Stealth &amp; Agility</a></li>
            <li><a href="#combat">Combat</a></li>
            <li><a href="#weapons">Weapons</a></li>
          </ul>
        </div>
    
      </header>
      <main>
    <body>
    
      <header>
        <h1>Training with Camper Cat</h1>
      </header>
    
    
      <main>
        <section id="stealth">
          <h2>Stealth &amp; Agility Training</h2>
          <article><h3>Climb foliage quickly using a minimum spanning tree approach</h3></article>
          <article><h3>No training is NP-complete without parkour</h3></article>
        </section>
        <section id="combat">
    <body>
      <header>
        <h1>Training</h1>
        <nav>
          <ul>
            <li><a href="#stealth">Stealth &amp; Agility</a></li>
            <li><a href="#combat">Combat</a></li>
            <li><a href="#weapons">Weapons</a></li>
          </ul>
        </nav>
      </header>
      <main>
        <section id="stealth">
          <h2>Stealth &amp; Agility Training</h2>
    <body>
      <header>
        <h1>Real Coding Ninjas</h1>
      </header>
      <main>
        <p>A sound clip of Zersiax's screen reader in action.</p>
        <audio controls>
          <source src="https://s3.amazonaws.com/freecodecamp/screen-reader.mp3" type="audio/mpeg" />
        </audio>
        
        
      </main>
    </body>
    <body>
      <header>
        <h1>Training</h1>
        <nav>
          <ul>
            <li><a href="#stealth">Stealth &amp; Agility</a></li>
            <li><a href="#combat">Combat</a></li>
            <li><a href="#weapons">Weapons</a></li>
          </ul>
        </nav>
      </header>
      <main>
        <section>
          
    <body>
      <header>
        <h1>Deep Thoughts with Master Camper Cat</h1>
      </header>
      <section>
        <form>
          <p>Sign up to receive Camper Cat's blog posts by email here!</p>
          
          
          <label>Email:</label>
          <input type="text" id="email" name="email">
          
          
          <input type="submit" name="submit" value="Submit">
    <body>
      <header>
        <h1>Deep Thoughts with Master Camper Cat</h1>
      </header>
      <section>
        <form>
          <p>Sign up to receive Camper Cat's blog posts by email here!</p>
          <label for="email">Email:</label>
          <input type="text" id="email" name="email">
          
          
          <!-- Add your code below this line -->
          <div>
            <p>What level ninja are you?</p>
    <body>
      <header>
        <h1>Tournaments</h1>
      </header>
      <main>
        <section>
          <h2>Mortal Kombat Tournament Survey</h2>
          <form>
            <p>Tell us the best date for the competition</p>
            <label for="pickdate">Preferred Date:</label>
            
            <!-- Add your code below this line -->
            
            <input type="date" id="pickdate" name="date">
    <body>
      <header>
        <h1>Tournaments</h1>
      </header>
      <article>
        <h2>Mortal Kombat Tournament Survey Results</h2>
        
        <!-- Add your code below this line -->
        
        <p>Thank you to everyone for responding to Master Camper Cat's survey.
        
        <!-- Add your code above this line -->
        
        <section>
    <head>
      <style>
      .sr-only {
        position: absolute;
        left: -10000px;
        width: 1px;
        height: ;
        top: auto;
        overflow: hidden;
      }
      </style>
    </head>
    <body>
      <header>
    <head>
      <style>
      body {
        color: #D3D3D3;
        background-color: #FFF;
      }
      </style>
    </head>
    <body>
      <header>
        <h1>Deep Thoughts with Master Camper Cat</h1>
      </header>
      <article>
        <h2>A Word on the Recent Catnip Doping Scandal</h2>
    <head>
      <style>
      body {
        color: hsl(0, 55%, 20%);
        background-color: hsl(120, 25%, 35%);
      }
      </style>
    </head>
    <body>
      <header>
        <h1>Deep Thoughts with Master Camper Cat</h1>
      </header>
      <article>
        <h2>A Word on the Recent Catnip Doping Scandal</h2>
    <head>
      <style>
      button {
        color: #003366;
        background-color: #FFFF33;
        font-size: 14px;
        padding: 10px;
      }
      </style>
    </head>
    <body>
      <header>
        <h1>Danger!</h1>
      </header>
    <body>
      <header>
        <h1>Deep Thoughts with Master Camper Cat</h1>
      </header>
      <article>
        <h2>Defeating your Foe: the Red Dot is Ours!</h2>
        <p>Felines the world over have been waging war on the most persistent 
      </article>
    </body>
    <body>
      <header>
        <h1>Deep Thoughts with Master Camper Cat</h1>
      </header>
      <article>
        
        
        <h2><a id="first" href="" accesskey="g">The Garfield Files: Lasagna as Training Fuel?</a></h2>
        
        
        <p>The internet is littered with varying opinions on nutritional parad
      </article>
      <article>
        
    <head>
      <style>
      p:focus {
        background-color: yellow;
      }
      </style>
    </head>
    <body>
      <header>
        <h1>Ninja Survey</h1>
      </header>
      <section>
        <form>
          
    <body>
      <header>
        <h1>Even Deeper Thoughts with Master Camper Cat</h1>
        <nav>
          <ul>
            <li><a href="">Home</a></li>
            <li><a href="">Blog</a></li>
            <li><a href="">Training</a></li>
          </ul>
        </nav>
      </header>
      <form>
        <label for="search">Search:</label>