Website 1

index.html

<h1 id = heading>
  Tyler's Bars
  </h1>
  
  <h2 id = story>The Story
  </h2>
  <img id =frog src="https://i.imgur.com/qt3EA1v.jpeg" width = 400px;>
</body> 

<p id = storyp>The <strong>Tyler Bar</strong> was created in order to make people <strong>fitter</strong> and more  <strong>buff</strong>. We wanted to make a bar packed with not only protein, but creatine too. The <strong>Tyler Bar</strong> is easier to pack than a tub of protein powder or creatine. This way you can take your <strong>gains</strong> with you, wherever you go. This dream is what led to the creation of the <strong>Tyler Harrison Creatine Bar Company.</strong> So far the company has created <strong>0 creatine bars</strong>, but that will change once we open the <strong>Tyler Harrison Creatine Bar Factory.</strong></p>

style.css

body{
margin:60px;
background:#FFE39F; 
font-family:sans-sarif;  
}
#heading{
  text-align:center;
  background:red;
  color:yellow;
  margin:-60px;
  padding:10px;
  border:6px,ridge,red;
}
#story{
  color:#A51E1E;
  font-weight:bold;
  font-size:40px;
  margin-top:60px;
}

img{  
border:10px,ridge,red;
}

#frog{
  margin-right:20px;
  margin-top:-20px;
  float:left;
}
#storyp{
color:#A51E1E;  
font-size: 35px;  
margin-left:20px;
width:80%;
}

website-1.markdown

Website 1

A Pen by EzraH on CodePen.

License.