Blog Components

im体育 focuses on im电竞, delivering a professional and reliable experience.

Built around im体育分析, im体育 keeps refining a better service.

For everything Your daily dose of sports gossip and game-day glory!, im体育 offers attentive, thoughtful support.

With Connect with fellow fanatics and cheer your heart out! at its core, im体育 brings a fast, seamless experience.

<!-- Featured post -->
<article>
  <a class="blog-entry-thumb mb-3" href="#">
    <span class="blog-entry-meta-label fs-sm">
      <i class="ci-time"></i>
      Sep 10
    </span>
    <img src="path-to-image" alt="Featured post">
  </a>
  <div class="d-flex justify-content-between mb-2 pt-1">
    <h2 class="h5 blog-entry-title mb-0">
      <a href="#">Healthy Food - New Way of Living</a>
    </h2>
    <a class="blog-entry-meta-link fs-sm text-nowrap ms-3 pt-1" href="#">
      <i class="ci-message"></i>
      13
    </a>
  </div>
  <div class="d-flex align-items-center fs-sm">
    <a class="blog-entry-meta-link" href="#">
      <div class="blog-entry-author-ava">
        <img src="path-to-image" alt="Olivia Reyes">
      </div>
      Olivia Reyes
    </a>
    <span class="blog-entry-meta-divider"></span>
    <div class="fs-sm text-muted">
      in <a href="#" class="blog-entry-meta-link">Lifestyle</a>, <a href="#" class="blog-entry-meta-link">Nutrition</a>
    </div>
  </div>
</article>

// Featured post
article
  a(href="#").blog-entry-thumb.mb-3
    span.blog-entry-meta-label.fs-sm
      i.ci-time
      | Sep 10
    img(src="path-to-image", alt="Featured post")
  .d-flex.justify-content-between.mb-2.pt-1
    h2.h5.blog-entry-title.mb-0
      a(href="#") Healthy Food - New Way of Living
    a(href="#").blog-entry-meta-link.fs-sm.text-nowrap.ms-3.pt-1
      i.ci-message
      | 13
  .d-flex.align-items-center.fs-sm
    a(href="#").blog-entry-meta-link
      .blog-entry-author-ava
        img(src="path-to-image", alt="Olivia Reyes")
      | Olivia Reyes
    span.blog-entry-meta-divider
    .fs-sm.text-muted
      | in <a href="#" class="blog-entry-meta-link">Lifestyle</a>, <a href="#" class="blog-entry-meta-link">Nutrition</a>

<!-- Related posts carousel -->
<div class="tns-carousel">
  <div class="tns-carousel-inner" data-carousel-options='{"items": 2, "controls": false, "autoHeight": true, "responsive": {"0":{"items":1},"740":{"items":2, "gutter": 20},"900":{"items":3, "gutter": 20}, "1100":{"items":3, "gutter": 30}}}'>

    <!-- Article -->
    <article>
      <a class="blog-entry-thumb mb-3" href="#">
        <img class="rounded" src="path-to-image" alt="Post">
      </a>
      <div class="d-flex align-items-center fs-sm mb-2">
        <a class="blog-entry-meta-link" href="#">by Rafael Marquez</a>
        <span class="blog-entry-meta-divider"></span>
        <a class="blog-entry-meta-link" href="#">Sep 16</a>
      </div>
      <h3 class="h6 blog-entry-title">
        <a href="#">We Launched Regular Drone Delivery in California. Watch Demo Video</a>
      </h3>
    </article>

    <!-- Article -->
    <article>
      <a class="blog-entry-thumb mb-3" href="#">
        <img class="rounded" src="path-to-image" alt="Post">
      </a>
      <div class="d-flex align-items-center fs-sm mb-2">
        <a class="blog-entry-meta-link" href="#">by Emma Gallaher</a>
        <span class="blog-entry-meta-divider"></span>
        <a class="blog-entry-meta-link" href="#">Sep 5</a>
      </div>
      <h3 class="h6 blog-entry-title">
        <a href="#">Payments Made Easy. How New Technology will Affect E-Commerce Industry Worldwide?</a>
      </h3>
    </article>

    <!-- Add as many articles as you need -->
  </div>
</div>

// Related posts carousel
.tns-carousel
  .tns-carousel-inner(data-carousel-options='{"items": 2, "controls": false, "autoHeight": true, "responsive": {"0":{"items":1},"740":{"items":2, "gutter": 20},"900":{"items":3, "gutter": 20}, "1100":{"items":3, "gutter": 30}}}')
    
    // Article
    article
      a(href="#").blog-entry-thumb.mb-3
        img(src="path-to-image", alt="Post").rounded
      .d-flex.align-items-center.fs-sm.mb-2
        a.blog-entry-meta-link(href="#") by Rafael Marquez
        span.blog-entry-meta-divider
        a.blog-entry-meta-link(href="#") Sep 16
      h3.h6.blog-entry-title
        a(href="#") We Launched Regular Drone Delivery in California. Watch Demo Video
    
    // Article
    article
      a(href="#").blog-entry-thumb.mb-3
        img(src="path-to-image", alt="Post").rounded
      .d-flex.align-items-center.fs-sm.mb-2
        a.blog-entry-meta-link(href="#") by Emma Gallaher
        span.blog-entry-meta-divider
        a.blog-entry-meta-link(href="#") Sep 5
      h3.h6.blog-entry-title
        a(href="#") Payments Made Easy. How New Technology will Affect E-Commerce Industry Worldwide?
    
    // Add as many articles as you need