@extends('layout.app')
@section('content')


<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
    <div class="carousel-inner">
      <div class="carousel-item active" style="position: relative;">
        <img src="{{ asset('images/concrete-test.png') }}" class="" style="width: 100%; height:100vh; object-fit:cover; object-position: top left; filter:brightness(0.6)" alt="شركة اوتاد الخيمة">
        <div style="position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:6rem" class="text-light text-center ">
          <h1>شركة اوتاد الخيمة</h1>
          <h4>فحص الكونكريت</h1>
        </div>
        <a href="#content" style="position: absolute; left:50%; top:70%; transform:translate(-50%,-50%); font-size:6rem">
          <svg  xmlns="http://www.w3.org/2000/svg" class="hvr-hang icon icon-tabler icon-tabler-select animate__animated animate__zoomIn" width="50" height="50" viewBox="0 0 24 24" stroke-width="1.5" stroke="#eee" fill="none" stroke-linecap="round" stroke-linejoin="round">
            <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
            <path d="M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
            <path d="M9 11l3 3l3 -3" />
          </svg>
        </a>
      </div><!-- carousel-item -->

    </div>
  </div><!-- carouselExampleFade -->
  <div id="content"></div>
  <br>
  <br>
  <br>
  <br>


  <!-- start content -->
  <section class="container" dir="rtl">
  <div class="seperator pt-2" >
    <div class="content" style="position: relative; ">
      <h2 class="scroll scroll_zoomIn">فحص الكونكريت</h2>
      <br>
      <h4 class="scroll scroll_right" style="line-height: 2;">معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص </h4>
      <h4 class="scroll scroll_right" style="line-height: 2;">معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص معلومات اكثر عن الفحص </h4>


      <br>




  <!-- start Devices -->