joeybronzoni/ezbkqv.markdown

## ezbkqv.markdown

      
    Raw
  

              ezbkqv.markdown
            
          
    EZbKqv

A Pen by Joseph Skrzysowski on CodePen.
License.

  
## index.html
<head>
    <link rel="stylesheet" type="text/css" href="myokonokosjacket.css"></head>

    <body class="pagecolor">
    <h1 class="text-primary title">My Morning Jacket; The Tennessee Fire</h1>

    <img class="img-responsive thick-orange-border col-xs-12" src="http://tinyurl.com/zou3ome"alt="Picture of the band sitting on the mountainside, watching thre sun set" width="700"></img>

    <!--find out where the buttons will lead to ex/ etc-->
    <div class="container-fluid text-center">
      <h3 class="text-primary text-center">At Dawn</h3>
      <!--My div tags are to create wells or boxes around certain text to create structure to my html-->
     </div>

    <p class="well text-center firstpgraph">Presently including Jim James, Tom Blankenship, Patrick Hallahan, Bo Koster, and Carl Broemel- My Morning Jacket has created a following of loyal fans that, when asked, say that nothing better describes their experience with the band better than it being a spiritual experience.</p>
    <div class=" well pborder"><p class= "pborder">
      <ul class="text-center firstpgraph">Facts about My Morning Jacket
        <li>Formed in 1998</li>
        <li>According to Vicki Robertson MMJ's name was created years ago, while Jim was visiting his old college, his favourite student-hangout bar suddenly burnt down. Among the charred remains, as he wandered around, Jim found a jacket, stitched with the initials 'MMJ'. To Jim, this stood for 'My Morning Jacket'. Submitted by: </li>
        <li>ZACH ATTACKS: Comedian Zach Galifianakis is a friend and a fan. The tubby actor appeared on stage (wearing a Little Orphan Annie dress, no less) during my Morning Jacket’s marathon set at the 2008 Bonnaroo Music & Arts Festival. Galifianakis also participated in a 2009 episode of "American Dad" that featured My Morning Jacket as cartoon characters. </li>
        <li>Prior to forming My Morning Jacket, Jim James was the vocalist and guitarist of Month of Sundays. Songwriting duties were shared between him and guitarist Aaron Todovich. Sadly on November 14, 2003, James received the news that Todovich, who had been on antidepressants since the age of 15 had committed suicide and both this mournful album closer and "What a Wonderful Man" were penned in response to the loss. James told Mojo magazine December 2011: "When we recorded Dondante, I feel like the friend we wrote it for - who'd been so sad, in tons of pain - was in the room with us. He manifested in the song. We were all crying as we were playing."</li>
        </ul></p></div>
      <div class="row text-center">
        <div class="col-xs-5"><h4><a href="https://store.mymorningjacket.com/pages/roll-call-deluxe">Join Roll Call- The Official Fan Club Here! </a> </h4>
          <div class="well text-center" id="left-well">
             <h5>Explore these links!</h5><a href="https://en.wikipedia.org/wiki/My_Morning_Jacket"><button class="btn btn-default target" id="target1">Wikipedia</button></a>
             <a href="https://twitter.com/mymorningjacket"><button class="btn btn-default target" id="target2">Twitter</button></a>
           </div></div>

        <div class="col-xs-5">  <h4><a href="https://www.facebook.com/mymorningjacket">Follow the Fan Club on Facebook!</a></h4>
          <div class="well text-center" id="right-well">
            <h5>Some majestic live performances!</h5><a href="https://www.youtube.com/watch?v=LrAfkTiI1Dg"><button class="btn btn-default target" id="target3">Okonokos Live</button></a>
            <a href="http://acltv.com/artist/my-morning-jacket/"><button class="btn btn-default target" id="target4">Austin City Limits</button></a></div>
           </div></div>
    <div class="row2"><div class="col-md-6">
      <div class="well2" id="left-well2"><p>My experience with My Morning Jacket began when a close friend bought me Okonokos, a live double-disk, as a christmas gift. Now I don't recall every detail of my first time listening to the band but I vividly remember the feeling I got when I heard that live album. In fact, I still get that feeling when I listen to it today. <br></p></div></div>  </div>

    <div class="col-md-4">
      <div class="" id=""><a href="https://www.stubhub.com/my-morning-jacket-tickets/performer/130034/"><img class="img-responsive col-xs-6" src="http://tinyurl.com/gtz3q65"alt="Picture of the band sitting" width="-50"></img></div><img class="img-responsive col-xs-6" src="http://tinyurl.com/hgx7hfv"alt="Picture of the band live performing okonokos" width="-30"></div>
    </div>
      <!--the script is my link from css/js to html-->
    <script type="text/javascript" src="myokonokosjacket.js"></script>
    </body>
    </html>

## script.js
$(document).ready(function(){
$(".btn").addClass("animated shake");
});


$( document ).ready(function() {
    $('.button1').click(function() {
        $('.compFist').addClass('shake');

    });
});

## style.css
p {background-color:;}
.target{color:orange!important;}
.well{background-color:grey !important;}
h1{font-family:Monospace,sans-serif !important;}
h5{font-family: sans-serif !important
	;}
.thick-orange-border{
  border-color:orange;
  border-width:10px;
  border-style:solid;
  border-radius:25%;
}
#target1{background-color:black;}
#target2{background-color:black;}
#target3{background-color:black;}
#target4{background-color:black;}
#right-well2{background-color:#;
  border-style:solid; border-color:black; border-width:2px;text-align:center;
 }
#left-well2{background-color:red;
  border-style:solid; border-color:black; border-width:2px;text-align:center;
 }
 .title{color:black;}
 .pagecolor{background-color:yellow;}
 .firstpgraph{background-color: red !important;
 				color:white;}
 .pborder{padding: 40px,20px,20px,40px;}


## styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
	<head>
	<link rel="stylesheet" type="text/css" href="myokonokosjacket.css"></head>

	<body class="pagecolor">
	<h1 class="text-primary title">My Morning Jacket; The Tennessee Fire</h1>

	<img class="img-responsive thick-orange-border col-xs-12" src="http://tinyurl.com/zou3ome"alt="Picture of the band sitting on the mountainside, watching thre sun set" width="700"></img>

	<!--find out where the buttons will lead to ex/ etc-->
	<div class="container-fluid text-center">
	<h3 class="text-primary text-center">At Dawn</h3>
	<!--My div tags are to create wells or boxes around certain text to create structure to my html-->
	</div>

	<p class="well text-center firstpgraph">Presently including Jim James, Tom Blankenship, Patrick Hallahan, Bo Koster, and Carl Broemel- My Morning Jacket has created a following of loyal fans that, when asked, say that nothing better describes their experience with the band better than it being a spiritual experience.</p>
	<div class=" well pborder"><p class= "pborder">
	<ul class="text-center firstpgraph">Facts about My Morning Jacket
	<li>Formed in 1998</li>
	<li>According to Vicki Robertson MMJ's name was created years ago, while Jim was visiting his old college, his favourite student-hangout bar suddenly burnt down. Among the charred remains, as he wandered around, Jim found a jacket, stitched with the initials 'MMJ'. To Jim, this stood for 'My Morning Jacket'. Submitted by: </li>
	<li>ZACH ATTACKS: Comedian Zach Galifianakis is a friend and a fan. The tubby actor appeared on stage (wearing a Little Orphan Annie dress, no less) during my Morning Jacket’s marathon set at the 2008 Bonnaroo Music & Arts Festival. Galifianakis also participated in a 2009 episode of "American Dad" that featured My Morning Jacket as cartoon characters. </li>
	<li>Prior to forming My Morning Jacket, Jim James was the vocalist and guitarist of Month of Sundays. Songwriting duties were shared between him and guitarist Aaron Todovich. Sadly on November 14, 2003, James received the news that Todovich, who had been on antidepressants since the age of 15 had committed suicide and both this mournful album closer and "What a Wonderful Man" were penned in response to the loss. James told Mojo magazine December 2011: "When we recorded Dondante, I feel like the friend we wrote it for - who'd been so sad, in tons of pain - was in the room with us. He manifested in the song. We were all crying as we were playing."</li>
	</ul></p></div>
	<div class="row text-center">
	<div class="col-xs-5"><h4><a href="https://store.mymorningjacket.com/pages/roll-call-deluxe">Join Roll Call- The Official Fan Club Here! </a> </h4>
	<div class="well text-center" id="left-well">
	<h5>Explore these links!</h5><a href="https://en.wikipedia.org/wiki/My_Morning_Jacket"><button class="btn btn-default target" id="target1">Wikipedia</button></a>
	<a href="https://twitter.com/mymorningjacket"><button class="btn btn-default target" id="target2">Twitter</button></a>
	</div></div>

	<div class="col-xs-5"> <h4><a href="https://www.facebook.com/mymorningjacket">Follow the Fan Club on Facebook!</a></h4>
	<div class="well text-center" id="right-well">
	<h5>Some majestic live performances!</h5><a href="https://www.youtube.com/watch?v=LrAfkTiI1Dg"><button class="btn btn-default target" id="target3">Okonokos Live</button></a>
	<a href="http://acltv.com/artist/my-morning-jacket/"><button class="btn btn-default target" id="target4">Austin City Limits</button></a></div>
	</div></div>
	<div class="row2"><div class="col-md-6">
	<div class="well2" id="left-well2"><p>My experience with My Morning Jacket began when a close friend bought me Okonokos, a live double-disk, as a christmas gift. Now I don't recall every detail of my first time listening to the band but I vividly remember the feeling I got when I heard that live album. In fact, I still get that feeling when I listen to it today. <br></p></div></div> </div>

	<div class="col-md-4">
	<div class="" id=""><a href="https://www.stubhub.com/my-morning-jacket-tickets/performer/130034/"><img class="img-responsive col-xs-6" src="http://tinyurl.com/gtz3q65"alt="Picture of the band sitting" width="-50"></img></div><img class="img-responsive col-xs-6" src="http://tinyurl.com/hgx7hfv"alt="Picture of the band live performing okonokos" width="-30"></div>
	</div>
	<!--the script is my link from css/js to html-->
	<script type="text/javascript" src="myokonokosjacket.js"></script>
	</body>
	</html>
	$(document).ready(function(){
	$(".btn").addClass("animated shake");
	});


	$( document ).ready(function() {
	$('.button1').click(function() {
	$('.compFist').addClass('shake');

	});
	});
	p {background-color:;}
	.target{color:orange!important;}
	.well{background-color:grey !important;}
	h1{font-family:Monospace,sans-serif !important;}
	h5{font-family: sans-serif !important
	;}
	.thick-orange-border{
	border-color:orange;
	border-width:10px;
	border-style:solid;
	border-radius:25%;
	}
	#target1{background-color:black;}
	#target2{background-color:black;}
	#target3{background-color:black;}
	#target4{background-color:black;}
	#right-well2{background-color:#;
	border-style:solid; border-color:black; border-width:2px;text-align:center;
	}
	#left-well2{background-color:red;
	border-style:solid; border-color:black; border-width:2px;text-align:center;
	}
	.title{color:black;}
	.pagecolor{background-color:yellow;}
	.firstpgraph{background-color: red !important;
	color:white;}
	.pborder{padding: 40px,20px,20px,40px;}
	<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
	<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />