fallengiants · March 9, 2019 23:19
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
  <head>
    <title>Page Title</title>
    <style>
      #header { position: relative; top: 0; left: 0; width: 100%; height: 100px; overflow: hidden;
        border: 1px solid black; text-align: center; box-shadow: 5px 5px 10px #aa0;}
      #header img { width: 100px; position: absolute; top: 0; left: 0 }
      .content h1 { text-align: center; }
      .content .red { color: red }
    </style>
  </head>
  <body>
    <div id="header">
      <img src="https://images.pexels.com/photos/259803/pexels-photo-259803.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"/>
      <h1>Hi</h1>
    </div>
    <div class="content">
      <h1>Other Title</h1>
      <input type="button" value="click" id="clicky"/>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque sodales ut etiam sit amet nisl. Nisl tincidunt eget nullam non nisi est sit amet facilisis. Bibendum at varius vel pharetra vel. Nisi scelerisque eu ultrices vitae auctor eu augue ut. Sem integer vitae justo eget magna fermentum iaculis eu non. A diam sollicitudin tempor id eu nisl. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Mauris in aliquam sem fringilla ut morbi. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing. Mattis rhoncus urna neque viverra justo. Donec adipiscing tristique risus nec. Adipiscing tristique risus nec feugiat. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Sem viverra aliquet eget sit amet tellus cras adipiscing enim. Amet tellus cras adipiscing enim. Eu non diam phasellus vestibulum lorem sed risus ultricies. Risus feugiat in ante metus dictum at tempor commodo. Montes nascetur ridiculus mus mauris vitae ultricies.<p>
      <p>Sed nisi lacus sed viverra tellus in. Sit amet nisl purus in. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Nibh tellus molestie nunc non blandit massa. Dictum fusce ut placerat orci nulla pellentesque dignissim. Dui sapien eget mi proin sed. Faucibus nisl tincidunt eget nullam non nisi. Sit amet mauris commodo quis imperdiet massa tincidunt nunc pulvinar. Lorem ipsum dolor sit amet consectetur. Enim blandit volutpat maecenas volutpat blandit aliquam. Tempus imperdiet nulla malesuada pellentesque elit. Mauris ultrices eros in cursus turpis massa. Leo vel fringilla est ullamcorper eget. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Interdum posuere lorem ipsum dolor sit.</p>
      <p>In iaculis nunc sed augue lacus viverra vitae. Sed viverra tellus in hac habitasse platea. A erat nam at lectus urna. Morbi blandit cursus risus at ultrices. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Massa massa ultricies mi quis hendrerit. A pellentesque sit amet porttitor eget dolor. Ultrices sagittis orci a scelerisque. Lorem ipsum dolor sit amet. In hac habitasse platea dictumst quisque sagittis purus sit amet. Ac odio tempor orci dapibus ultrices. Odio morbi quis commodo odio aenean sed adipiscing diam donec. Orci a scelerisque purus semper eget duis at tellus at. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Integer eget aliquet nibh praesent. Egestas dui id ornare arcu odio ut sem.</p>
      <p>Tortor condimentum lacinia quis vel. Fermentum posuere urna nec tincidunt praesent semper. Pretium quam vulputate dignissim suspendisse in est ante in. Lacus vestibulum sed arcu non odio euismod. In tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Quam pellentesque nec nam aliquam sem et tortor consequat id. Convallis tellus id interdum velit laoreet id donec. Feugiat nisl pretium fusce id velit. Risus quis varius quam quisque id diam vel quam elementum. Fames ac turpis egestas integer eget aliquet nibh praesent tristique. Praesent tristique magna sit amet. Ac orci phasellus egestas tellus rutrum tellus.</p>
      <p>In tellus integer feugiat scelerisque varius morbi enim nunc. Orci a scelerisque purus semper eget. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Viverra maecenas accumsan lacus vel facilisis. Urna cursus eget nunc scelerisque viverra mauris. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis. Eu augue ut lectus arcu bibendum. Ut sem nulla pharetra diam. In cursus turpis massa tincidunt dui ut. Nulla facilisi nullam vehicula ipsum a arcu. Sit amet aliquam id diam maecenas ultricies. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Ultricies integer quis auctor elit sed. Massa id neque aliquam vestibulum morbi blandit. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo.</p>
    </div>
    <script type="text/javascript" src="./app.js"></script>
  </body>
 </html>
	<!doctype html>
	<html>
	<head>
	<title>Page Title</title>
	<style>
	#header { position: relative; top: 0; left: 0; width: 100%; height: 100px; overflow: hidden;
	border: 1px solid black; text-align: center; box-shadow: 5px 5px 10px #aa0;}
	#header img { width: 100px; position: absolute; top: 0; left: 0 }
	.content h1 { text-align: center; }
	.content .red { color: red }
	</style>
	</head>
	<body>
	<div id="header">
	<img src="https://images.pexels.com/photos/259803/pexels-photo-259803.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500"/>
	<h1>Hi</h1>
	</div>
	<div class="content">
	<h1>Other Title</h1>
	<input type="button" value="click" id="clicky"/>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Neque sodales ut etiam sit amet nisl. Nisl tincidunt eget nullam non nisi est sit amet facilisis. Bibendum at varius vel pharetra vel. Nisi scelerisque eu ultrices vitae auctor eu augue ut. Sem integer vitae justo eget magna fermentum iaculis eu non. A diam sollicitudin tempor id eu nisl. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Mauris in aliquam sem fringilla ut morbi. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing. Mattis rhoncus urna neque viverra justo. Donec adipiscing tristique risus nec. Adipiscing tristique risus nec feugiat. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Sem viverra aliquet eget sit amet tellus cras adipiscing enim. Amet tellus cras adipiscing enim. Eu non diam phasellus vestibulum lorem sed risus ultricies. Risus feugiat in ante metus dictum at tempor commodo. Montes nascetur ridiculus mus mauris vitae ultricies.<p>
	<p>Sed nisi lacus sed viverra tellus in. Sit amet nisl purus in. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Nibh tellus molestie nunc non blandit massa. Dictum fusce ut placerat orci nulla pellentesque dignissim. Dui sapien eget mi proin sed. Faucibus nisl tincidunt eget nullam non nisi. Sit amet mauris commodo quis imperdiet massa tincidunt nunc pulvinar. Lorem ipsum dolor sit amet consectetur. Enim blandit volutpat maecenas volutpat blandit aliquam. Tempus imperdiet nulla malesuada pellentesque elit. Mauris ultrices eros in cursus turpis massa. Leo vel fringilla est ullamcorper eget. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Interdum posuere lorem ipsum dolor sit.</p>
	<p>In iaculis nunc sed augue lacus viverra vitae. Sed viverra tellus in hac habitasse platea. A erat nam at lectus urna. Morbi blandit cursus risus at ultrices. Donec pretium vulputate sapien nec sagittis aliquam malesuada. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Massa massa ultricies mi quis hendrerit. A pellentesque sit amet porttitor eget dolor. Ultrices sagittis orci a scelerisque. Lorem ipsum dolor sit amet. In hac habitasse platea dictumst quisque sagittis purus sit amet. Ac odio tempor orci dapibus ultrices. Odio morbi quis commodo odio aenean sed adipiscing diam donec. Orci a scelerisque purus semper eget duis at tellus at. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Integer eget aliquet nibh praesent. Egestas dui id ornare arcu odio ut sem.</p>
	<p>Tortor condimentum lacinia quis vel. Fermentum posuere urna nec tincidunt praesent semper. Pretium quam vulputate dignissim suspendisse in est ante in. Lacus vestibulum sed arcu non odio euismod. In tellus integer feugiat scelerisque varius morbi enim nunc faucibus. Quam pellentesque nec nam aliquam sem et tortor consequat id. Convallis tellus id interdum velit laoreet id donec. Feugiat nisl pretium fusce id velit. Risus quis varius quam quisque id diam vel quam elementum. Fames ac turpis egestas integer eget aliquet nibh praesent tristique. Praesent tristique magna sit amet. Ac orci phasellus egestas tellus rutrum tellus.</p>
	<p>In tellus integer feugiat scelerisque varius morbi enim nunc. Orci a scelerisque purus semper eget. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Viverra maecenas accumsan lacus vel facilisis. Urna cursus eget nunc scelerisque viverra mauris. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis. Eu augue ut lectus arcu bibendum. Ut sem nulla pharetra diam. In cursus turpis massa tincidunt dui ut. Nulla facilisi nullam vehicula ipsum a arcu. Sit amet aliquam id diam maecenas ultricies. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Ultricies integer quis auctor elit sed. Massa id neque aliquam vestibulum morbi blandit. Sagittis nisl rhoncus mattis rhoncus urna neque viverra justo.</p>
	</div>
	<script type="text/javascript" src="./app.js"></script>
	</body>
	</html>
No results found