API tools faq
paste
Sebuahhobi98

home

Sebuahhobi98
Jun 15th, 2020
314
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.85 KB | None | 0 0
raw download clone embed print report
  1. <div class="section-body">
  2.         <div class="row">
  3.             <div class="col-lg-12">
  4.                 <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
  5.                   <ol class="carousel-indicators">
  6.                     <li data-target="#carouselExampleIndicators" data-slide-to="0" class=""></li>
  7.                     <li data-target="#carouselExampleIndicators" data-slide-to="1" class=""></li>
  8.                     <li data-target="#carouselExampleIndicators" data-slide-to="2" class="active"></li>
  9.                   </ol>
  10.                   <div class="carousel-inner">
  11.                     <div class="carousel-item">
  12.                       <img class="d-block w-100" src="http://localhost/asrama/assets/images/berita/ada-ayam-bisa-terbang.jpg" alt="First slide">
  13.                     </div>
  14.                     <div class="carousel-item">
  15.                       <img class="d-block w-100" src="http://localhost/asrama/assets/images/berita/ayo-kita-coba-lagi.jpg" alt="Second slide">
  16.                     </div>
  17.                     <div class="carousel-item active">
  18.                       <img class="d-block w-100" src="http://localhost/asrama/assets/images/berita/sebuahhobi.png" alt="Third slide">
  19.                     </div>
  20.                   </div>
  21.                   <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
  22.                     <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  23.                     <span class="sr-only">Previous</span>
  24.                   </a>
  25.                   <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
  26.                     <span class="carousel-control-next-icon" aria-hidden="true"></span>
  27.                     <span class="sr-only">Next</span>
  28.                   </a>
  29.                 </div>
  30.             </div>
  31.         </div>
  32.         <div class="row" style="padding-top: 20px;">
  33.             <div class="col-lg-10">
  34.                 <div class="row">
  35.                                             <div class="col-sm-5">
  36.                             <article class="article article-style-c">
  37.                                 <div class="article-header">
  38.                                     <div class="article-image" data-background="http://localhost/asrama/assets/images/berita/sebuahhobi.png" style="background-image: url(&quot;http://localhost/asrama/assets/images/berita/sebuahhobi.png&quot;);">
  39.                                     </div>
  40.                                 </div>
  41.                                 <div class="article-details">
  42.                                     <div class="article-category">
  43.                                         <span style="font-size: 8px;"><b>Teknologi</b></span>
  44.                                         <div class="bullet"></div>
  45.  
  46.                                         <span style="font-size: 8px;"><b>
  47.                                             536 hari yang lalu                                      </b>
  48.                                     </span>
  49.                                     <div class="bullet"></div>
  50.  
  51.                                     <span style="font-size: 8px;"><b>superadmin</b></span>
  52.                                 </div>
  53.                                 <div class="article-title">
  54.                                     <h2><a href="http://localhost/asrama/blog/detail/teknologi/sebuahhobi">Sebuahhobi</a></h2>
  55.                                 </div>
  56.                                 <p><strong>sxsxsxsxxxxxxxxxxxxxxxxxxxxxxxxxxxx</strong></p>                             <div class="article-cta">
  57.                                     <a href="http://localhost/asrama/blog/detail/teknologi/sebuahhobi">Read More <i class="fas fa-chevron-right"></i></a>
  58.                                 </div>
  59.                         </div>
  60.                     </article>
  61.                 </div>
  62.                                         <div class="col-sm-5">
  63.                             <article class="article article-style-c">
  64.                                 <div class="article-header">
  65.                                     <div class="article-image" data-background="http://localhost/asrama/assets/images/berita/" style="background-image: url(&quot;http://localhost/asrama/assets/images/berita/&quot;);">
  66.                                     </div>
  67.                                 </div>
  68.                                 <div class="article-details">
  69.                                     <div class="article-category">
  70.                                         <span style="font-size: 8px;"><b>Ekonomi</b></span>
  71.                                         <div class="bullet"></div>
  72.  
  73.                                         <span style="font-size: 8px;"><b>
  74.                                             1308 hari yang lalu                                     </b>
  75.                                     </span>
  76.                                     <div class="bullet"></div>
  77.  
  78.                                     <span style="font-size: 8px;"><b>superadmin</b></span>
  79.                                 </div>
  80.                                 <div class="article-title">
  81.                                     <h2><a href="http://localhost/asrama/blog/detail/ekonomi/percobaan-insert-berita">Percobaan Insert Berita</a></h2>
  82.                                 </div>
  83.                                 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis neque dolor, eu laoreet felis euismod et. Suspendisse in tellus eu erat placerat…                              <div class="article-cta">
  84.                                     <a href="http://localhost/asrama/blog/detail/ekonomi/percobaan-insert-berita">Read More <i class="fas fa-chevron-right"></i></a>
  85.                                 </div>
  86.                         </div>
  87.                     </article>
  88.                 </div>
  89.                                         <div class="col-sm-5">
  90.                             <article class="article article-style-c">
  91.                                 <div class="article-header">
  92.                                     <div class="article-image" data-background="http://localhost/asrama/assets/images/berita/berhasil-membuat-berita-via-ci.png" style="background-image: url(&quot;http://localhost/asrama/assets/images/berita/berhasil-membuat-berita-via-ci.png&quot;);">
  93.                                     </div>
  94.                                 </div>
  95.                                 <div class="article-details">
  96.                                     <div class="article-category">
  97.                                         <span style="font-size: 8px;"><b>Budaya</b></span>
  98.                                         <div class="bullet"></div>
  99.  
  100.                                         <span style="font-size: 8px;"><b>
  101.                                             1311 hari yang lalu                                     </b>
  102.                                     </span>
  103.                                     <div class="bullet"></div>
  104.  
  105.                                     <span style="font-size: 8px;"><b>azmicolejr</b></span>
  106.                                 </div>
  107.                                 <div class="article-title">
  108.                                     <h2><a href="http://localhost/asrama/blog/detail/budaya/berhasil-membuat-berita-via-ci">Berhasil Membuat Berita via CI</a></h2>
  109.                                 </div>
  110.                                 <p>Nulla vestibulum purus magna, at imperdiet ex maximus ut. Suspendisse porta eget ante vitae scelerisque. Nunc nec nulla accumsan tortor blandit molestie.…                             </p><div class="article-cta">
  111.                                     <a href="http://localhost/asrama/blog/detail/budaya/berhasil-membuat-berita-via-ci">Read More <i class="fas fa-chevron-right"></i></a>
  112.                                 </div>
  113.                         </div>
  114.                     </article>
  115.                 </div>
  116.                                         <div class="col-sm-5">
  117.                             <article class="article article-style-c">
  118.                                 <div class="article-header">
  119.                                     <div class="article-image" data-background="http://localhost/asrama/assets/images/berita/ada-ayam-bisa-terbang.jpg" style="background-image: url(&quot;http://localhost/asrama/assets/images/berita/ada-ayam-bisa-terbang.jpg&quot;);">
  120.                                     </div>
  121.                                 </div>
  122.                                 <div class="article-details">
  123.                                     <div class="article-category">
  124.                                         <span style="font-size: 8px;"><b>Politik</b></span>
  125.                                         <div class="bullet"></div>
  126.  
  127.                                         <span style="font-size: 8px;"><b>
  128.                                             1311 hari yang lalu                                     </b>
  129.                                     </span>
  130.                                     <div class="bullet"></div>
  131.  
  132.                                     <span style="font-size: 8px;"><b>azmicolejr</b></span>
  133.                                 </div>
  134.                                 <div class="article-title">
  135.                                     <h2><a href="http://localhost/asrama/blog/detail/politik/ada-ayam-bisa-terbang-tinggi">Ada Ayam Bisa Terbang Tinggi</a></h2>
  136.                                 </div>
  137.                                 <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam consequat molestie metus, at posuere elit. Praesent feugiat…                             </p><div class="article-cta">
  138.                                     <a href="http://localhost/asrama/blog/detail/politik/ada-ayam-bisa-terbang-tinggi">Read More <i class="fas fa-chevron-right"></i></a>
  139.                                 </div>
  140.                         </div>
  141.                     </article>
  142.                 </div>
  143.                                         <div class="col-sm-5">
  144.                             <article class="article article-style-c">
  145.                                 <div class="article-header">
  146.                                     <div class="article-image" data-background="http://localhost/asrama/assets/images/berita/coba-buat-berita-baru-bro.jpg" style="background-image: url(&quot;http://localhost/asrama/assets/images/berita/coba-buat-berita-baru-bro.jpg&quot;);">
  147.                                     </div>
  148.                                 </div>
  149.                                 <div class="article-details">
  150.                                     <div class="article-category">
  151.                                         <span style="font-size: 8px;"><b>Teknologi</b></span>
  152.                                         <div class="bullet"></div>
  153.  
  154.                                         <span style="font-size: 8px;"><b>
  155.                                             1311 hari yang lalu                                     </b>
  156.                                     </span>
  157.                                     <div class="bullet"></div>
  158.  
  159.                                     <span style="font-size: 8px;"><b>azmicolejr</b></span>
  160.                                 </div>
  161.                                 <div class="article-title">
  162.                                     <h2><a href="http://localhost/asrama/blog/detail/teknologi/coba-buat-berita-baru-bro">Coba Buat Berita Baru Bro</a></h2>
  163.                                 </div>
  164.                                 <p>Sed libero lorem, fringilla et nisi eu, aliquam molestie lectus. Quisque mattis leo vitae metus aliquam vulputate. Vivamus ullamcorper molestie neque,…                                </p><div class="article-cta">
  165.                                     <a href="http://localhost/asrama/blog/detail/teknologi/coba-buat-berita-baru-bro">Read More <i class="fas fa-chevron-right"></i></a>
  166.                                 </div>
  167.                         </div>
  168.                     </article>
  169.                 </div>
  170.                                         <div class="col-sm-5">
  171.                             <article class="article article-style-c">
  172.                                 <div class="article-header">
  173.                                     <div class="article-image" data-background="http://localhost/asrama/assets/images/berita/ayo-kita-coba-lagi.jpg" style="background-image: url(&quot;http://localhost/asrama/assets/images/berita/ayo-kita-coba-lagi.jpg&quot;);">
  174.                                     </div>
  175.                                 </div>
  176.                                 <div class="article-details">
  177.                                     <div class="article-category">
  178.                                         <span style="font-size: 8px;"><b>Olahraga</b></span>
  179.                                         <div class="bullet"></div>
  180.  
  181.                                         <span style="font-size: 8px;"><b>
  182.                                             1311 hari yang lalu                                     </b>
  183.                                     </span>
  184.                                     <div class="bullet"></div>
  185.  
  186.                                     <span style="font-size: 8px;"><b>azmicolejr</b></span>
  187.                                 </div>
  188.                                 <div class="article-title">
  189.                                     <h2><a href="http://localhost/asrama/blog/detail/olahraga/ayo-kita-coba-lagi">Ayo Kita Coba Lagi</a></h2>
  190.                                 </div>
  191.                                 <p>Morbi eget dui placerat, vehicula metus vel, vehicula ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.…                              </p><div class="article-cta">
  192.                                     <a href="http://localhost/asrama/blog/detail/olahraga/ayo-kita-coba-lagi">Read More <i class="fas fa-chevron-right"></i></a>
  193.                                 </div>
  194.                         </div>
  195.                     </article>
  196.                 </div>
  197.                                 </div>
  198.             </div>
  199.             <div class="col-lg-2">
  200.                 <div class="card">
  201.                     <div class="card-body">
  202.                         This is some text within a card body.
  203.                     </div>
  204.                 </div>
  205.             </div>
  206.         </div>
  207.     </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!