Menu

/ ICP Student Stories

div.gallery { border: 1px solid #ccc; height:600px; } div.gallery:hover { border: 1px solid #777; } div.gallery img { height:200px; border: none; display: block; margin: 0 auto; } div.desc { padding: 15px; text-align: center; } * { box-sizing: border-box; } .responsive { padding: 0 6px; float: left; width: 49.99999%; } @media only screen and (max-width: 1000px) { .responsive { width: 49.99999%; margin: 6px 0; } } @media only screen and (max-width: 500px) { .responsive { width: 300px; } } @media only screen and (max-width: 500px) { .responsive { width: 300px; } } .clearfix:after { content: ""; display: table; clear: both; } .mySlides {display:none;} .showme { display: none; } .one:hover .mySlides { display: block; } .rotate90 { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } div.scale{ margin: 0 auto; height: 150px; width:300px; }
var slideIndex = 1; showDivs(slideIndex); function plusDivs(n) { showDivs(slideIndex += n); } function showDivs(n) { var i; var x = document.getElementsByClassName("mySlides"); if (n > x.length) {slideIndex = 1} if (n < 1) {slideIndex = x.length} for (i = 0; i x.length) {slideIndex2 = 1} if (n < 1) {slideIndex2 = x.length} for (i = 0; i x.length) {slideIndex3 = 1} if (n < 1) {slideIndex3 = x.length} for (i = 0; i x.length) {slideIndex4 = 1} if (n < 1) {slideIndex4 = x.length} for (i = 0; i < x.length; i++) { x[i].style.display = "none"; } x[slideIndex4-1].style.display = "block"; }

Learn more about the program on our ICP page!