Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <h1 class="text-center page-header"> Marc Anthony</h1> 
 

  <body>
  <div class="container">
    <div class="row">
      <div class="col-md-4">
        <h2 class="text-center">"One of the most fluential peforming tropicial salsa artist of this time, and an ambassador of latin music and culture at a global level".</h2>
      </div>
        <div class="col-md-4"><Figure><img class="Marc text-center"src="http://www.romania-insider.com/wp-content/uploads/2013/12/marc-anthony-website.jpg"><figcaption>Marc Anthony & Carlos Vives - UNIDO2 TOUR 2015</figcaption><Figure>
        </div>
    </div>
  </div>
</body>     

 <div id="timeline">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="text-center">
      <h3> Best selling tropical salsa artist of all times, two-time Grammy and three-time Latin Grammy winner, Marc Anthony is a singer, lyricist, record producer, television producer and actor</h3>
  
    
    <h4> A brief timeline of Marc Anthony's accomplishments</h4>
          </div>
   
  
    <ul>
      <li><b>In 1993</b>, Anthony’s Spanish debut album ‘Otra Nota’ was released. He was initially reluctant to make a Spanish album and declined an offer from ‘RMM Records’ offer but later changed his mind. It established him as a new star in Salsa.
</li>
      <li><b>In 1995</b>, he came out with another Salsa album called ‘Todo asu tiempo’. The album did very well and was declared gold in US and Puerto Rico. He won a Billboard award for it and was nominated for a Grammy.</li>
      <li><b>In 1999</b>, his third album was released, ‘Contra La Coriente’. He did a TV special ‘Marc Anthony: The Concert from Madison Square Garden’ which was televised on HBO. It was the first salsa album ever on the Billboard 200 Chart.
      </li>
      <li><b>In 2001</b>, Anthony came out with another Spanish album ‘Libre’. It included hit singles like ‘Viviendo’, ‘Celos’, etc. The album was a hit on the Billboard Top Latin Albums chart. He also acted in the movie ‘In the Time of the Butterflies’.
       </li>
      <li><b>In 2004</b>, he released a Latin pop album, ‘Amar Sin Mentiras’ and after the release of the album he came out with the dance version of the same tracks in the album ‘Valio La Pena’. It won two Latin Grammy Awards.
      </li>
      <li><b>During the late 2000s</b>, he released collection of his greatest hits called ‘Sigo Siendo Yo’ (2006) and ‘Iconos’ (2010) which was a tribute from his side to the greatest Latin artists like Jose Jose, Juan Gabriel, etc.
      </li>
      <li><b>In 2007</b>, Anthony acted in the movie called ‘El Cantante’ which was a drama on the life of the great salsa artist Hector Lavoe. His ex-wife Jennifer Lopez also acted in the movie alongside him and it was critically well received.
      </li>
      <li><b>In 2013</b>, his salsa album ‘3.0’ was released. It was declared Platinum and included the hit single ‘Vivir Mi Vida’. He went on the tour ‘Vivir Mi Vida World Tour’ and travelled across 15 countries.
      </li>
   

    </ul>
       

        <div class="text-center">
          <div id="link"><p> If you like to learn more about one of the greatest salsa artist to ever hit the stage, check out his Wikipedia <a href="https://en.wikipedia.org/wiki/Marc_Anthony"target="_blank">entry</a></p>
            <p class="copyright"> Written and coded by Joseph Arias </p>
        
         </div>
          </div>
 
      
  
    </div>
   </div> 
  </div>
 </div>
   



              
            
!

CSS

              
                
h1 {
color: black;
 margin: 70px;
 font-family:'Italiana', sans-serif;
 font-size: 70px;
 background-color: WhiteSmoke  ;
}
h2{
  font-family: sans-serif;
  font-style: italic;
  font-size: 35px;
  background-color:GhostWhite    ;
  padding:20px;
}

h3{
  font-family: pt sans;
  font-weight:bold;
  font-style:italic;
  }
  
 h4{
  font-size: 22px;
  text-decoration: underline;
   color:DarkSlateGray ;
}

.Marc{
 padding:1px;
  border:1px solid;
  }

ul{
  font-family:hind;
  font-size: 15px;
  background-color:WhiteSmoke;
}

.container {
  border-top-style:solid;
  
}

#link{
  font-size:20px;
}
 
.copyright{
  font-size:15px;
  font-family: sans-serif;
}

              
            
!

JS

              
                
              
            
!
999px

Console