A CodePen by geronimo.

index.html

<div id="container">
 
 
</div>

script.js

$(document).ready(function(){
 
$("#container").append("<div class='he'>hello</div>");
  
  $(".he").append(" <div class='img'></div>");
  
    _arrI = ["<img src='http://icons.iconarchive.com/icons/eponas-deeway/colobrush/256/heart-2-icon.png'>","<img src='http://icons.iconarchive.com/icons/mirella-gabriele/valentine/256/Heart-black-icon.png'>", "<img src='http://icons.iconarchive.com/icons/archigraphs/christmas/256/Candy-House-icon.png'>","<img src='http://icons.iconarchive.com/icons/icondrawer/gifts/256/dog-icon.png'>","<img src='http://icons.iconarchive.com/icons/afterglow/forum-faces-2/128/Forum-Flirt-icon.png'>","<img src='http://icons.iconarchive.com/icons/deleket/purple-monsters/256/Alien-happy-icon.png'>","<img src='http://icons.iconarchive.com/icons/iconshock/tiny-animals/256/cat-icon.png'>","<img src='http://icons.iconarchive.com/icons/yootheme/halloween/256/cheshire-cat-icon.png'>", "<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Nibbler.png'>","<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Nudar.png'>", "<img src='http://cdn1.iconfinder.com/data/icons/Deleket_Purple_Monsters/128/Alien_22.png'>","<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Bender_%28Shiny_Metal%29.png'>","<img src='http://cdn1.iconfinder.com/data/icons/futurama/256/Robot_Devil.png'>","<img src='http://cdn1.iconfinder.com/data/icons/SUPERVISTA/education_icons/png/256/technology.png'>","<img src='http://cdn1.iconfinder.com/data/icons/walle/256/media_player.png'>","<img src='http://cdn1.iconfinder.com/data/icons/REALVISTA/mobile/png/256/android_platform.png'>","<img src='http://cdn1.iconfinder.com/data/icons/angry-icons-by-femfoyou/250/redbird.png'>","<img src='http://cdn1.iconfinder.com/data/icons/water_gaming_pack/256/mario_party.png'>","<img src='http://cdn1.iconfinder.com/data/icons/rockettheme-halloween-icon-pack1/128/cauldron.png'>","<img src='http://cdn1.iconfinder.com/data/icons/Hooligans_Icons/250/Butterfly.png'>","<img src='http://cdn1.iconfinder.com/data/icons/Favorite_monsters/256/green.png'>","<img src='http://babysimpson.co.uk/media/icons/homer/homer1.ico'>","<img src='http://aux2.iconpedia.net/uploads/387811467132324889.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/narutospray.png'>","<img src='https://twimg0-a.akamaihd.net/profile_images/2850192547/ee6e9b681e5ed3afcfac6e26031da57d.png'>","<img src='https://twimg0-a.akamaihd.net/profile_images/2805438451/1cace90ff756cc43ba03b1abd78f8b6f.jpeg'>","<img src='http://www.download4a.com/Android_Icons/Dragon-Ball-Z-Widgets.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/gtgoku.png'>","<img src='http://icons.iconarchive.com/icons/shwz/disney/256/mickey-mouse-icon.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/spongebob_1.png'>","<img src='http://iconbug.com/data/3e/256/9bbbfabf3ff6eda3fe3ff5e1852cb060.png'>","<img src='http://www.bestfreeicons.com/smimages/Twitter-Diver-256.png'>","<img src='http://files.gamebanana.com/img/ico/sprays/anime_angel_by_kurisu.png'>","<img src='http://mobi-wall.brothersoft.com/files/130130/d/12832790069442.jpg'>"];
     var _img =_arrI[Math.floor(Math.random()*_arrI.length)];    
    $(".img").html(_img);
     var _title=$("#container");
     var _other = ["eres","Saludos","you",""];
     var _otherL = _other[Math.floor(Math.random()*_other.length)];
     var _mensaje = ["colombiano","abuelo","puberto","ugly","Malo","Fea","Feo","Love","Good","Bad","Dead", "Muerte","veneco", "paisa", "negro", "gocho"];
      var _aletoriClick = _mensaje[Math.floor(Math.random()*_mensaje.length)];
     // alert(_aletoriClick);
    _title.addClass(_backGround);
   $(".foot").addClass(_backGround);
    _title.addClass("fontS");
  $("img").css({width:'256px',"box-shadow":"1px 1px 10px white","background-color":"rgba(255, 255, 255, 0.53)","margin-right":"30px"});
 // $("p").text(_mensaje[2]);
  $(".img").append("<div class='foot'></div>");
    var _fontS = $(".he");
    var t16= "55px";
    var _fontFamily = "Fruktur";
    var arr = [ "#fff", "#dcf7f9", "#e6ffe0", "#feccf5", "#fef3d6" ];
    var _color=arr[Math.floor(Math.random()*arr.length)];
    console.log(_color);
    var _arr = [ "stLCo", "stLb", "stLc" ];
    $(".foot").html(_otherL+" "+_aletoriClick);
    var _backGround = _arr[Math.floor(Math.random()*_arr.length)];
    _title.addClass(_backGround);

   $(".stLb").css({ "background-color":"rgba(173, 216, 230, 0.9)"
    });
    $(".stLc").css({ "background-color":"rgb(91, 214, 255)"
    });
    $(".stLCo").css({"background-color":"rgb(227, 153, 255)"
    });
    
    _fontS.css({
        "font-size":t16,"font-family": _fontFamily, "color": _color
    });
   
});


 WebFontConfig = {
    google: { families: [ 'Fruktur::latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })(); 

style.css

@import url(http://fonts.googleapis.com/css?family=Marck+Script);
#container{

  width:450px;
  height:450px;
  margin: 10px auto ;

}

.he{
  float:left;  
  width:100%;
  text-align:center;
  font-family:Princess Sofia;
  font-size:50px;
  text-transform:capitalize;
}
.img{
  float:left;
  width:100%;
  height:210px;
  
}
.foot{
 
  height:40px;
  float:left;
  width:100%;
  font-family: 'Marck Script', cursive;
  font-size:28px;
  
}