<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link href="http://manos.malihu.gr/repository/custom-scrollbar/demo/jquery.mCustomScrollbar.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div id="content-d">
<h1>Hello, world!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sodales est ac nulla consectetur vehicula. Vivamus at dolor rutrum, auctor nunc ut, dapibus turpis. Fusce metus nunc, maximus eget pulvinar sed, tincidunt vel lacus. Cras dapibus odio vel dui feugiat, vel tincidunt velit convallis. Pellentesque posuere venenatis justo, sit amet tristique lorem lobortis at. Vivamus sit amet eros leo. Nunc venenatis arcu mattis imperdiet pulvinar. Donec eu elit ornare, elementum nunc rutrum, fringilla leo. Sed imperdiet eu ipsum nec pulvinar. Vivamus ut hendrerit massa. Sed sed suscipit sapien. Proin velit leo, tincidunt ac dui sed, pretium tempor augue.</p>
<p>Cras et odio id ligula accumsan ullamcorper ac quis arcu. Nullam mattis libero massa, non hendrerit felis aliquet rhoncus. Vestibulum sit amet justo malesuada, blandit dolor ac, tristique justo. Ut orci mauris, semper vel orci et, efficitur eleifend lacus. Curabitur dapibus tincidunt massa ac congue. Donec egestas ipsum facilisis finibus convallis. Nullam eros lectus, luctus et ligula finibus, euismod vestibulum lorem. Sed mattis pulvinar eros, faucibus faucibus sapien volutpat sed. Nam blandit efficitur quam, id feugiat sapien ornare ut. Vestibulum vestibulum, enim sit amet aliquam lobortis, turpis turpis placerat ipsum, non posuere orci velit vitae augue.</p>
<p>Etiam at imperdiet magna. Pellentesque imperdiet tristique turpis eu eleifend. Vivamus a quam eu lacus viverra interdum sed et tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla interdum mi hendrerit sapien interdum, ut fringilla arcu convallis. Ut leo neque, luctus non venenatis quis, condimentum sit amet massa. Phasellus ut aliquet lorem. Sed et auctor nisl. Cras consequat tellus sed sem ultricies rhoncus. Mauris auctor placerat erat id rhoncus. Nunc dignissim suscipit nisl, a hendrerit lacus consectetur quis.</p>
<p>Nullam efficitur dapibus scelerisque. Sed commodo odio ornare elementum lobortis. Sed ut purus turpis. Cras in dapibus mi. Donec rutrum, eros auctor consectetur ornare, lectus orci congue nulla, quis lacinia ex metus eget mi. Suspendisse lobortis at ex vel hendrerit. Nulla porta est est, et convallis libero euismod ac. Nunc venenatis tortor vel bibendum rhoncus. Maecenas consequat scelerisque ante, sit amet fermentum urna. Vestibulum hendrerit semper aliquam. Mauris varius, risus sed pharetra ultricies, nulla dui viverra mi, ut elementum dui diam quis nibh. Donec pellentesque odio mi, porttitor efficitur augue molestie nec.</p>
<p>Integer et erat pellentesque, posuere massa ut, facilisis leo. Quisque vitae euismod risus, non rhoncus diam. Phasellus leo dolor, gravida at nisl id, suscipit porttitor mauris. Pellentesque tincidunt lacinia nunc sit amet ultrices. Sed a lacinia ex. Praesent sagittis mollis tempus. Praesent volutpat justo luctus, iaculis nunc eu, aliquet arcu. Nam et accumsan libero, quis lobortis lacus. Nullam interdum, turpis ut gravida pretium, lectus risus scelerisque justo, ut volutpat orci tellus eget lectus. Fusce nec pellentesque ante. Quisque congue ligula diam, a lobortis tortor porta ut.</p>
<p>Vestibulum malesuada diam facilisis quam pharetra, semper posuere neque volutpat. Nam massa libero, ornare a volutpat sed, sollicitudin sed risus. Integer gravida tempor augue quis pellentesque. Vivamus in nunc eu dolor hendrerit placerat nec eu nisl. Donec nec fermentum mi. Quisque efficitur vitae urna eget porttitor. Nunc non semper sem. Maecenas a sollicitudin orci. Morbi gravida eros eu neque sollicitudin sagittis. Quisque congue diam sit amet nunc dictum, at iaculis massa varius. Pellentesque viverra lorem vel porta aliquet. Nunc aliquam turpis quis ex tempus fringilla. Mauris laoreet diam eu justo sagittis, non aliquet purus viverra. Suspendisse potenti. Vestibulum ullamcorper eros ipsum, ac ultricies mi feugiat in.</p>
<p>Nunc tortor tellus, sollicitudin id felis vitae, condimentum accumsan lacus. Pellentesque suscipit porta justo, quis fermentum massa varius ornare. In nulla nulla, lobortis sed lectus vel, viverra maximus augue. Vivamus imperdiet sit amet diam ac scelerisque. Nunc nunc libero, mattis quis gravida nec, maximus vitae turpis. In hac habitasse platea dictumst. Fusce hendrerit dui at arcu tincidunt finibus. Etiam aliquet eget nisl eu pretium. Proin leo nisl, condimentum id justo nec, blandit pulvinar sapien. Pellentesque sodales risus eget quam porttitor mattis. Aenean rutrum tortor augue, eu accumsan dolor mattis a. Maecenas quis hendrerit lectus.</p>
<p>Vivamus feugiat mollis arcu, non dictum purus ultricies id. Morbi volutpat quam et leo tristique, vitae ornare tortor fringilla. Duis ac augue ut dui malesuada iaculis. Phasellus mollis orci sodales pretium elementum. Etiam varius nunc justo, et varius orci aliquet id. Cras sollicitudin felis sed dictum efficitur. Phasellus bibendum dolor vitae aliquet vehicula. Suspendisse potenti. Vivamus felis purus, viverra rutrum libero ac, tempus hendrerit lectus. Duis arcu enim, consequat a diam sit amet, iaculis vestibulum ante. Curabitur eget justo vitae nibh aliquam vulputate.</p>
<p>Praesent gravida in risus faucibus fermentum. Suspendisse a libero blandit, scelerisque lacus et, iaculis orci. Mauris dapibus, tortor feugiat congue rhoncus, erat ipsum vulputate urna, et mattis quam magna quis tortor. Aenean vehicula massa erat, et varius lacus dignissim sit amet. Ut scelerisque aliquam erat, non egestas est bibendum sagittis. Aliquam vulputate eros mauris, nec accumsan elit fermentum non. Proin at velit elit. Duis convallis nisl ac odio facilisis, ut sollicitudin nulla ornare. Vestibulum sagittis massa et vestibulum mattis. In consectetur odio nec ante congue, sit amet maximus mauris lacinia. In eleifend euismod mauris ac sollicitudin. Cras accumsan nulla sed varius commodo. Mauris suscipit ipsum ultrices efficitur tincidunt. Nulla ac consequat tortor.</p>
<p>Integer quis ligula tempor nulla maximus mattis. Sed elementum ligula neque, ac consequat sem rutrum vitae. Etiam a sagittis nibh. Maecenas metus velit, placerat eu ex eget, laoreet sollicitudin diam. Nunc vehicula a mi nec eleifend. Duis sed ligula ac lectus tincidunt aliquet at ac lectus. Morbi id elit vitae sapien condimentum fringilla et ut libero. Fusce massa mauris, dapibus et maximus sit amet, laoreet gravida metus.</p>
<p>Vivamus non nulla accumsan, pulvinar magna ut, iaculis magna. Quisque egestas ac sapien a condimentum. Phasellus nulla nibh, efficitur nec lorem ac, eleifend blandit ligula. Proin interdum, leo id condimentum euismod, mi nisl pellentesque massa, a varius lectus nisi non nulla. Morbi porttitor accumsan congue. Phasellus vel commodo augue. Maecenas purus tortor, imperdiet quis sagittis nec, viverra ut nisl. Fusce quis mauris nulla. Nam a libero varius, sollicitudin lorem vel, vulputate massa. Etiam et nunc volutpat, sollicitudin neque sit amet, accumsan mi. Sed viverra diam ut massa mollis dignissim.</p>
<p>Sed odio ante, malesuada sit amet turpis laoreet, lobortis suscipit mi. In facilisis mollis libero vitae tincidunt. Donec a neque nec justo iaculis commodo. Aliquam erat volutpat. Duis sit amet nibh vitae metus aliquet semper. Etiam quis ex in eros commodo scelerisque ut eget augue. Aliquam erat volutpat. Donec bibendum purus nec dictum accumsan. Cras iaculis eget eros ac dictum.</p>
<p>Donec at tellus odio. Pellentesque aliquam ultricies dignissim. Vestibulum eget hendrerit purus. Fusce lorem diam, mollis quis cursus eu, cursus at metus. Morbi euismod odio sit amet tellus molestie gravida. Integer lobortis nulla sit amet ullamcorper semper. Nulla a molestie mauris. Morbi malesuada facilisis enim, in pulvinar elit tempor vitae. Nunc cursus purus vel tortor consequat, ut condimentum quam vulputate. Praesent tincidunt leo in pulvinar malesuada. Quisque diam leo, mattis sed odio vel, vehicula rhoncus libero. Aenean lobortis ipsum condimentum sem accumsan, dignissim pretium neque tincidunt. Etiam vulputate, lectus et interdum porttitor, risus urna accumsan nunc, vitae ullamcorper ipsum enim id dolor. Donec nec quam quis mauris pretium egestas quis nec enim. Suspendisse semper aliquet est sit amet lobortis.</p>
<p>Nunc rutrum, lectus non maximus vehicula, eros enim iaculis lectus, eu pharetra dui ipsum in massa. Aliquam erat volutpat. Praesent mi diam, feugiat in libero vitae, egestas tincidunt sapien. Mauris nec massa convallis, dictum mi a, dignissim augue. Sed a nisi fringilla, congue libero in, ultricies dui. Cras sed varius lacus, eu rhoncus velit. Proin eget lobortis nisl. Donec rhoncus ultrices tincidunt. Cras venenatis porttitor odio, et pharetra leo molestie in. Fusce non dui felis. Phasellus auctor sem lorem, imperdiet vehicula dui vestibulum vel. Quisque vel enim et lacus euismod mattis. Quisque pretium, dui a auctor egestas, dui metus mollis eros, id faucibus risus diam eget neque.</p>
<p>Duis ut velit lacinia, pulvinar urna eu, condimentum massa. Aenean auctor purus velit, et fringilla ligula cursus sit amet. Vestibulum elementum justo nec vulputate feugiat. Pellentesque mollis consequat nunc sit amet posuere. Proin rhoncus eget nibh in vehicula. Maecenas consequat egestas nibh, nec rutrum mi malesuada ac. Ut facilisis ligula et odio lobortis ullamcorper vitae ac ipsum. Nunc eget leo interdum, aliquet orci sit amet, consectetur neque. Sed in dui ante.</p>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="http://manos.malihu.gr/repository/custom-scrollbar/demo/jquery.mCustomScrollbar.concat.min.js"></script>
<script>
(function($){
$(window).load(function(){
$("#content-d").mCustomScrollbar({theme:"dark"});
});
})(jQuery);
</script>
</body>
</html>