<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<h1 class="visibility-hidden">{{ help_center.name }}</h1>

<section id="main-content" class="section hero">
  <div class="hero-inner">
    <h2 class="visibility-hidden">{{ t 'search' }}</h2>
    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true">
      <circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
      <path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
    </svg>
    {{search submit=false instant=settings.instant_search class='search search-full'}}
  </div>
</section>

<div class="container">
  <section class="section knowledge-base">
    <h2 class="visibility-hidden">{{ t 'categories' }}</h2>
    <section class="categories blocks">
      <ul class="blocks-list">
        {{#each categories}}
          {{#if ../has_multiple_categories}}
            <li class="blocks-item">
              <a href='{{url}}' class="blocks-item-link">
                <span class="blocks-item-title">{{name}}</span>
                <span class="blocks-item-description">{{excerpt description}}</span>
              </a>
            </li>
          {{else}}
            {{#each sections}}
              <li class="blocks-item">
                <a href='{{url}}' class="blocks-item-link">
                  <span class="blocks-item-title">
                    {{name}}
                  </span>
                  <span class="blocks-item-description">{{excerpt description}}</span>
                </a>
              </li>
            {{/each}}
          {{/if}}
        {{/each}}
      </ul>
      {{pagination}}
    </section>

    {{#if promoted_articles}}
      <section class="articles">
        <h2>{{t 'promoted_articles'}}</h2>
        <ul class="article-list promoted-articles">
          {{#each promoted_articles}}
            <li class="promoted-articles-item">
                <a href="{{url}}">
                  {{title}}

                  {{#if internal}}
                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" focusable="false" viewBox="0 0 16 16" class="icon-lock" title="{{t 'internal'}}">
                      <rect width="12" height="9" x="2" y="7" fill="currentColor" rx="1" ry="1"/>
                      <path fill="none" stroke="currentColor" d="M4.5 7.5V4a3.5 3.5 0 017 0v3.5"/>
                    </svg>
                  {{/if}}
                </a>
            </li>
          {{/each}}
        </ul>
      </section>
    {{/if}}
  </section>

  
  <marquee>
        <div class="portfolio-container">
            <div class="p-description">
                <div class="p-name">
                  <a>Trending Topics: </a>
                    <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6014963277457-Airbnb-Change-the-date-or-time-of-your-Experience-reservation">Change the date or time of your Experience reservation</a>
                </div>
            </div>  

            <div class="p-description">
                <div class="p-name">
                    <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6015144750609-Airbnb-Change-the-date-or-time-of-your-Experience-reservation"> Editing, removing, or adding a payment method</a>                </div>
          </div>
          
           <div class="p-description">
                <div class="p-name">
                  <a>Trending Topics: </a>
                    <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6014963277457-Airbnb-Change-the-date-or-time-of-your-Experience-reservation">Change the date or time of your Experience reservation</a>
                </div>
            </div>  
          
        </div>
    </marquee>
         
  <!--Bootsrap code start-->
  <!-- Causes Start -->
      
<div class="causes">
    <div class="container">
        <div class="section-header text-center">
            <h2>What's trending today?</h2>
        </div>
        <div class="owl-carousel causes-carousel">
          <div class="row content">
            <div class="col-md-4"> 
             <div class="causes-item">
                <div class="causes-img">
                    <img src="{{asset 'img4.png'}}" alt="Image">
                </div>
                <div class="causes-text">
                    <h3>Any queries?</h3>
                    <p>Want to know how to cancel your reservation for a stay? Click here to know answers to many such questions.</p>
                </div>
                <div class="causes-btn">
                    <a href="https://linkinparkbrand.zendesk.com/hc/en-us/categories/5132680254609-General" class="btn btn-custom">Learn More</a>
                </div>
            </div>
            </div>
        
           <div class="col-md-4"> 
             <div class="causes-item">
                <div class="causes-img">
                    <img src="{{asset 'img5.jpg'}}" alt="Image">
                </div>
                <div class="causes-text">
                    <h3>Greece</h3>
                    <p>Explore the latest villas in Greece near Kathisma Beach. Experience the luxury it has to offer. For more details click below.</p>
                </div>
                <div class="causes-btn">
                    <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6009519959953-Luxury-villa-in-Greece-Kathisma-Beach" class="btn btn-custom">Learn More</a>
                </div>
            </div>
            </div>
            <div class="col-md-4 "> 
             <div class="causes-item">
               <div class="causes-img">
                    <img src="{{asset 'img7.png'}}" alt="Image">
                </div>
               <div class="causes-text">
                    <h3>France</h3>
                    <p>Explore Europian history by experiencing the rural France. Book old villas, palaces at a very reasonable price.</p>
                </div>
                <div class="causes-btn">
                    <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6009955912209-Explore-the-rural-France" class="btn btn-custom">Learn More</a>
                </div>
            </div>
            </div>
            </div>
        </div>
    </div>
</div>
<!-- Causes End -->
  <!--Bootsrap code end-->

<hr>
  <div class="container-fluid text-center">    
  <div class="row content">
    <div class="col-sm-8 text-left"> 
      <h1><b>This is how we got started...</b></h1>
      <h3>2012 - The idea came from a host</h3>
      <p>New York City was hit by Hurricane Sandy, one of the worst hurricanes in history. Shell, an Airbnb host in Brooklyn, contacted Airbnb and asked if she could offer her place for free to people who had to evacuate. The Airbnb team worked long hours to quickly make this available to evacuees, and soon over 1,000 hosts opened their homes to those in need.</p>
    </div>
    <div class="col-sm-4 sidenav">
      <div class="well">
        <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6012250253841-Disaster-Response-Tool"><p>2013 - Disaster Response Tool</p></a>
      </div>
      <div class="well">
        <a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6013442220049-Airbnb-activates-for-the-Nepal-earthquake"><p>2015 - Nepal Earthquake</p></a>
      </div>
      <div class="well">
<a href="https://linkinparkbrand.zendesk.com/hc/en-us/articles/6013983749777-Airbnb-International-Rescue-Committee"><p>2017 - International Rescue Committee</p></a>
      </div>
    </div>
  </div>
</div>
  
  
  {{#if help_center.community_enabled}}
    <section class="section home-section community">
      <h2>{{t 'community'}}</h2>
      {{#link 'community' class='community-link'}}
      <p>Share knowledge, get inspired and meet other hosts who are creating a world where anyone can belong.
        Sign in with your Airbnb account to get involved</p>
        {{t 'join_conversation'}}
      {{/link}}
      <div class="community-image"></div>
    </section>
  {{/if}}

  <section class="section home-section activity">
    {{#if settings.show_recent_activity}}
      {{recent_activity}}
    {{/if}}
  </section>
</div>
