@extends('layouts.main')
@section('title', 'Nomadic-Social Media Service')
@section('content')

<div class="service-individual">
  <div class="promo-block">
    <div class="frame-11">
      <div class="frame-12">
        <div class="service">
          <span class="grow-your-audience">{!!__('services.online.heading')!!}</span>
        </div>
      </div>
    </div>
    <div class="image"></div>
  </div>
  <div class="frame-13">
    <span class="our-team-offers">{!!__('services.online.description')!!}</span>
  </div>
  <div class="frame-14">
    <div class="frame-15">
      <div class="frame-16">
        <div class="service-17">
          <span class="benefits">{{__('Benefits')}}</span>
        </div>
      </div>
    </div>
    <div class="frame-18">
      <div class="frame-19">
        <div class="icon"></div>
        <span class="build-engagement">{{__('services.online.benifit1')}}</span>
      </div>
      <div class="frame-1a">
        <div class="schedule"></div>
        <span class="save-time">{{__('services.online.benifit2')}}</span>
      </div>
      <div class="frame-1b">
        <div class="gmail-groups"></div>
        <span class="drive-audience-growth">{{__('services.online.benifit3')}}</span>
      </div>
    </div>
  </div>
  <div class="features container">
    <div class="row">
      <div class="frame-1c">
        <span class="services-1d">{{__('Services')}}</span>
      </div>
    </div>
    <div class="container">
      <div class="row services-row">
        <div class="col-xl-4 p-2">
          <div class="unsplash-rujmdbxcqw"></div>
          <div>
            <span>{{__('services.online.srv1')}} </span>
          </div>
        </div>
        <div class="col-xl-4 p-2">
          <div class="unsplash-rujmdbxcqw-22"></div>
          <div>
            <span>{{__('services.online.srv2')}}</span>
          </div>
        </div>
        <div class="col-xl-4 p-2">
          <div class="unsplash-rujmdbxcqw-25"></div>
          <div>
            <span>{{__('services.online.srv3')}} </span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="content">
    <div class="image-2a"></div>
    <div class="frame-2b">
      <div class="frame-2c">
        <span class="places-create">{!!__('services.online.getting_started')!!}</span>
      </div>
      <div class="buttons">
        <span class="schedule-consultation">{{__('services.online.cta_button')}}</span>
      </div>
    </div>
  </div>
</div>

@endsection