<h1>About Us</h1>
  <div class="intro">
    <div class="container">
      <div class="row row-eq-height">

        <!-- Intro Content -->
        <div class="col-lg-6">
          <div class="intro_content">
            <div class="section_title">
              <div>Hello</div>
              <h1>Amazing Hotel in front of the Sea</h1>
            </div>
            <div class="intro_text">
              <p>Maecenas sollicitudin tincidunt maximus. Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices in quis augue. Donec imperd iet leo eget tortor dictum, eget varius eros sagittis. Curabitur tempor dignissim massa ut faucibus sollicitudin tinci dunt maximus. Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scele risque at. Quisque eget sem non ligula consectetur ultrices in quis augue. Donec imperdiet leo eget tortor dictum, eget varius eros sagittis. Curabitur tempor dignissim massa ut faucibus.</p>
            </div>
           <!--  <div class="button intro_button"><a href="#">read more</a></div> -->
          </div>
        </div>

        <!-- Intro Image -->
        <div class="col-lg-6">
          <div class="intro_image">
            <div class="background_image" style="background-image:url(images/intro.jpg)"></div>
            <img src="images/intro.jpg" alt="">
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- Offering -->

  <div class="offering">
    <div class="container">
      <div class="row">
        <div class="col">
          <div class="section_title text-center">
            <div>Resort</div>
            <h1>What we offer</h1>
          </div>
        </div>
      </div>
      <div class="row offering_row">
        
        <!-- Offer Item -->
        <div class="col-xl-4 col-md-6">
          <div class="offer">
            <div class="offer_image"><img src="images/offer_1.jpg" alt=""></div>
            <div class="offer_content text-center">
              <div class="offer_title"><h3>Outdoor Pool</h3></div>
              <div class="offer_text">
                <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices.</p>
              </div>
            <!--   <div class="offer_button"><a href="#">discover</a></div> -->
            </div>
          </div>
        </div>

        <!-- Offer Item -->
        <div class="col-xl-4 col-md-6">
          <div class="offer">
            <div class="offer_image"><img src="images/offer_2.jpg" alt=""></div>
            <div class="offer_content text-center">
              <div class="offer_title"><h3>Indoor Pool</h3></div>
              <div class="offer_text">
                <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices.</p>
              </div>
            <!--   <div class="offer_button"><a href="#">discover</a></div> -->
            </div>
          </div>
        </div>

        <!-- Offer Item -->
        <div class="col-xl-4 col-md-6">
          <div class="offer">
            <div class="offer_image"><img src="images/offer_3.jpg" alt=""></div>
            <div class="offer_content text-center">
              <div class="offer_title"><h3>Spa Zone</h3></div>
              <div class="offer_text">
                <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices.</p>
              </div>
            <!--   <div class="offer_button"><a href="#">discover</a></div> -->
            </div>
          </div>
        </div>

        <!-- Offer Item -->
        <div class="col-xl-4 col-md-6">
          <div class="offer">
            <div class="offer_image"><img src="images/offer_4.jpg" alt=""></div>
            <div class="offer_content text-center">
              <div class="offer_title"><h3>Sports Area</h3></div>
              <div class="offer_text">
                <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices.</p>
              </div>
            <!--   <div class="offer_button"><a href="#">discover</a></div> -->
            </div>
          </div>
        </div>

        <!-- Offer Item -->
        <div class="col-xl-4 col-md-6">
          <div class="offer">
            <div class="offer_image"><img src="images/offer_5.jpg" alt=""></div>
            <div class="offer_content text-center">
              <div class="offer_title"><h3>Restaurant</h3></div>
              <div class="offer_text">
                <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices.</p>
              </div>
            <!--   <div class="offer_button"><a href="#">discover</a></div> -->
            </div>
          </div>
        </div>

        <!-- Offer Item -->
        <div class="col-xl-4 col-md-6">
          <div class="offer">
            <div class="offer_image"><img src="images/offer_6.jpg" alt=""></div>
            <div class="offer_content text-center">
              <div class="offer_title"><h3>Skybar</h3></div>
              <div class="offer_text">
                <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices.</p>
              </div>
            <!--   <div class="offer_button"><a href="#">discover</a></div> -->
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- Discover -->

  <div class="discover">

    <!-- Discover Content -->
    <div class="discover_content">
      <div class="container">
        <div class="row">

          <!-- Discover Content -->
          <div class="col-xl-5 col-lg-6">
            <div class="section_title">
              <div>Hotel</div>
              <h1>Discover Marimar Hotel</h1>
            </div>
            <div class="discover_highlight">
              <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur.</p>
            </div>
            <div class="discover_text">
              <p>Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis nulla, id laoreet neque scelerisque at. Quisque eget sem non ligula consectetur ultrices in quis augue. Donec imperd iet leo eget tortor dictum, eget varius eros sagittis. Curabitur tempor dignissim massa ut faucibus sollicitudin tinci dunt maximus. Morbi tempus malesuada erat sed pellentesque. Donec pharetra mattis.</p>
            </div>
            <div class="button discover_button"><a href="#">discover</a></div>
          </div>

          <!-- Milestones -->
          <div class="col-lg-6 offset-xl-1">
            <div class="milestones d-flex flex-row align-items-start justify-content-start flex-wrap">
              
              <!-- Milestone -->
              <div class="milestone">
                <div class="milestone_counter" data-end-value="75">0</div>
                <div class="milestone_text">Deluxe Rooms</div>
              </div>

              <!-- Milestone -->
              <div class="milestone">
                <div class="milestone_counter" data-end-value="110">0</div>
                <div class="milestone_text">Years of Experience</div>
              </div>

              <!-- Milestone -->
              <div class="milestone">
                <div class="milestone_counter" data-end-value="31">0</div>
                <div class="milestone_text">Awards Won</div>
              </div>

              <!-- Milestone -->
              <div class="milestone">
                <div class="milestone_counter" data-end-value="51" data-sign-after="k">0</div>
                <div class="milestone_text">Happy Clients</div>
              </div>

            </div>
          </div>

        </div>
      </div>
    </div>

  </div>
