erottman · November 30, 2016 00:58
diff --git a/projectonehtml.index b/projectonehtml.index
 <!doctype html>
 <html>
 <head>
  <title>Dog Gone Day Pet Nanny</title>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css" />
  <link rel="stylesheet" href="assets/stylesheets/application.css" />
  <link href="https://fonts.googleapis.com/css?family=Raleway|Roboto+Slab" rel="stylesheet"/>

 </head>


 <body>
  <header>
    <div class="wrapper">
    <h1>Dog Gone Day Pet Nanny</h1>
    </div>
  </header>
  <nav>
    <div class="wrapper">
    <ul>
      <li><a href="#about_me">About Me</a><br /></li>
      <li><a href="#services">Nanny Services</a><br /></li>
      <li><a href="#about_you">About You</a><br /></li>
      <li><a href="#contact">Contact</a><br /></li>
    </ul>
 <img src="assets/images/zilla.jpeg" width="300"
    alt="picture of a puppy"/>
    </div>
 <main>
    <div class="wrapper">
  <h2 id="about_us">About Me</h2>
  <p>Hello, my name is <strong>Lisa!!</strong> but my clients call me their<strong><em> Dog's Best Friend</em></strong>.
     I have been taking care of little buddies in the <strong><em>West Seattle Neighborhood</em></strong> for over
     over <b>3 years</b>. Im not just a walker or a babysitter...I am your <strong><em>buddy's
     companion</em></strong> while you are away. Whether its a jaunt to the <strong><em>West Crest Dog Park</em></strong>,
     a swim down at <strong><em>Lincoln Park</em></strong>, or an overnighter watching Frozen and eating dog
     approved treats while the parents are out to <strong><em>Play!</em></strong></p>
  <img src="assets/images/lisa.jpg" width="300"
    alt="Picture of Lisa"/>
  <h2 id="#services">Nanny Services</h2>
  <table>
    <thead>
      <tr>
        <th></th>
        <th scope="col">Pricing</th>
        <th scope="co">Duration</th>
      </tr>
    </thead>
      <tbody>
        <tr>
          <th scope="row">Strolls</th>
            <td>$20</td>
            <td>30 minutes</td>
        </tr>
        <tr>
          <th scope="row">Juants</th>
            <td>$40</td>
            <td>60 minutes</td>
        </tr>
        <tr>
          <th scope="row">Dog Park</th>
            <td>$40</td>
            <td>75 minutes</td>
        </tr>
        <tr>
          <th scope="row">Sleepovers</th>
            <td>$50</td>
            <td>Each Day</td>
        </tr>
      </tbody>
        <tfoot>
          <tr>
            <td><td>
              <td colspan="2"><em>Durations are Approximate<em></td>
          </tr>
      </tfoot>
    </table>
  <h2 id="#about_you">About You</h2>
    <form action=""><!-- need to learn this -->
      <fieldset>
        <legend>
          Your Details:
        </legend>
        <p>
          <label for="service-interested">
            What Service(s) Are You Most Interested for Your Buddy:
            <br />
            <br />
          </label>
          <input type="checkbox" name="strolls"
            value="strolls" checked="checked" /> Strolls
          <input type="checkbox" name="jaunts"
            value="jaunts" /> Jaunts
          <input type="checkbox" name="dog park"
            value="dog park" /> Dog Park
          <input type="checkbox" name="sleepover"
            value="sleepover" /> Sleepovers
          </p>
          <label>
            Name:
            <input type="text"  name="name" size="30" maxlength="100">
          </label>
            <br />
          <label>
            Email:
            <input type="email" name="email" size="30" maxlength="100">
          </label>
            <br />
          <label>
            Phone:
            <input type="phone"  name="phone" size="30"  maxlength="100">
          </label>
            <br />
            <br />
          <input type="submit" name="submit"
            value="Submit" />
        </fieldset>
    </form>
  <h2 id="#contact">Contact</h2>
    <p>West Crest Dog Park, Seattle WA </p>
    <p><span class="contact">Telephone:</span>
      555-DOGS</p>
    <p><span class="contact">Email: </span>
      <a href="mailto:[email protected]">
        [email protected] </a></p>
    <iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d5386.189854386338!2d-122.35527517453004!3d47.54648116889519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x5490417dfb2387ad%3A0xf93261ad4322e611!2sWestcrest+Park%2C+9000+8th+Ave+SW%2C+Seattle%2C+WA+98106!3m2!1d47.5238083!2d-122.3411723!5e0!3m2!1sen!2sus!4v1480460830018"
        width="400" height="300" frameborder="0" style="border:0" allowfullscreen>
    </iframe>
   </div>
 </main>
  <footer>
    <div class="wrapper">
      <p>Puppy picture made by
      <a href="http://www.facebook.com/EricaKH"
      target="_blank">Erica's Iphone</a>
      </p>
    </div>
   </footer>
 </body>

 <script type="text/javascript" src="assets/javascripts/application.js"> </script>

 </html>



 /*CSS*/
 /*Adding a light background color*/
 body{
  background-color:  #FFF8DC;
  font-family: "Raleway", sans-serif;

 }
 .wrapper {
  width: 700px;
  margin: auto;
 }

 header {
  height: 100px;
  padding: 20px;
  background-color: #006400;
  margin: 0;

 }
 h1 {
  text-align: center;
  font-family: Arial;
  font-size: 48px;
  font-style: oblique;
 }

 main{
  height: 250px;
      color: blue;
 }


 footer{
  height: 100px;
  padding: 20px;
  background-color: #006400;
  margin: 0;
 }
	<!doctype html>
	<html>
	<head>
	<title>Dog Gone Day Pet Nanny</title>
	<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.1/normalize.min.css" />
	<link rel="stylesheet" href="assets/stylesheets/application.css" />
	<link href="https://fonts.googleapis.com/css?family=Raleway\|Roboto+Slab" rel="stylesheet"/>

	</head>


	<body>
	<header>
	<div class="wrapper">
	<h1>Dog Gone Day Pet Nanny</h1>
	</div>
	</header>
	<nav>
	<div class="wrapper">
	<ul>
	<li><a href="#about_me">About Me</a><br /></li>
	<li><a href="#services">Nanny Services</a><br /></li>
	<li><a href="#about_you">About You</a><br /></li>
	<li><a href="#contact">Contact</a><br /></li>
	</ul>
	<img src="assets/images/zilla.jpeg" width="300"
	alt="picture of a puppy"/>
	</div>
	<main>
	<div class="wrapper">
	<h2 id="about_us">About Me</h2>
	<p>Hello, my name is <strong>Lisa!!</strong> but my clients call me their<strong><em> Dog's Best Friend</em></strong>.
	I have been taking care of little buddies in the <strong><em>West Seattle Neighborhood</em></strong> for over
	over <b>3 years</b>. Im not just a walker or a babysitter...I am your <strong><em>buddy's
	companion</em></strong> while you are away. Whether its a jaunt to the <strong><em>West Crest Dog Park</em></strong>,
	a swim down at <strong><em>Lincoln Park</em></strong>, or an overnighter watching Frozen and eating dog
	approved treats while the parents are out to <strong><em>Play!</em></strong></p>
	<img src="assets/images/lisa.jpg" width="300"
	alt="Picture of Lisa"/>
	<h2 id="#services">Nanny Services</h2>
	<table>
	<thead>
	<tr>
	<th></th>
	<th scope="col">Pricing</th>
	<th scope="co">Duration</th>
	</tr>
	</thead>
	<tbody>
	<tr>
	<th scope="row">Strolls</th>
	<td>$20</td>
	<td>30 minutes</td>
	</tr>
	<tr>
	<th scope="row">Juants</th>
	<td>$40</td>
	<td>60 minutes</td>
	</tr>
	<tr>
	<th scope="row">Dog Park</th>
	<td>$40</td>
	<td>75 minutes</td>
	</tr>
	<tr>
	<th scope="row">Sleepovers</th>
	<td>$50</td>
	<td>Each Day</td>
	</tr>
	</tbody>
	<tfoot>
	<tr>
	<td><td>
	<td colspan="2"><em>Durations are Approximate<em></td>
	</tr>
	</tfoot>
	</table>
	<h2 id="#about_you">About You</h2>
	<form action=""><!-- need to learn this -->
	<fieldset>
	<legend>
	Your Details:
	</legend>
	<p>
	<label for="service-interested">
	What Service(s) Are You Most Interested for Your Buddy:
	<br />
	<br />
	</label>
	<input type="checkbox" name="strolls"
	value="strolls" checked="checked" /> Strolls
	<input type="checkbox" name="jaunts"
	value="jaunts" /> Jaunts
	<input type="checkbox" name="dog park"
	value="dog park" /> Dog Park
	<input type="checkbox" name="sleepover"
	value="sleepover" /> Sleepovers
	</p>
	<label>
	Name:
	<input type="text" name="name" size="30" maxlength="100">
	</label>
	<br />
	<label>
	Email:
	<input type="email" name="email" size="30" maxlength="100">
	</label>
	<br />
	<label>
	Phone:
	<input type="phone" name="phone" size="30" maxlength="100">
	</label>
	<br />
	<br />
	<input type="submit" name="submit"
	value="Submit" />
	</fieldset>
	</form>
	<h2 id="#contact">Contact</h2>
	<p>West Crest Dog Park, Seattle WA </p>
	<p><span class="contact">Telephone:</span>
	555-DOGS</p>
	<p><span class="contact">Email: </span>
	<a href="mailto:[email protected]">
	[email protected] </a></p>
	<iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d5386.189854386338!2d-122.35527517453004!3d47.54648116889519!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x5490417dfb2387ad%3A0xf93261ad4322e611!2sWestcrest+Park%2C+9000+8th+Ave+SW%2C+Seattle%2C+WA+98106!3m2!1d47.5238083!2d-122.3411723!5e0!3m2!1sen!2sus!4v1480460830018"
	width="400" height="300" frameborder="0" style="border:0" allowfullscreen>
	</iframe>
	</div>
	</main>
	<footer>
	<div class="wrapper">
	<p>Puppy picture made by
	<a href="http://www.facebook.com/EricaKH"
	target="_blank">Erica's Iphone</a>
	</p>
	</div>
	</footer>
	</body>

	<script type="text/javascript" src="assets/javascripts/application.js"> </script>

	</html>



	/CSS/
	/Adding a light background color/
	body{
	background-color: #FFF8DC;
	font-family: "Raleway", sans-serif;

	}
	.wrapper {
	width: 700px;
	margin: auto;
	}

	header {
	height: 100px;
	padding: 20px;
	background-color: #006400;
	margin: 0;

	}
	h1 {
	text-align: center;
	font-family: Arial;
	font-size: 48px;
	font-style: oblique;
	}

	main{
	height: 250px;
	color: blue;
	}


	footer{
	height: 100px;
	padding: 20px;
	background-color: #006400;
	margin: 0;
	}