@extends('layouts.main_page_website')
 
@section('content')
<!-- Breadcrumbs -->
<section class="breadcrumbs-custom bg-image context-dark snow-animate" style="background-image: url(images/bg-breadcrumbs.jpg);">
        <div class="container">
          <h2 class="breadcrumbs-custom-subtitle">Our news</h2>
          <h1 class="breadcrumbs-custom-title text-decoration-lines"><span>blog</span></h1>
          <ul class="breadcrumbs-custom-path">
            <li><a href="/">Home</a></li>
            <li><a href="/media-nb">Blog</a></li>
            <!-- <li class="active">Grid blog</li> -->
          </ul>
        </div>
      </section>

      <!-- Grid blog-->
      <section class="section section-xxl bg-default">
        <div class="container">
          <!-- <div class="row row-50 justify-content-center justify-content-xl-between"> -->
            <!-- <div class="col-md-7 col-lg-8"> -->
              <div class="row row-40">
                <div class="col-lg-4">
                  <div class="post post-modern post-height"><a class="post-img-wrap" href="https://www.ibsf.org/en/news/22147-ioc-presents-key-trends-and-recommendations-of-olympic-agenda-2020-5"  target="_blank"><img class="post-img" src="images/blog/img-001.jpg" alt="" width="370" height="300"/></a>
                    <div class="post-body">
                      <div class="post-content">
                        <h3 class="post-title"><a href="https://www.ibsf.org/en/news/22147-ioc-presents-key-trends-and-recommendations-of-olympic-agenda-2020-5"  target="_blank">IOC session approves Olympic Agenda 2020+5</a></h3>
                        <!-- <p class="post-text">Lausanne (RWH) The Members of the International Olympic Committee (IOC) were presented a new strategic roadmap, called Olympic Agenda 2020+5, at today´s 137th IOC Session. With 15 recommendations building on the results of Olympic Agenda 2020 as well as current key trends it is the roadmap for  the IOC and the Olympic Movement for the next five years. </p> -->
                      </div>
                      <div class="post-bottom-panel">
                        <div>
                          <div class="group-xl">
                            <div class="post-modern-time"><span class="post-icon icon mdi mdi-calendar-clock"></span>
                              <time datetime="2018-01-20 12:29">January 20, 2018 at 12:29 pm</time>
                            </div>
                          </div>
                        </div>
                      </div><span class="badge badge-primary">News</span>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="post post-modern post-height"><a class="post-img-wrap" href="https://www.ibsf.org/en/news/22145-thomas-bach-re-elected-as-ioc-president"  target="_blank"><img class="post-img" src="images/blog/img-002.jpg" alt="" width="370" height="300"/></a>
                    <div class="post-body">
                      <div class="post-content">
                        <h3 class="post-title"><a href="https://www.ibsf.org/en/news/22145-thomas-bach-re-elected-as-ioc-president"  target="_blank">Thomas Bach re-elected as IOC President</a></h3>
                        <!-- <p class="post-text">Lorem ipsum dolor sit amet, et est labore labitur nРominavi, melius perfecto petentium qui eu. et est labore labitur nРominavi.</p> -->
                      </div>
                      <div class="post-bottom-panel">
                        <div>
                          <div class="group-xl">
                            <div class="post-modern-time"><span class="post-icon icon mdi mdi-calendar-clock"></span>
                              <time datetime="2018-01-20 12:29">January 20, 2018 at 12:29 pm</time>
                            </div>
                          </div>
                        </div>
                      </div><span class="badge badge-primary">News</span>
                    </div>
                  </div>
                </div>
                <div class="col-lg-4">
                  <div class="post post-modern post-height"><a class="post-img-wrap" href="https://www.ibsf.org/en/news/22133-ibsf-launches-request-for-proposals-rfp-to-submit-offers-to-audio-visual-marketing-rights" target="_blank"><img class="post-img" src="images/blog/img-003.jpg" alt="" width="370" height="300"/></a>
                    <div class="post-body">
                      <div class="post-content">
                        <h3 class="post-title"><a href="https://www.ibsf.org/en/news/22133-ibsf-launches-request-for-proposals-rfp-to-submit-offers-to-audio-visual-marketing-rights" target="_blank"">IBSF launches Request for Proposals (RFP) to submit Offers to Audio-visual & Marketing Rights</a></h3>
                        <!-- <p class="post-text">Lorem ipsum dolor sit amet, et est labore labitur nРominavi, melius perfecto petentium qui eu. et est labore labitur nРominavi.</p> -->
                      </div>
                      <div class="post-bottom-panel">
                        <div>
                          <div class="group-xl">
                            <div class="post-modern-time"><span class="post-icon icon mdi mdi-calendar-clock"></span>
                              <time datetime="2018-01-20 12:29">January 20, 2018 at 12:29 pm</time>
                            </div>
                          </div>
                        </div>
                      </div><span class="badge badge-primary">Tips &amp; tricks</span>
                    </div>
                  </div>
                </div>
            
              </div>
			  <!-- <a class="button button-load button-block button-white-outline" href="#">Load more posts</a> -->
              <div class="pagination-wrap">
                <!-- Bootstrap Pagination-->
                <!-- <nav aria-label="Page navigation">
                  <ul class="pagination">
                    <li class="page-item active"><span class="page-link">1</span></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                  </ul>
                </nav> -->
              </div>
            <!-- </div> -->
           
          <!-- </div> -->
        </div>
      </section>
	

@stop