careerfoundry module 4 exercise 3

progress-work.js

var works = [
  "http://www.animal-photography.com/thumbs/red_tabby_long_hair_kitten_~AP-0UJFTC-TH.jpg",
  "img/silver_kitten.jpg",
  "http://www.animal-photography.com/thumbs/silver_tabby_kittens~AP-0JO6Y9-TH.jpg",
  "img/silver_kitten.jpg"
];



$('#work').append('\
  <div class="container progress-work">\
    <div class="header">\
      <h2>Progress work</h2>\
    </div>\
    <div class="row">\
    </div> \
  </div> \
');  

for(var i=0; i<works.length; i++) {
  $('.progress-work .row').append('\
    <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3">\
      <img class="img-responsive" src="' + works[i] + '" alt="">\
    </div>\
  ');
  var images = $(".progress-work img");
  if(i%2 === 0){
    $(images[i]).css("border", "2px solid DodgerBlue");
  } else {
    $(images[i]).css("border", "2px solid salmon");
  };
};