@extends('user.layout.header_footer_sidebar')

@section('content')











<div id="content-wrapper" class="d-flex flex-column">
  <div id="content">
    <nav
      class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow"
    >
      <button
        id="sidebarToggleTop"
        class="btn btn-link d-md-none rounded-circle mr-3"
      >
        <i class="fa fa-bars"></i>
      </button>

      <form
        class="d-none d-sm-inline-block form-inline mr-auto ml-md-3 my-2 my-md-0 mw-100 navbar-search"
      >
        <!-- <div class="input-group">
          <input
            type="text"
            class="form-control bg-light border-0 small"
            placeholder="Search for..."
            aria-label="Search"
            aria-describedby="basic-addon2"
          />
          <div class="input-group-append">
            <button class="btn btn-primary" type="button">
              <i class="fas fa-search fa-sm"></i>
            </button>
          </div>
        </div> -->
      </form>

      <!-- Topbar Navbar -->
      <ul class="navbar-nav ml-auto">
        <!-- Nav Item - Search Dropdown (Visible Only XS) -->
        <li class="nav-item dropdown no-arrow d-sm-none">
          <a
            class="nav-link dropdown-toggle"
            href="#"
            id="searchDropdown"
            role="button"
            data-toggle="dropdown"
            aria-haspopup="true"
            aria-expanded="false"
          >
            <i class="fas fa-search fa-fw"></i>
          </a>
          <!-- Dropdown - Messages -->
          <div
            class="dropdown-menu dropdown-menu-right p-3 shadow animated--grow-in"
            aria-labelledby="searchDropdown"
          >
            <form class="form-inline mr-auto w-100 navbar-search">
              <div class="input-group">
                <input
                  type="text"
                  class="form-control bg-light border-0 small"
                  placeholder="Search for..."
                  aria-label="Search"
                  aria-describedby="basic-addon2"
                />
                <div class="input-group-append">
                  <button class="btn btn-primary" type="button">
                    <i class="fas fa-search fa-sm"></i>
                  </button>
                </div>
              </div>
            </form>
          </div>
        </li>

        <div class="topbar-divider d-none d-sm-block"></div>

        <!-- Nav Item - User Information -->
        <li class="nav-item dropdown no-arrow">
          <a
            class="nav-link dropdown-toggle"
            href="#"
            id="userDropdown"
            role="button"
            data-toggle="dropdown"
            aria-haspopup="true"
            aria-expanded="false"
          >
            <img
              src="{!!asset('theme/user_theme/img/janedoe.png')!!}"
              class="img-responsive dropuser"
            />&nbsp;&nbsp;<span
              class="mr-2 d-none d-lg-inline text-gray-600 small"
              >Jane Doe - Buyer Finder</span
            >
          </a>
          <!-- Dropdown - User Information -->
          <div
            class="dropdown-menu dropdown-menu-right shadow animated--grow-in"
            aria-labelledby="userDropdown"
          >
            <!-- <a class="dropdown-item" href="#">
              <i class="fas fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
              Profile
            </a> -->
            <a class="dropdown-item" href="settings">
              <i class="fas fa-cogs fa-sm fa-fw mr-2 text-gray-400"></i>
              Settings
            </a>
            <a
              class="dropdown-item"
              href="#"
              data-toggle="modal"
              data-target="#logoutModal"
            >
              <i
                class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"
              ></i>
              Logout
            </a>
          </div>
        </li>
      </ul>
    </nav>
    <!-- End of Topbar -->

    <!-- Begin Page Content -->
    <div class="container-fluid">
      <!-- Page Heading -->
      <div
        class="d-sm-flex align-items-center justify-content-between mb-4"
      >
        <h1 class="h3 mb-0 text-gray-800">Clone Site</h1>
        <!-- <button type="button" class="btn btn-primary backdash">
          <i class="fa fa-arrow-left" aria-hidden="true"></i> Back to
          Automarketer V3 Dashboard
        </button> -->
        <div class="maintopsmall">
          <p>
            <a href="dashboard"><span>Home</span></a
            >&nbsp; / &nbsp;&nbsp;
            <a href="automarketer"><span>Automarketer</span></a>
          </p>
        </div>
        <!-- <a
          href="#"
          class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm"
          > <i class="fas fa-download fa-sm text-white-50"> </i>  add Module</a
        > -->
      </div>

      <div class="redlinedatas">
        <p>
          <span>NOTE:</span> It may take as little as 4 hours and as much as 72 hours
          for your domain to propagete on the internet. As soon as it
          does, you will be able to access your website through your
          domain.
        </p>
      </div>

         <!-- side mobile start -->

         <div class="autosidemodalarea">
          <!-- <div class="col-sm-3 col-xl-2 order-1 order-sm-2 mt-4 float-right"> -->
          <button class="modalopclick">
            <a
              href="#"
              data-toggle="modal"
              data-target="#flyoutmodal"
              class="btn btn-dark mt-2 w-md-100 text-center"
              >Call</a
            >
          </button>
          <!-- </div> -->

          <div
            class="modal"
            id="flyoutmodal"
            tabindex="-1"
            role="dialog"
            aria-hidden="true"
          >
            <div
              class="modal-dialog fadeInRight animated ml-auto"
              role="document"
            >
              <div class="modal-content mobilmodabod">
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true" class="crossmobile">×</span>
                </button>
                <div class="modal-body">
                  <h5 class="redsback">
                    You can’t make any calls! (No Phone Number Assigned!)
                  </h5>
                  <h6 class="greensback">Refreshing...</h6>
                  <!-- <h6 class="greensback">Offline</h6>
                    <h6 class="greensback">Ready</h6> -->

                  <form>
                    <div class="row">
                      <div class="col-sm-8">
                        <input
                          type="text"
                          class="form-control mobinp"
                          placeholder=""
                        />
                      </div>
                      <div class="col-sm-4">
                        <div class="dropdown">
                          <div class="call-history-container">
                            <button
                              class="btn btn-white btn-block dropdown-toggle"
                              type="button"
                              data-toggle="dropdown"
                              aria-expanded="false"
                            >
                              <i
                                class="fa fa-refresh"
                                aria-hidden="true"
                              ></i>
                              <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                              <li>(317) 640-7277</li>
                              <li>(317) 598-1220</li>
                              <li>(317) 884-8666</li>
                              <li>(317) 589-1220</li>
                              <li>(219) 274-9775</li>
                            </ul>
                          </div>
                        </div>
                      </div>
                    </div>
                    <input
                      type="text"
                      class="form-control entnumb"
                      placeholder="Enter Number"
                    />
                  </form>

                  <div class="row">
                    <div class="col-sm-12 mobbordarea">
                      <div class="mobbord">1</div>
                      <div class="mobbord">2<br /><span>abc</span></div>
                      <div class="mobbord">3<br /><span>def</span></div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12 mobbordarea">
                      <div class="mobbord">4<br /><span>ghi</span></div>
                      <div class="mobbord">5<br /><span>jkl</span></div>
                      <div class="mobbord">6<br /><span>mno</span></div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12 mobbordarea">
                      <div class="mobbord">7<br /><span>pqrs</span></div>
                      <div class="mobbord">8<br /><span>tuv</span></div>
                      <div class="mobbord">9<br /><span>wxyz</span></div>
                    </div>
                  </div>
                  <div class="row">
                    <div class="col-sm-12 mobbordarea">
                      <div class="mobbord">*</div>
                      <div class="mobbord">0<br /><span>+</span></div>
                      <div class="mobbord">#</div>
                    </div>
                  </div>

                  <div class="row sidemodallastcli">
                    <div class="col-sm-8">
                      <button
                        type="button"
                        class="btn btn-primary calldialclick"
                      >
                        <i class="fa fa-phone" aria-hidden="true"></i>
                      </button>
                    </div>
                    <div class="col-sm-4">
                      <button
                        type="button"
                        class="btn btn-primary backdialclick"
                      >
                        <i class="fa fa-arrow-left" aria-hidden="true"></i>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- side mobile finish -->

      <!-- Write your content here -->
    </div>

    <div class="container-fluid">
      <div class="row clonerowbar">
        <div class="col-sm-12">
          <div class="clonebarbox">                  
            <h5>Listing Site</h5>
            <hr>
            <a href="#"><p>http://loremipsumlorem.com</p></a>
          </div>
        </div>
      </div>

      <div class="row clonerowbar">
        <div class="col-sm-12">
          <div class="clonebarbox">                  
            <h5>Listing Site</h5>
            <hr>
            <a href="#"><p>http://loremipsumlorem.com</p></a>
          </div>
        </div>
      </div>

      <div class="row clonerowbar">
        <div class="col-sm-12">
          <div class="clonebarbox">                  
            <h5>Listing Site</h5>
            <hr>
            <a href="#"><p>http://loremipsumlorem.com</p></a>
          </div>
        </div>
      </div>

      <div class="row clonerowbar">
        <div class="col-sm-12">
          <div class="clonebarbox">                  
            <h5>Listing Site</h5>
            <hr>
            <a href="#"><p>http://loremipsumlorem.com</p></a>
          </div>
        </div>
      </div>

      <div class="row clonerowbar">
        <div class="col-sm-12">
          <div class="clonebarbox">                  
            <h5>Listing Site</h5>
            <hr>
            <a href="#"><p>http://loremipsumlorem.com</p></a>
          </div>
        </div>
      </div>
    </div>
    <!-- /.container-fluid -->
  </div>

  <!-- Footer -->
  <!-- <footer class="sticky-footer bg-white">
  <div class="container my-auto">
    <div class="copyright text-center my-auto">
      <span>Copyright © 2021 &copy; All Rights Reserved Designed by |
        <a href="https://hatinco.com/">HATINC.</a></span>
    </div>
  </div>
</footer> -->
</div>




@endsection