Sebuahhobi98

home

Jun 15th, 2020
314
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.85 KB | None | 0 0
  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