Sebuahhobi98

bootstrap row

Oct 16th, 2021
656
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <body>
  2.     <main role="main" class="container-fluid">
  3.         <div class="row fixed-top align-content-center border border-warning">
  4.             <div class="col-xl-12">
  5.                         <div class="card rounded-0 mb-2">
  6.                             <div id="carouselExampleIndicators3" class="carousel slide" data-ride="carousel">
  7.                                 <ol class="carousel-indicators">
  8.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="0" class="active"></li>
  9.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="1" class=""></li>
  10.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="2" class=""></li>
  11.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="3" class=""></li>
  12.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="4" class=""></li>
  13.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="5" class=""></li>
  14.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="6" class=""></li>
  15.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="7" class=""></li>
  16.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="8" class=""></li>
  17.                                     <li data-target="#carouselExampleIndicators3" data-slide-to="9" class=""></li>
  18.                                 </ol>
  19.                                 <div class="carousel-inner">
  20.                                     <div class="carousel-item active">
  21.                                         <img class="card-img" height="460" width="460%" src="<?=base_url()?>assets/image/k1.jpg" alt="First slide">
  22.                                     </div>
  23.                                     <div class="carousel-item">
  24.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k2.jpg" alt="Second slide">
  25.                                     </div>
  26.                                     <div class="carousel-item">
  27.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k3.jpg" alt="Third slide">
  28.                                     </div>
  29.                                     <div class="carousel-item">
  30.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k4.jpg" alt="Third slide">
  31.                                     </div>
  32.                                     <div class="carousel-item">
  33.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k5.jpg" alt="Third slide">
  34.                                     </div>
  35.                                     <div class="carousel-item">
  36.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k6.jpg" alt="Third slide">
  37.                                     </div>
  38.                                     <div class="carousel-item">
  39.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k7.jpg" alt="Third slide">
  40.                                     </div>
  41.                                     <div class="carousel-item">
  42.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k8.jpg" alt="Third slide">
  43.                                     </div>
  44.                                     <div class="carousel-item">
  45.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k9.jpg" alt="Third slide">
  46.                                     </div>
  47.                                     <div class="carousel-item">
  48.                                         <img class="card-img rounded-0" height="460" width="480" src="<?=base_url()?>assets/image/k10.jpg" alt="Third slide">
  49.                                     </div>
  50.                                 </div>
  51.                                 <a class="carousel-control-prev" href="#carouselExampleIndicators3" role="button" data-slide="prev">
  52.                                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  53.                                     <span class="sr-only">Previous</span>
  54.                                 </a>
  55.                                 <a class="carousel-control-next" href="#carouselExampleIndicators3" role="button" data-slide="next">
  56.                                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  57.                                     <span class="sr-only">Next</span>
  58.                                 </a>
  59.                             </div>
  60.                         </div>
  61.             </div>
  62.         </div>
  63.         <div class="row fixed-bottom border border-warning">
  64.             <div class="col-xl-12">
  65.                 <div class="row">
  66.                     <div class="col box text-center text-danger" style="height: 50px">
  67.                         <span>
  68.                             <marquee behavior="scroll" direction="left">Pengumanan hari ini kajian fiqih ba'da magrib. Tes menggunakan new line...</marquee>
  69.                         </span>
  70.                     </div>
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </main>
  75.  
  76. </body>
RAW Paste Data