dicem

архив нет конечно, но можете использовать JSFiddle или CodePen

Попробуй это:

function getContent(){
  var http = new XMLHttpRequest();  
  http.open('GET', 'https://twitter.com/navalny'); // URL страницы сайта
  http.onreadystatechange = function () {
    if (this.readyState == 4 && this.status == 200) {
      var doc = new DOMParser().parseFromString(this.responseText, "text/html");  // преобразовать текст в HTML
      document.write(doc)
    }
  }
  http.send(null);
}

Owl Carousel 2 форева, ничего лучше и проще никогда не видел

Что касается этого:

btn {
border: 0px solid #000000;
width: 160px;
color: #ffffff; /* The color of text in button - WHY DOESN'T IT WORK?*/
text-decoration: none; /* The link style in button - WHY DOESN'T IT WORK?*/
background: #FBD840;
padding: 12px;
text-align: center;
margin-bottom: 30px;
border-radius: 3px;
box-shadow: 0px 3px 15px 3px rgba(249,219,91,0.4);
cursor: pointer;

Селектор! Если вы имели ввиду класс btn, то класс обозначаем в таком формате: .btn{...}
Если же вы имели ввиду сам тег , то писать нужно полное название тега
button{...}

Если я чего то не понял, то давайте ка ссылку на песочницу свою

Предлагаю вам отличную и простую библиотеку для создания как статичных так и динамичных графиков: Chartist.js

Можно вобщем вот как сделать:

Не совсем понял? Это имеется ввиду?

Сделай блок этот с инфой отдельно от слайдера и присвой ему стили:

position: absolute;
top: 0;
left: 0;

Ну и собственно сделай infinite прокрутку, чтоб фото за блоком появились в конце.

На Mozilla скроллер не появлется, могу посоветовать столетний костыль, который до сих пор служит верой и правдой:

body{
  overflow-x: hidden;
}