Skip to content

Instantly share code, notes, and snippets.

@shigles

shigles/Grimmie Tribute vs. 1.markdown

Created June 13, 2016 04:42
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shigles/9e682c7c93549f2d6e34908070aa22ca to your computer and use it in GitHub Desktop.
Save shigles/9e682c7c93549f2d6e34908070aa22ca to your computer and use it in GitHub Desktop.
Download ZIP
Grimmie Tribute vs. 1
Raw
index.html
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Christina Grimmie Tribute Page for FreeCodeCamp">
<meta name="author" content="Les Shigley">
<title>Christina Grimmie Tribute Page for FreeCodeCamp</title>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Christina Grimmie</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="body-template">
<h1><strong>Christina Grimmie</strong></h1>
<p class="lead">
<h2><em>1994 - 2016</em></h2>
<h3>Singer / Songwriter / Inspiration</h3></p>
</div>
<figure>
<div class="body-template">
<img src="http://www.zastavki.com/pictures/originals/2015/Girls_Model_Christina_Grimmie_093851_.jpg" alt="Christina Grimmie from Zastavki.com" />
<figcaption>Christina Grimmie 2015 IMG SOURCE:<a href="http://www.zastavki.com/eng/Girls/wallpaper-93851.htm"> Zastavki.com</a></figcaption>
</div>
</figure>
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-3">
<h1><u>Musical Accomplishments</u></h1>
<ul>
<li> 2009 Launched <a href="https://www.youtube.com/user/zeldaxlove64"> Youtube</a> Channel at age 15</li>
<li> 2010 Discovered by Brian and Mandy Teefey of LH7 Management. </li>
<li>2011 released first independent EP debuted at #2 on itunes</li>
<li>2011 won AMA for New Media Honoree (female)</li>
<li>2011 opened for Selena Gomez tour</li>
<li>2012 Toured with Selena Gomez</li>
<li>2013 released second album <em>With Love</em></li>
<li>2014 finished 3rd on Season 6 of The Voice</li>
<li>2014 toured with The Voice Summer Tour</li>
<li>2015 Opened the iHeart Radio Music Festival</li>
<li>2016 released second EP <em>Side A</em></li>
<li>Spring 2016 opened for Rachel Platten</li>
<li>Summer 2016 touring with Before you Exit</li>
<li>June 10th 2016 - Assasinated after show in Olando, FL</li>
<li>June 12th 2016 - Youtube displays a black flag next to their logo to mourn her loss</li>
</ul>
</div>
</div>
</div>
</div>
Raw
style.css
body {
padding-top: 50px;
}
.body-template {
padding: 40px 15px;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}
.wrapper {
width:600px;
}
ul {
text-size: Medium;
}
Raw
styles
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment