<!DOCTYPE html>
<html class="no-js" dir="{trans('salon.direction')}" lang="{App::getLocale()}" loc="{App::getLocale()}">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="google" content="notranslate">

    <title>LIGHT TOUCH</title>
    <meta property="og:title" content="Example">
    <meta property="og:site_name" content="Example.com">
    <meta property="og:url" content="https://www.example.com/">
    <meta property="og:language" content="{App::getLocale()}">

    <link rel="stylesheet" href="{asset('css/main.css')}">
    {block name=head}{/block}
  </head>
  <body>
{if trans('salon.direction') == 'rtl'}
  <body class="is-rtl">
{else}
  <body>
{/if}
     <div class="container">
      <div class="header">
        <div class="logo">
         <a href=""><img src="{asset('assets/img/logo.jpg')}" alt=""></a>
        </div>
        <h1 class="salon-name">{block name=title2}{/block}</h1>
        <nav class="nav">
          <a href=""><i class="fa fa-globe" aria-hidden="true"></i></a>
          <a href=""><i class="fa fa-envelope" aria-hidden="true"></i></a>
          <a href=""><i class="fa fa-phone" aria-hidden="true"></i></a>
          <a href=""><i class="fa fa-map-marker" aria-hidden="true"></i></a>
        </nav>
      </div>
      {if session('success')}
      <div class="success">{session('success')}</div>
      {/if}
      <div id="salon-root">
        
      </div>
     </div>

     <div class="dev-by">Developed by:<img src="{asset('assets/img/bab.png')}" alt="">Bab-alBahrain.com</div>
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="{asset('js/app.js')}"></script>{block name=body}{/block}
  </body>
</html>