/index.html

## index.html
<div class="container">
  <div class="page-header">


    <body background="http://www.dartreview.com/wp-content/uploads/2014/05/Dartmouth_College_campus_2008-08-20_Dartmouth_Hall_01_-_edit_1.jpg" align="middle">

      <marquee behavior="scroll" direction="left"> <h1 class style= "color:Green" important!> Dartmouth Software Downloads</h1></marquee>

  </div>
  <p class="lead text center"><a href=https://www.youtube.com/watch?v=dQw4w9WgXcQ/ title="Click Here" style="color:Green">These are a few of the downloads students can get from Dartmouth </a>.</p>
  <div class="container">
    <div class="row stylish-panel">
      <div class="col-md-8">
        <div>
          <img src=data:image/png;base64,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
            alt="ERROR" class="img-circle img-thumbnail">
          <h2>Dartmouth</h2>
          <p>Links contain programs for Mac, PC, and general research.
          </p>
          <a href=http://tech.dartmouth.edu/its/services-support/help-yourself/knowledge-base/software/ class="btn btn-primary" title="Click Here">View</a>
        </div>
      </div>
      <div class="col-md-6">
        <div>
          <img src=http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2M4LzRob3Rzb2NpYWxnLmFGQS5qcGcKcAl0aHVtYgk5NTB4NTM0IwplCWpwZw/87a830fc/653/4-hot-social-gaming-trends-to-watch-1b094eb00a.jpgD "" alt="Texto Alternativo" class="img-circle img-thumbnail">
          <h2>Gaming</h2>
          <p>Free game downloads. Free games for computers and mobiles.
          </p>
          <a href=http://www.download-free-games.com/ title="Click Here">View</a>
        </div>
      </div>
      <div class="col-md-6">
        <div>
          <img src=http://www.wikihow.com/images/thumb/0/00/Start-Learning-Computer-Programming-Step-10-Version-2.jpg/aid358316-728px-Start-Learning-Computer-Programming-Step-10-Version-2.jpg alt="Texto Alternativo" class="img-circle img-thumbnail">
          <h2>Coding Tutorials</h2>
          <p>Coding help and tutorials.
          </p>

          <a href=https://www.codecademy.com// title="Click Here">View</a>
          <a href=http://ocw.mit.edu/index.htm/ title="Click Here">View</a>
          <a href=https://code.org/learn/ title="Click Here">View</a>

        </div>
      </div>
      <div class="col-md-6">
        <div>
          <img src=http://blog.allmyfaves.com/wp-content/uploads/2012/11/images-1-249x300.jpg alt="Texto Alternativo" class="img-circle img-thumbnail">
          <h2 style="color:Ivory">Coding Software Editors</h2>
          <p style="color:ivory">Help yourself to these editors.
          </p>
          <a href=https://atom.io// title="Click Here">View</a>
          <a href=https://www.xamarin.com/microsoft?_bt=118549856228&_bk=xamarin%20visual%20studio&_bm=e&gclid=CjwKEAjwxce4BRDE2dG4ueLArHMSJADStCqMzp3CR0wthkanmH4vRs9r75Ce7oW-bEMf4aYJY7av5BoCePPw_wcB/ title="Click Here">View</a>
          <a href=https://developer.apple.com/xcode/ title="Click Here">View</a>
          <a href=https://notepad-plus-plus.org/// title="Click Here">View</a>
          <a href=http://developer.android.com/tools/studio/index.html/ title="Click Here">View</a>

        </div>
      </div>
      <marquee behavior="scroll" direction="right">
<img src="http://www.nootkalodge.com/Dartmouth.gif" alt="Dartmouth Logo">

</marquee>
    </div>
  </div>
</div>
<!-- /container -->

## oxdbrZ.markdown

      
    Raw
  

              oxdbrZ.markdown
            
          
    oxdbrZ

A Pen by Siddarth Nair on CodePen.
License.

  
## style.css
  .backgroundclip h1 {
  background: url(https://www.google.com/search?q=shrike&rlz=1C1CHFX_enUS657US657&espv=2&biw=1745&bih=834&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj5hsmn8JPMAhVKVz4KHWF7AksQ_AUIBigB#tbm=isch&q=shrike+hyperion+&imgrc=App2ntHV8AFU0M%3A) -100px -40px no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
  color: Green;
}

p {
  color: Green;
}

.center {
  text-align: center;
  color: Green;
}

img {
  height: 200px;
  width: 200px;
}

.stylish-panel {
  padding: 20px 0;
  text-align: center;
}

body {
  background-position: center;
}

.stylish-panel > div > div {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: 0.2s;
}

.stylish-panel > div:hover > div {
  random z=Random.nextInt(256);
  var randomColor=z Math.floor(Math.random()*16777215).toString(16) margin-top: -10px;
  border: 1px solid rgb(200, 200, 200);
  box-shadow: rgba(randomColor, randomColor, randomColor, 0.1) 0px 5px 5px 2px;
  background: rgba(randomColor randomColor, randomColor, 0.1);
  transition: 0.5s;
	<div class="container">
	<div class="page-header">


	<body background="http://www.dartreview.com/wp-content/uploads/2014/05/Dartmouth_College_campus_2008-08-20_Dartmouth_Hall_01_-_edit_1.jpg" align="middle">

	<marquee behavior="scroll" direction="left"> <h1 class style= "color:Green" important!> Dartmouth Software Downloads</h1></marquee>

	</div>
	<p class="lead text center"><a href=https://www.youtube.com/watch?v=dQw4w9WgXcQ/ title="Click Here" style="color:Green">These are a few of the downloads students can get from Dartmouth </a>.</p>
	<div class="container">
	<div class="row stylish-panel">
	<div class="col-md-8">
	<div>
	<img src=data:image/png;base64,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
	alt="ERROR" class="img-circle img-thumbnail">
	<h2>Dartmouth</h2>
	<p>Links contain programs for Mac, PC, and general research.
	</p>
	<a href=http://tech.dartmouth.edu/its/services-support/help-yourself/knowledge-base/software/ class="btn btn-primary" title="Click Here">View</a>
	</div>
	</div>
	<div class="col-md-6">
	<div>
	<img src=http://rack.1.mshcdn.com/media/ZgkyMDEyLzEyLzA0L2M4LzRob3Rzb2NpYWxnLmFGQS5qcGcKcAl0aHVtYgk5NTB4NTM0IwplCWpwZw/87a830fc/653/4-hot-social-gaming-trends-to-watch-1b094eb00a.jpgD "" alt="Texto Alternativo" class="img-circle img-thumbnail">
	<h2>Gaming</h2>
	<p>Free game downloads. Free games for computers and mobiles.
	</p>
	<a href=http://www.download-free-games.com/ title="Click Here">View</a>
	</div>
	</div>
	<div class="col-md-6">
	<div>
	<img src=http://www.wikihow.com/images/thumb/0/00/Start-Learning-Computer-Programming-Step-10-Version-2.jpg/aid358316-728px-Start-Learning-Computer-Programming-Step-10-Version-2.jpg alt="Texto Alternativo" class="img-circle img-thumbnail">
	<h2>Coding Tutorials</h2>
	<p>Coding help and tutorials.
	</p>

	<a href=https://www.codecademy.com// title="Click Here">View</a>
	<a href=http://ocw.mit.edu/index.htm/ title="Click Here">View</a>
	<a href=https://code.org/learn/ title="Click Here">View</a>

	</div>
	</div>
	<div class="col-md-6">
	<div>
	<img src=http://blog.allmyfaves.com/wp-content/uploads/2012/11/images-1-249x300.jpg alt="Texto Alternativo" class="img-circle img-thumbnail">
	<h2 style="color:Ivory">Coding Software Editors</h2>
	<p style="color:ivory">Help yourself to these editors.
	</p>
	<a href=https://atom.io// title="Click Here">View</a>
	<a href=https://www.xamarin.com/microsoft?_bt=118549856228&_bk=xamarin%20visual%20studio&_bm=e&gclid=CjwKEAjwxce4BRDE2dG4ueLArHMSJADStCqMzp3CR0wthkanmH4vRs9r75Ce7oW-bEMf4aYJY7av5BoCePPw_wcB/ title="Click Here">View</a>
	<a href=https://developer.apple.com/xcode/ title="Click Here">View</a>
	<a href=https://notepad-plus-plus.org/// title="Click Here">View</a>
	<a href=http://developer.android.com/tools/studio/index.html/ title="Click Here">View</a>

	</div>
	</div>
	<marquee behavior="scroll" direction="right">
	<img src="http://www.nootkalodge.com/Dartmouth.gif" alt="Dartmouth Logo">

	</marquee>
	</div>
	</div>
	</div>
	<!-- /container -->
	.backgroundclip h1 {
	background: url(https://www.google.com/search?q=shrike&rlz=1C1CHFX_enUS657US657&espv=2&biw=1745&bih=834&source=lnms&tbm=isch&sa=X&ved=0ahUKEwj5hsmn8JPMAhVKVz4KHWF7AksQ_AUIBigB#tbm=isch&q=shrike+hyperion+&imgrc=App2ntHV8AFU0M%3A) -100px -40px no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	}

	h2 {
	color: Green;
	}

	p {
	color: Green;
	}

	.center {
	text-align: center;
	color: Green;
	}

	img {
	height: 200px;
	width: 200px;
	}

	.stylish-panel {
	padding: 20px 0;
	text-align: center;
	}

	body {
	background-position: center;
	}

	.stylish-panel > div > div {
	padding: 15px;
	border: 1px solid transparent;
	border-radius: 4px;
	transition: 0.2s;
	}

	.stylish-panel > div:hover > div {
	random z=Random.nextInt(256);
	var randomColor=z Math.floor(Math.random()*16777215).toString(16) margin-top: -10px;
	border: 1px solid rgb(200, 200, 200);
	box-shadow: rgba(randomColor, randomColor, randomColor, 0.1) 0px 5px 5px 2px;
	background: rgba(randomColor randomColor, randomColor, 0.1);
	transition: 0.5s;