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

              
                
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> Arctic Monkeys
  <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  </title>
</head>
<body>
  <div class="container" id="sadrzaj">
  <h1>Arctic Monkeys</h1>
    <h2>"'Cause there's this tune I found<br></br> that makes me think of you somehow <br></br> and I play it on repeat<br></br>
Until I fall asleep" </h2>
    <img class="img-responsive" src="http://media.timeout.com/images/101578937/660/370/image.jpg" style="margin: 0px auto;display:block"></img>
<p> Arctic Monkeys are an English rock band that was formed in 2002 by two teenagers Alex Turner and Jaimie Cook. The band is curently consisted of 4 members: Alex Turner, Jamie Cook, Matt Helders and Nick O'Malley. They have released five studio albums as well as one live album. The band has won seven Brit Awards and they have been nominated for three Grammy Awards. This band is one of the most succesful British bands of the 21st century. <br></br>In April 2007 Arctic Monkeys released second album "Favourite Worst Nightmare". During the same year they headlined the Glastonbury Festival. After that Alex Turner turned a bit towards his side project with his friend Miles Kane to form a band called The Last Shadow Puppets. They released album called "The Age of Understatement" in May 2008. In autumn of that year third album "Humbug" was made. On this album greatest musical influence was Nick Cave, Jimi HEndrix and Cream. Album was released in 2009. After release of their 4th album "Suck it and See" they became the second band in history to debut four albums in a row at the top of the charts. In september of 2013. their fifth ablum "AM" was released. After that Arctic Monkeys took a pause which allowed Alex Turnet to go back to his side project with Miles Kane and The Last Shadow Puppets released second album called "Everything You've Come To Expect" on 1st April 2016.
<br></br> Arctic Monkeys are know for the fact that they were the first band to gain their publicity over internet by distributing their homemade material. That way they were able to build a really big fan base without the help of a record label. <br></br> The band's music is often put in a music genre indie rock but over years they explored different styles and mixed them. For their last album they were even influenced by hip-hop music. </p>
<p>
 <strong> Discography:</strong>
  <ul>
    <li>Whatever People Say I Am, That's What I'm Not (2006)</li>
    <li>Favourite Worst Nightmare (2007)</li>
    <li>Humbug (2009)</li>
    <li>Suck It and See (2011)</li>
    <li>AM (2013)</li>
    <ul>
  </p>
    <p>For more informations on this band you can visit their Wikipedia page <a href="https://en.wikipedia.org/wiki/Arctic_Monkeys" target="_blank">Wikipedia page.</a> or their official webpage<a href="http://www.arcticmonkeys.com/" target="_blank"> Arctic Monkeys.</a>
      </p>
    <div id="footer">
				Coded by: <a href="https://www.freecodecamp.com/juja90" target="_blank">Juja</a>
			</div>
</div>
  </body>
</html>
              
            
!

CSS

              
                h1 {
 font-family: 'Indie Flower', cursive;
  color: purple;
  text-align: center;
  font-size:50px;
  text-shadow: 5px 5px 3px #999; 
    }
h2 {
  font-family: 'Indie Flower', cursive;
  text-align: right;
  font-size:25px;
}
#sadrzaj {
  background-image: url(https://newevolutiondesigns.com/images/freebies/white-wallpaper-18.jpg);
}
#footer {
  text-align: center;
}
              
            
!

JS

              
                
              
            
!
999px

Console