"Carousel - Center"
Bootstrap 3.3.0 Snippet by bnice

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="row" id="motdrow"><div class="col-lg-12 col-md-12"><div class="well" id="motdwrap"><button class="close pull-right" id="togglemotd"><span class="glyphicon glyphicon-minus"></span></button><div id="motd"> <div id="myCarousel" class="carousel slide" data-interval="false"> <ol class="carousel-indicators"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <div class="carousel-inner"> <div class="item active"> <img src="https://image.tmdb.org/t/p/original/fv183KrilJGQ23ZXABnVSlFjoF7.jpg?w=940&h=650&auto=compress&cs=tinysrgb" class="img-responsive" /> <div class="container"> <div class="caraous-title text-center"> <div class="col-md-12"> <span>No Turning Back </span> <h1><span>All That I Am Offering </span> </h1> <h3>The Truth,Nothing More.</h3> <a class="btn btn-lg btn-primary site-btn" href="https://js4.red/r/The_Donald/">Rabbit Hole</a> <a class="btn btn-lg btn-primary site-btn2" href="https://js4.red/r/politics/">WonderLand</a> </div> </div> </div> </div> <div class="item"> <img src="https://image.tmdb.org/t/p/original/eRf90VSPEzl822h3QPMWg3S8m5u.jpg?w=940&h=650&auto=compress&cs=tinysrgb" class="img-responsive" /> <div class="container"> <div class="caraous-title text-center"> <div class="col-md-12"> <span> </span> <h1><span>20%</span> </h1> <h3> </h3> </div> </div> </div> </div> <div class="item"> <img src="https://image.tmdb.org/t/p/original/xGC2fY5KFmtuXnsuQwYQKFOLZFy.jpg?w=940&h=650&auto=compress&cs=tinysrgb" class="img-responsive" /> <div class="container"> <div class="caraous-title text-center"> <div class="col-md-12"> <span> </span> <h1><span> </span> </h1> <h3> </h3> </div> </div> </div> </div> </div> <a class="left carousel-control" href="#myCarousel" data-slide="prev"> <span class="icon-prev"></span> </a> <a class="right carousel-control" href="#myCarousel" data-slide="next"> <span class="icon-next"></span> </a> </div> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://i2.wp.com/dailyflix.stream/wp-content/uploads/2018/11/kBABboeLU2HsKWSG7DwiF9saHl5.jpg?resize=200%2C300&ssl=1" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> In Bruges <a href="https://dailyflix.stream/movies/in-bruges/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Ray and Ken, two hit men, are in Bruges, Belgium, waiting for their next mission. While they are there they have time to think and discuss their previous assignment. When the mission is revealed to Ken, it is not what he expected. </p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Comedy, Drama, Crime </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://i0.wp.com/dailyflix.stream/wp-content/uploads/2018/07/qAbRLPe8T7ehKzr1Tgo78T7ASrS.jpg?resize=200%2C300&ssl=1" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> Man on Fire <a href="https://dailyflix.stream/movies/man-on-fire/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Jaded ex-CIA operative John Creasy reluctantly accepts a job as the bodyguard for a 10-year-old girl in Mexico City. They clash at first, but eventually bond, and when she's kidnapped he's consumed by fury and will stop at nothing to save her life.</p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Drama, Crime </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://main.dailyflix.stream/wp-content/uploads/2018/09/yJK6Ds1XC0nOViJbT7Mcs9ngb6P-150x225.jpg" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> Jurassic World:Fallen K <a href="https://main.dailyflix.stream/movies/jurassic-world-fallen-kingdom/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Three years after the demise of Jurassic World, a volcanic eruption threatens the remaining dinosaurs on the isla Nublar, so Claire Dearing, the former park manager, recruits Owen Grady to help prevent the extinction of the dinosaurs once again.. </p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Adventure, Science Fiction </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://main.dailyflix.stream/wp-content/uploads/2018/09/4MA86XWa0aYCwAu30qdvv3EyGBX-200x300.jpg" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> The House with a Clock <a href="https://main.dailyflix.stream/movies/the-house-with-a-clock-in-its-walls-seeinfo/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Ten-year-old Lewis goes to live with his uncle in a creaky old house that contains a mysterious ticktock noise. When Lewis accidentally awakens the dead, the town's sleepy facade magically springs to life with a secret world of witches and warlocks.</p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Fantasy, Thriller, Family </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://i2.wp.com/dailyflix.stream/wp-content/uploads/2018/11/kBABboeLU2HsKWSG7DwiF9saHl5.jpg?resize=200%2C300&ssl=1" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> In Bruges <a href="https://dailyflix.stream/movies/in-bruges/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Ray and Ken, two hit men, are in Bruges, Belgium, waiting for their next mission. While they are there they have time to think and discuss their previous assignment. When the mission is revealed to Ken, it is not what he expected. </p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Comedy, Drama, Crime </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://i0.wp.com/dailyflix.stream/wp-content/uploads/2018/07/qAbRLPe8T7ehKzr1Tgo78T7ASrS.jpg?resize=200%2C300&ssl=1" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> Man on Fire <a href="https://dailyflix.stream/movies/man-on-fire/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Jaded ex-CIA operative John Creasy reluctantly accepts a job as the bodyguard for a 10-year-old girl in Mexico City. They clash at first, but eventually bond, and when she's kidnapped he's consumed by fury and will stop at nothing to save her life.</p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Drama, Crime </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://main.dailyflix.stream/wp-content/uploads/2018/09/yJK6Ds1XC0nOViJbT7Mcs9ngb6P-150x225.jpg" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> Jurassic World:Fallen K <a href="https://dailyflix.stream/movies/in-bruges/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Three years after the demise of Jurassic World, a volcanic eruption threatens the remaining dinosaurs on the isla Nublar, so Claire Dearing, the former park manager, recruits Owen Grady to help prevent the extinction of the dinosaurs once again.. </p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Adventure, Science Fiction </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://main.dailyflix.stream/wp-content/uploads/2018/09/4MA86XWa0aYCwAu30qdvv3EyGBX-200x300.jpg" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> The House with a Clock <a href="https://dailyflix.stream/movies/man-on-fire/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Ten-year-old Lewis goes to live with his uncle in a creaky old house that contains a mysterious ticktock noise. When Lewis accidentally awakens the dead, the town's sleepy facade magically springs to life with a secret world of witches and warlocks.</p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Fantasy, Thriller, Family </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://i2.wp.com/dailyflix.stream/wp-content/uploads/2018/11/kBABboeLU2HsKWSG7DwiF9saHl5.jpg?resize=200%2C300&ssl=1" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> In Bruges <a href="https://dailyflix.stream/movies/in-bruges/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Ray and Ken, two hit men, are in Bruges, Belgium, waiting for their next mission. While they are there they have time to think and discuss their previous assignment. When the mission is revealed to Ken, it is not what he expected. </p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Comedy, Drama, Crime </div> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://i0.wp.com/dailyflix.stream/wp-content/uploads/2018/07/qAbRLPe8T7ehKzr1Tgo78T7ASrS.jpg?resize=200%2C300&ssl=1" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> Man on Fire <a href="https://dailyflix.stream/movies/man-on-fire/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Jaded ex-CIA operative John Creasy reluctantly accepts a job as the bodyguard for a 10-year-old girl in Mexico City. They clash at first, but eventually bond, and when she's kidnapped he's consumed by fury and will stop at nothing to save her life.</p> <hr /> <div class="row rating-desc"> <div class="col-md-12"> <span class="glyphicon glyphicon-hd-video"></span> 720p <span class="separator">|</span> <span class="glyphicon glyphicon-tags"></span> Drama, Crime </div> </div> </div> </div> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well well-sm"> <div class="row"> <div class="col-xs-3 col-md-3 text-center"> <img src="https://main.dailyflix.stream/wp-content/uploads/2018/09/yJK6Ds1XC0nOViJbT7Mcs9ngb6P-150x225.jpg" class="img-rounded img-responsive" /> </div> <div class="col-xs-9 col-md-9 section-box"> <h2> Jurassic World:Fallen K <a href="https://dailyflix.stream/movies/in-bruges/" target="_blank"><span class="glyphicon glyphicon-new-window"> </span></a> </h2> <p> Three years after the demise of Jurassic World, a volcanic eruption threatens the remaining dinosaurs on the isla Nublar, so Claire Dearing, the former park manager, recruits Owen Grady to help prevent the extinction of the dinosaurs once again.. </p> <hr /> </div></div></div></div></div></div></div></div></div></div>
.item img {width:100%; max-height:450px;display: block;} .caraous-title { position: absolute; top: 20%; left: 25px; right: auto; width: 96.66666666666666%; color: #000; } .caraous-title h1 {color:#aa1f43;font-size:45px; font-weight:600;} .caraous-title h3 {margin-bottom:30px;color:#aa1f43;font-size:18px; letter-spacing:1px;} .caraous-title span {color:#fff;} .caraous-img-box img {width:50%;} /* Button */ .site-btn{padding:12px 25px 12px 25px;border-radius:2px;background:#7d1324;border-color:transparent;font-size:14px;} .site-btn:hover{background:#C9223D ;border:transparent;} .site-btn2{padding:12px 25px 12px 25px;border-radius:2px;background:#0000cc;border-color:transparent;font-size:14px;} .site-btn2:hover{background:rgb(128, 197, 71); ;border:transparent;}

Related: See More


Questions / Comments: