Sammykhaleel/index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link
      rel="shortcut icon"
      href="http://wikipedia.com/static/favicon/wikipedia.ico"
    />

    <title>
      Kline Sauer's Profolio, 1.2 home work
    </title>
  </head>

  <body>
    <!-- add your logo here! -->
    <img src="img/twitterlogo.png" alt="logo" />
    <ul>
      <li>
        <a href="index.html">Home</a>
      </li>

      <li>
        <a href="about.html">About</a>
      </li>

      <li>
        <a href="contact.html">Contact</a>
      </li>
    </ul>
    <div>
      <img
        src="img/thenotoriousbigbiggie.png"
        width="400"
        height="400"
        alt="Kline
				Sauer Portrait"
      />
      <h1>Hello World!</h1>
      <p>This is my first attempt at making my own <span>website!</span></p>
      <a href="#">Check out some of my code</a>
    </div>
    <div>
      <h1>Big News everyone!</h1>
      <p>
        This is a <span>new</span> paragraph section.
        <a href="https://www.palaceskateboards.com/" target="_blank">
          www.palaceskateboards.com
        </a>
      </p>
    </div>
    <h3>
      Get this, More big news! But just not as important as the first big news.
    </h3>
    <div>
      <p>
        Wow! look out! Another paragraph section.
      </p>
    </div>
    <h4>I need your attetion here, just for a bit.</h4>
    <div>
      <p>
        Checkout the <span class="extra-bold">great</span> outdoors! Yet another
        paragraph section.
      </p>
    </div>
    <footer>
      <div>
        <p>Find me on</p>
        <!-- Github logo -->
        <img src="img/github_icon.svg" alt="github" />
        <!-- Twitter logo -->
        <img src="img/twitter_icon.svg" alt="twitter" />
        <!-- LinkedIn logo -->
        <img src="img/linkedin_icon.svg" alt="linkedin" />
      </div>
    </footer>
    <div>
      Tel <a href="tel:+9518331257">+9518331257</a><br />
      Skype <a href="skype:live:klinesauer">live:klinesauer </a><br />
      <a href="mailto:Klinesauer@yahoo.com">Klinesauer@yahoo.com</a>
    </div>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<link
	rel="shortcut icon"
	href="http://wikipedia.com/static/favicon/wikipedia.ico"
	/>

	<title>
	Kline Sauer's Profolio, 1.2 home work
	</title>
	</head>

	<body>
	<!-- add your logo here! -->
	<img src="img/twitterlogo.png" alt="logo" />
	<ul>
	<li>
	<a href="index.html">Home</a>
	</li>

	<li>
	<a href="about.html">About</a>
	</li>

	<li>
	<a href="contact.html">Contact</a>
	</li>
	</ul>
	<div>
	<img
	src="img/thenotoriousbigbiggie.png"
	width="400"
	height="400"
	alt="Kline
	Sauer Portrait"
	/>
	<h1>Hello World!</h1>
	<p>This is my first attempt at making my own <span>website!</span></p>
	<a href="#">Check out some of my code</a>
	</div>
	<div>
	<h1>Big News everyone!</h1>
	<p>
	This is a <span>new</span> paragraph section.
	<a href="https://www.palaceskateboards.com/" target="_blank">
	www.palaceskateboards.com
	</a>
	</p>
	</div>
	<h3>
	Get this, More big news! But just not as important as the first big news.
	</h3>
	<div>
	<p>
	Wow! look out! Another paragraph section.
	</p>
	</div>
	<h4>I need your attetion here, just for a bit.</h4>
	<div>
	<p>
	Checkout the <span class="extra-bold">great</span> outdoors! Yet another
	paragraph section.
	</p>
	</div>
	<footer>
	<div>
	<p>Find me on</p>
	<!-- Github logo -->
	<img src="img/github_icon.svg" alt="github" />
	<!-- Twitter logo -->
	<img src="img/twitter_icon.svg" alt="twitter" />
	<!-- LinkedIn logo -->
	<img src="img/linkedin_icon.svg" alt="linkedin" />
	</div>
	</footer>
	<div>
	Tel <a href="tel:+9518331257">+9518331257</a><br />
	Skype <a href="skype:live:klinesauer">live:klinesauer </a><br />
	<a href="mailto:Klinesauer@yahoo.com">Klinesauer@yahoo.com</a>
	</div>
	</body>
	</html>