Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <div class="skeleton">
  

<div class="content">
    <div class="title-header pens-title-header">
        <h1>Picked Pens</h1>
    </div>
    <div class="row" id="picked">

      <div class="card">
      <figure class="card_header">
          <a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADIBAMAAAA0O6rRAAAAG1BMVEXMzMyWlpajo6O3t7fFxcWqqqq+vr6cnJyxsbHzLcY6AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADL0lEQVR4nO3ZvW7bMBSGYdmWf8Ycp7YyRkWBrNEd2EObjhZQtKs9dI+G7tGdl4ekRMqQk25UgfcZ4i+RBfBIJEUxWQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACktfpV/LxOY74/dUd/N3/O1ymludiPVkTertKIhTkoJ00bEx6yYUqqsoVoY1xrQhr/trHTpPW6gkNKKRdbyEUbI+dBGv+2ejYd0IZ9Fqeklq6QRn7ktbwO0oi5bM/fSj26lt3hqxRZnJK62EJW2pk2ellDGnPU8WGPXrQztXrnQkqqsYUs5dH8LHdxGlPZC9+Yo/U20xt0ilNKG2m1kJkbHkWcxtR2FqhM0/3weI1TSsdipoW4hs/kEKUx5X3mvu0bLp+ilFS5t4VUtivNzXQUkjKz1MF8NN0NauzYMacsXFcyhYWUkmmFLaT2j5C3KFmthoV0rXTX3Zyy9I+Qhyil9CIHW4i7nnpxQ7LW2vR1PwCebDgW3S0z9y+klOr7zBbiuszKzFghWQt9jF/PrWawr92fLnFKSAfqoJDXKDmlHHK5amT50De/iFJC2ghXiO37uRbSJ+cip83VjKS/r920diyilFC7y1wh4pt/FyVnKfvj1cOuNf3Oz89HiVI6ubbaFeLarYX0qfvOth4+VJZSHNxZ9uSQ0rETzgd3RBfpg5k1b1z5B/1lInfEzjQfjBEzBoarj0pvyMTGiJ2hPpi19J3wOTrHLPu/ZNnEZi3xtu8VspLBEKldR5tqId3z/DFK3lziSWsuxdl9uuf5NkrphEK6FdYpSl41eI1tbcfK+hXWLkrphEJurX6NZhs92HPx7Z3a6jfzg717CzlHyTHvtW2oatl1ue4tZB+lxGbRG6LEyXmRx2MY+cd+4Pv3wrs4pTV7/53drHw34YlY9Wlq7+y+kJu7KHbl2/T3oe470OR2Ufwi6da+1lLXI1W/j9hsP1sT3Nfyhdzaabxol1n36/hunpvgTqMvZNnv+IakSu1Vq27SzUMh5hHf7fiGlNTsvd34hSuh9HdoFRUyud1471//PxJM7f8jAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgf/AXCpmbEoJwejYAAAAASUVORK5CYII="></a>
        </figure>
        <div class="card_text"><h2 class="card_title">
          <a href="#">Lore Ipsum.</a></h2>

          <p class="card_desc">Merequi san dolor sit dafares et muli tuli - setam tu yavai. Lorem ipsum dolor sit amet, cetera en bas equi.
          </p>
            
          </div>
        </div>

      <div class="card">
      <figure class="card_header">
        <a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADIBAMAAAA0O6rRAAAAG1BMVEXMzMyWlpajo6O3t7fFxcWqqqq+vr6cnJyxsbHzLcY6AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADL0lEQVR4nO3ZvW7bMBSGYdmWf8Ycp7YyRkWBrNEd2EObjhZQtKs9dI+G7tGdl4ekRMqQk25UgfcZ4i+RBfBIJEUxWQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACktfpV/LxOY74/dUd/N3/O1ymludiPVkTertKIhTkoJ00bEx6yYUqqsoVoY1xrQhr/trHTpPW6gkNKKRdbyEUbI+dBGv+2ejYd0IZ9Fqeklq6QRn7ktbwO0oi5bM/fSj26lt3hqxRZnJK62EJW2pk2ellDGnPU8WGPXrQztXrnQkqqsYUs5dH8LHdxGlPZC9+Yo/U20xt0ilNKG2m1kJkbHkWcxtR2FqhM0/3weI1TSsdipoW4hs/kEKUx5X3mvu0bLp+ilFS5t4VUtivNzXQUkjKz1MF8NN0NauzYMacsXFcyhYWUkmmFLaT2j5C3KFmthoV0rXTX3Zyy9I+Qhyil9CIHW4i7nnpxQ7LW2vR1PwCebDgW3S0z9y+klOr7zBbiuszKzFghWQt9jF/PrWawr92fLnFKSAfqoJDXKDmlHHK5amT50De/iFJC2ghXiO37uRbSJ+cip83VjKS/r920diyilFC7y1wh4pt/FyVnKfvj1cOuNf3Oz89HiVI6ubbaFeLarYX0qfvOth4+VJZSHNxZ9uSQ0rETzgd3RBfpg5k1b1z5B/1lInfEzjQfjBEzBoarj0pvyMTGiJ2hPpi19J3wOTrHLPu/ZNnEZi3xtu8VspLBEKldR5tqId3z/DFK3lziSWsuxdl9uuf5NkrphEK6FdYpSl41eI1tbcfK+hXWLkrphEJurX6NZhs92HPx7Z3a6jfzg717CzlHyTHvtW2oatl1ue4tZB+lxGbRG6LEyXmRx2MY+cd+4Pv3wrs4pTV7/53drHw34YlY9Wlq7+y+kJu7KHbl2/T3oe470OR2Ufwi6da+1lLXI1W/j9hsP1sT3Nfyhdzaabxol1n36/hunpvgTqMvZNnv+IakSu1Vq27SzUMh5hHf7fiGlNTsvd34hSuh9HdoFRUyud1471//PxJM7f8jAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgf/AXCpmbEoJwejYAAAAASUVORK5CYII="></a>

        </figure>
        <div class="card_text"><h2 class="card_title"><a href="#">Lore Ipsum.</a></h2>

          <p class="card_desc">Merequi san dolor sit dafares et muli tuli - setam tu yavai. Lorem ipsum dolor sit amet, cetera en bas equi.</p>

        </div>
      </div>

      <div class="card">
      <figure class="card_header">
       <a href="#"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAADIBAMAAAA0O6rRAAAAG1BMVEXMzMyWlpajo6O3t7fFxcWqqqq+vr6cnJyxsbHzLcY6AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADL0lEQVR4nO3ZvW7bMBSGYdmWf8Ycp7YyRkWBrNEd2EObjhZQtKs9dI+G7tGdl4ekRMqQk25UgfcZ4i+RBfBIJEUxWQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACktfpV/LxOY74/dUd/N3/O1ymludiPVkTertKIhTkoJ00bEx6yYUqqsoVoY1xrQhr/trHTpPW6gkNKKRdbyEUbI+dBGv+2ejYd0IZ9Fqeklq6QRn7ktbwO0oi5bM/fSj26lt3hqxRZnJK62EJW2pk2ellDGnPU8WGPXrQztXrnQkqqsYUs5dH8LHdxGlPZC9+Yo/U20xt0ilNKG2m1kJkbHkWcxtR2FqhM0/3weI1TSsdipoW4hs/kEKUx5X3mvu0bLp+ilFS5t4VUtivNzXQUkjKz1MF8NN0NauzYMacsXFcyhYWUkmmFLaT2j5C3KFmthoV0rXTX3Zyy9I+Qhyil9CIHW4i7nnpxQ7LW2vR1PwCebDgW3S0z9y+klOr7zBbiuszKzFghWQt9jF/PrWawr92fLnFKSAfqoJDXKDmlHHK5amT50De/iFJC2ghXiO37uRbSJ+cip83VjKS/r920diyilFC7y1wh4pt/FyVnKfvj1cOuNf3Oz89HiVI6ubbaFeLarYX0qfvOth4+VJZSHNxZ9uSQ0rETzgd3RBfpg5k1b1z5B/1lInfEzjQfjBEzBoarj0pvyMTGiJ2hPpi19J3wOTrHLPu/ZNnEZi3xtu8VspLBEKldR5tqId3z/DFK3lziSWsuxdl9uuf5NkrphEK6FdYpSl41eI1tbcfK+hXWLkrphEJurX6NZhs92HPx7Z3a6jfzg717CzlHyTHvtW2oatl1ue4tZB+lxGbRG6LEyXmRx2MY+cd+4Pv3wrs4pTV7/53drHw34YlY9Wlq7+y+kJu7KHbl2/T3oe470OR2Ufwi6da+1lLXI1W/j9hsP1sT3Nfyhdzaabxol1n36/hunpvgTqMvZNnv+IakSu1Vq27SzUMh5hHf7fiGlNTsvd34hSuh9HdoFRUyud1471//PxJM7f8jAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADgf/AXCpmbEoJwejYAAAAASUVORK5CYII="></a>

        </figure>
        <div class="card_text"><h2 class="card_title"><a href="#">Lore Ipsum.</a></h2>

        <p class="card_desc">Merequi san dolor sit dafares et muli tuli - setam tu yavai. Lorem ipsum dolor sit amet, cetera en bas equi.</p></div>
    </div> 

    </div>
</div>
            
          
!
            
              @font-face {
    font-family: "Telefon Black";
    src: url(https://production-assets.codepen.io/assets/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3-78992f1ed89d5cadb09702e6a0d5bbb0302e85c728c1f8d18fdc8aa56870104c.woff) format("woff"),url(https://production-assets.codepen.io/assets/telefon/black/3f32b1c9-8e26-465e-ae02-ff82a378b670-3-6435f1279663bb84d4a1d8effe0adafbf8499ff6efdd01a59be848c90d8c4c0b.woff2) format("woff2")
}

@font-face {
    font-family: "Telefon";
    src: url(https://production-assets.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-b7a87e0fbd213943fae0c0ef5985635dd43fa9c24876b2725127a13ccaf4ab6a.woff) format("woff"),url(https://production-assets.codepen.io/assets/telefon/bold/af889c53-1ee3-4868-8fdc-2b310d587b50-3-446e9e68a40500d1b24a18331c6d6a78226d276079dcdc2ad9e80a48bdcfd948.woff2) format("woff2")
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
*:before, *:after {
  box-sizing: border-box;
}

:root {
  font-size: 10px;
}

body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #f7f9fa;
  font-family: "Roboto", sans-serif;
  font-size: 1.6rem;
}

.row {
  display: flex;
  flex-direction: column;
  max-width: 900px;
  clear: both;
  margin: 0 auto;
}
@media (min-width: 600px) {
  .row {
    flex-direction: row;
  }
}

.skeleton {
padding:40px;
  
}
.card {
  background: #fff;
  margin: 1em;
  width: 100%;
  padding-bottom: 0.75em;
}
@media (min-width: 600px) {
  .card {
    width: 33.333333%;
  }
}
.card_header {
  background: #d8e1e6;
}
.card_header img {
  display: block;
  max-width: 100%;
  height: auto;
}
.card_text {
  padding: 1em;
}
.card_title {
  font-size: 2rem;
  margin-bottom: 1em;
  font-weight: 200;
  line-height: 1.2;
}
.card_title a {
  text-decoration: none;
  color: #496776;
}
.card_desc {
  color: #496776;
}

h1,.h1 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Telefon Black", Sans-Serif;
    line-height: 1.1;
    font-size: 3rem
}

.pens-title-header {
    padding-bottom: 10px;
    border-bottom: 5px solid #0ebeff
}

/*
        Pending styles for CSS class based example
      */
      .pending {
        color: #bdc3c7!important;
        background-color: #bdc3c7!important;
        border-color: #bdc3c7!important;
        animation-name: skeletonAnimation;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
      }

      .pending_el {
        color: #ccc !important;
        background-color: #ccc !important;
        animation-name: skeletonAnimation;
        animation-duration: 1.5s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;

      }
    .bg-image {
    position: relative;
    height: 0;
    overflow: hidden;
    background-color: #f0f0f0;
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 40%
    }

    @keyframes skeletonAnimation {
        0% {
          opacity: 0.8;
        }
        50% {
          opacity: 0.4;
        }
        100% {
          opacity: 0.8;
        }
      }
            
          
!
            
              /*
for this pen i used the jquery skeleton loader


full documentation and download:
https://www.npmjs.com/package/jquery.skeleton.loader

the project on github
https://github.com/enbifa/jquery.skeleton.loader

for tips and features you consider useful for the plugin write me on enbifaforfun@gmail.com
*/










  var instance = $('#picked').scheletrone({
                    replaceImageWith: 'bg-image',
                    onComplete: function() {
        var str = '<div class="card"><figure class="card_header"><a href="#"><img src="https://source.unsplash.com/category/people/800x600"></a></figure><div class="card_text"><h2 class="card_title"><a href="#">Lore Ipsum.</a></h2><p class="card_desc">Merequi san dolor sit dafares et muli tuli - setam tu yavai. Lorem ipsum dolor sit amet, cetera en bas equi.</p></div></div></div>';
                      
 //for debug
var loaderVar;
var milliseconds = 2000;        
                      
                      
    loaderVar = setTimeout(function(){ 
$.ajax({
    url: "https://codepen.io/picks/feed/?page=1",
    dataType: "xml",
    type: "GET",
    error: function (request, error) {
        console.log(arguments);
        alert(" Can't do because: " + error);
    },
    success: function(xml) {
        var processedXML = xmlToJson(xml);
        $( "#picked" ).html('')
        
        for (var i = 0, len = 3; i < len; i++) {

            var str = '<div class="card"><figure class="card_header"><a href="'+processedXML.rss.channel.item[i].link["#text"]+'" target="_parent"><img src="'+processedXML.rss.channel.item[i].link["#text"]+'/image/small.png"></a></figure><div class="card_text"><h2 class="card_title"><a href="#">'+processedXML.rss.channel.item[i].title["#text"]+'</a></h2><p class="card_desc">Author: '+processedXML.rss.channel.item[i]["dc:creator"]["#text"]+'<br><small>Date: '+processedXML.rss.channel.item[i]["dc:date"]["#text"]+'</small></p><br><br><a href="'+processedXML.rss.channel.item[i].link["#text"]+'" target="_parent">See the Code</a></div></div></div>';
           $("#picked").append(str);
        }
       
        
    }
});
      
      clearTimeout(loaderVar);
        }, milliseconds);
                        
                    }
                    }
);


 // Changes XML to JSON
function xmlToJson(xml) {
	
	// Create the return object
	var obj = {};

	if (xml.nodeType == 1) { // element
		// do attributes
		if (xml.attributes.length > 0) {
		obj["@attributes"] = {};
			for (var j = 0; j < xml.attributes.length; j++) {
				var attribute = xml.attributes.item(j);
				obj["@attributes"][attribute.nodeName] = attribute.nodeValue;
			}
		}
	} else if (xml.nodeType == 3) { // text
		obj = xml.nodeValue;
	}

	// do children
	if (xml.hasChildNodes()) {
		for(var i = 0; i < xml.childNodes.length; i++) {
			var item = xml.childNodes.item(i);
			var nodeName = item.nodeName;
			if (typeof(obj[nodeName]) == "undefined") {
				obj[nodeName] = xmlToJson(item);
			} else {
				if (typeof(obj[nodeName].push) == "undefined") {
					var old = obj[nodeName];
					obj[nodeName] = [];
					obj[nodeName].push(old);
				}
				obj[nodeName].push(xmlToJson(item));
			}
		}
	}
	return obj;
};
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console