matthiasdebernardini · January 14, 2018 11:24
diff --git a/gistfile1.txt b/gistfile1.txt
 <!DOCTYPE HTML5(experimental)>

 <html>
  <head>
    <title>
      Jacked Phones
    </title>
     <link rel="stylesheet" type="text/css" href="WebPageScreen.css">
     <style>
 img {
    width: 100%;
    height: auto;
 }
 </style>
  </head>

      <div id="header">

          <div id="headerTitle">JACKED HEADPHONES</div>

          <div id="headerSubText">We put the headphone jack back into the iPhone 7 and the Google Pixel</div>

      </div>


    <nav class="navigation">

      <a href="#location">Locations</a>
      <a href="#hours">Store Hours</a>
      <a href="#motivation">About us</a>
      <a href="#contact">Contact</a>
    </nav>

    <table>
      <caption> Available Models </caption>
      <tr>
          <th>Image</th><th>Brand Name</th><th>Model Name</th><th>Screen Size</th><th>Operating System</th>
      </tr>
        <tr>
            <td>
              <figure>
                <img class="models" src="https://www.tech4d.it/wp-content/uploads/2017/03/google-pixel-2-leaked-front.jpg" alt="Google Pixel 2">
              </figure>
            </td>
            <td>Google</td>
            <td><a href="https://en.wikipedia.org/wiki/Pixel_2">Pixel 2</a></td>
            <td>6-inch</td>
            <td>Android</td>
            <tr>
                <td>
                  <figure>
                    <img class="models" src="https://cdn.arstechnica.net/wp-content/uploads/2016/09/iphone7-intro-800x533.jpg" alt="iPhone 7 Plus">
                  </figure>
                </td>
                <td>Apple</td>
                <td><a href="https://en.wikipedia.org/wiki/IPhone_7">iPhone 7 Plus</a></td>
                <td>5.5-inch</td>
                <td>iOS</td>
                <tr>
                    <td>
                      <figure>
                        <img class="models" src="https://uncrate.com/p/2017/03/samsung-galaxy-s8.jpg" alt="Samsung Galaxy S8">
                      </figure>
                    </td>
                    <td>Samsung</td>
                    <td><a href="https://en.wikipedia.org/wiki/Samsung_Galaxy_S8">Galaxy S8</a></td>
                    <td>5.8-inch</td>
                    <td>Android</td>
    </table>
 <body>




    <h2 id="motivation">Why Reintroduce The Headphone Jack</h2>

    <p>Below are several reasons why we wanted a headphone jack in our phones(in no particular order):</p>
    <ul>
        <li> We don't like being told what to do </li>
        <li> Don't you have a pair of headphones that feel like a hug from an old friend that you dont want to use with a dongle?</li>
        <li> <strong>Donglegate</strong> - <em>nuff said</em></li>
    </ul>
 <p/>Below are two reasons why you should buy our phones!<p>
  <ol>
    <li> You can plug into all sorts of devices!</li>
    <li> You wont have to use bluetooth! Which is unreliable</li>
  </ol>
 <h2> What happened? </h2>
 <dl>
    <dt>Apple iPhone 7</dt>
    <dd>
      Apple releaed the iPhone 7 and decided that the headphone jack was not needed, they said it was courage but we all know they wanted us to buy their new wireless headphones
    </dd>



  <img alt="Something is missing." src="https://cdn.arstechnica.net/wp-content/uploads/2016/09/DSC05289-1-980x653.jpg">
    <dt> Google Pixel <dt>
    <dd>
      Google unveiled their new pixel line to much fanfare but the lack of headphone jack was increadibly dissapointing. Their reasons for doing this were unclear, however this marked the beggining of the end of headphone jacks.
    <dd>
      <img src='/Users/matthiasdebernardini/Documents/WebTechnology-master/links-and-images/images/google_no_jack.jpg'/>
 </dl>
 <section>
  <h2>Inspiration for Jacked Phones</h2>
  <p>Scotty from <a href='https://www.youtube.com/watch?v=utfbE3_uAMA'> strange parts </a> was our inspiration. Watch this video to see how to do this yourself. <em> <strong> Caution:</strong> its extremely hard to do this yourself so its better to come and have us do it for you.</em></p>

 </section>
 <section>
  <h2 id="Motivation">Here's what our customers have to say!</h2>
  <dl>
    <blockquote>
      <ul><p>&ldquo;They broke my phone, but at least they were nice about it.&ldquo; - Shela</p></ul>
      <ul><p>&ldquo;My barometer doesnt work, apparently they told me when they explained what they were doing but I wasn't paying attention and now I'm pissed.&ldquo; - Johny</p></ul>
    </blockquote>
  </dl>
 </section>

    <h2 id="location">Here is where you can find us</h2>
    <h2 id="hours">These are our store hours</h2>
    <h2 id="contact">This is how you can contact us</h2>


  </body>
 </html>
	<!DOCTYPE HTML5(experimental)>

	<html>
	<head>
	<title>
	Jacked Phones
	</title>
	<link rel="stylesheet" type="text/css" href="WebPageScreen.css">
	<style>
	img {
	width: 100%;
	height: auto;
	}
	</style>
	</head>

	<div id="header">

	<div id="headerTitle">JACKED HEADPHONES</div>

	<div id="headerSubText">We put the headphone jack back into the iPhone 7 and the Google Pixel</div>

	</div>


	<nav class="navigation">

	<a href="#location">Locations</a>
	<a href="#hours">Store Hours</a>
	<a href="#motivation">About us</a>
	<a href="#contact">Contact</a>
	</nav>

	<table>
	<caption> Available Models </caption>
	<tr>
	<th>Image</th><th>Brand Name</th><th>Model Name</th><th>Screen Size</th><th>Operating System</th>
	</tr>
	<tr>
	<td>
	<figure>
	<img class="models" src="https://www.tech4d.it/wp-content/uploads/2017/03/google-pixel-2-leaked-front.jpg" alt="Google Pixel 2">
	</figure>
	</td>
	<td>Google</td>
	<td><a href="https://en.wikipedia.org/wiki/Pixel_2">Pixel 2</a></td>
	<td>6-inch</td>
	<td>Android</td>
	<tr>
	<td>
	<figure>
	<img class="models" src="https://cdn.arstechnica.net/wp-content/uploads/2016/09/iphone7-intro-800x533.jpg" alt="iPhone 7 Plus">
	</figure>
	</td>
	<td>Apple</td>
	<td><a href="https://en.wikipedia.org/wiki/IPhone_7">iPhone 7 Plus</a></td>
	<td>5.5-inch</td>
	<td>iOS</td>
	<tr>
	<td>
	<figure>
	<img class="models" src="https://uncrate.com/p/2017/03/samsung-galaxy-s8.jpg" alt="Samsung Galaxy S8">
	</figure>
	</td>
	<td>Samsung</td>
	<td><a href="https://en.wikipedia.org/wiki/Samsung_Galaxy_S8">Galaxy S8</a></td>
	<td>5.8-inch</td>
	<td>Android</td>
	</table>
	<body>




	<h2 id="motivation">Why Reintroduce The Headphone Jack</h2>

	<p>Below are several reasons why we wanted a headphone jack in our phones(in no particular order):</p>
	<ul>
	<li> We don't like being told what to do </li>
	<li> Don't you have a pair of headphones that feel like a hug from an old friend that you dont want to use with a dongle?</li>
	<li> <strong>Donglegate</strong> - <em>nuff said</em></li>
	</ul>
	<p/>Below are two reasons why you should buy our phones!<p>
	<ol>
	<li> You can plug into all sorts of devices!</li>
	<li> You wont have to use bluetooth! Which is unreliable</li>
	</ol>
	<h2> What happened? </h2>
	<dl>
	<dt>Apple iPhone 7</dt>
	<dd>
	Apple releaed the iPhone 7 and decided that the headphone jack was not needed, they said it was courage but we all know they wanted us to buy their new wireless headphones
	</dd>



	<img alt="Something is missing." src="https://cdn.arstechnica.net/wp-content/uploads/2016/09/DSC05289-1-980x653.jpg">
	<dt> Google Pixel <dt>
	<dd>
	Google unveiled their new pixel line to much fanfare but the lack of headphone jack was increadibly dissapointing. Their reasons for doing this were unclear, however this marked the beggining of the end of headphone jacks.
	<dd>
	<img src='/Users/matthiasdebernardini/Documents/WebTechnology-master/links-and-images/images/google_no_jack.jpg'/>
	</dl>
	<section>
	<h2>Inspiration for Jacked Phones</h2>
	<p>Scotty from <a href='https://www.youtube.com/watch?v=utfbE3_uAMA'> strange parts </a> was our inspiration. Watch this video to see how to do this yourself. <em> <strong> Caution:</strong> its extremely hard to do this yourself so its better to come and have us do it for you.</em></p>

	</section>
	<section>
	<h2 id="Motivation">Here's what our customers have to say!</h2>
	<dl>
	<blockquote>
	<ul><p>“They broke my phone, but at least they were nice about it.“ - Shela</p></ul>
	<ul><p>“My barometer doesnt work, apparently they told me when they explained what they were doing but I wasn't paying attention and now I'm pissed.“ - Johny</p></ul>
	</blockquote>
	</dl>
	</section>

	<h2 id="location">Here is where you can find us</h2>
	<h2 id="hours">These are our store hours</h2>
	<h2 id="contact">This is how you can contact us</h2>


	</body>
	</html>