Gunawan19621
1 year ago
53 changed files with 737 additions and 4692 deletions
@ -1,92 +0,0 @@
|
||||
<?php |
||||
|
||||
namespace App\Http\Controllers; |
||||
|
||||
use App\Models\BarangKeluar; |
||||
use App\Models\m_asset; |
||||
use Illuminate\Http\Request; |
||||
|
||||
class BarangKeluarController extends Controller |
||||
{ |
||||
/** |
||||
* Display a listing of the resource. |
||||
*/ |
||||
public function index() |
||||
{ |
||||
$Bkeluar = BarangKeluar::all(); |
||||
$asset = m_asset::all(); |
||||
return view('dashboard.transaksi.barang_keluar', compact('Bkeluar', 'asset')); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for creating a new resource. |
||||
*/ |
||||
public function create() |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Store a newly created resource in storage. |
||||
*/ |
||||
public function store(Request $request) |
||||
{ |
||||
// dd('masuk'); |
||||
$request->validate([ |
||||
'asset_id' => 'required', |
||||
'jumlah' => 'required', |
||||
'tanggal_keluar' => 'required', |
||||
'penerima_barang' => 'required', |
||||
'exit_warehouse' => 'required', |
||||
'keterangan' => 'required', |
||||
]); |
||||
// dd($request); |
||||
try { |
||||
$validatedData = $request->except('_token'); |
||||
// dd($validatedData); |
||||
BarangKeluar::create($validatedData); |
||||
return redirect()->back()->with('success', 'Data barang keluar berhasil ditambah.'); |
||||
} catch (\Throwable $th) { |
||||
return redirect()->back()->with('error', 'Data barang keluar gagal ditambah.'); |
||||
} |
||||
} |
||||
|
||||
/** |
||||
* Display the specified resource. |
||||
*/ |
||||
public function show($barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Show the form for editing the specified resource. |
||||
*/ |
||||
public function edit($barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Update the specified resource in storage. |
||||
*/ |
||||
public function update(Request $request, $barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Remove the specified resource from storage. |
||||
*/ |
||||
public function destroy($id) |
||||
{ |
||||
// dd("oke"); |
||||
try { |
||||
$asset = BarangKeluar::findOrFail($id); |
||||
$asset->delete(); |
||||
return redirect()->back()->with('success', 'Data Barang Keluar berhasil dihapus'); |
||||
} catch (\Throwable $th) { |
||||
return redirect()->back()->with('error', 'Data Barang Keluar gagal dihapus'); |
||||
} |
||||
} |
||||
} |
@ -1,66 +0,0 @@
|
||||
<?php |
||||
|
||||
namespace App\Http\Controllers; |
||||
|
||||
use App\Models\BarangMasuk; |
||||
use App\Http\Requests\UpdateBarang_masukRequest; |
||||
use Illuminate\Http\Request; |
||||
|
||||
class BarangMasukController extends Controller |
||||
{ |
||||
/** |
||||
* Display a listing of the resource. |
||||
*/ |
||||
public function index() |
||||
{ |
||||
return view('dashboard.transaksi.barang_masuk'); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for creating a new resource. |
||||
*/ |
||||
public function create() |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Store a newly created resource in storage. |
||||
*/ |
||||
public function store(Request $request) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Display the specified resource. |
||||
*/ |
||||
public function show(BarangMasuk $barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Show the form for editing the specified resource. |
||||
*/ |
||||
public function edit(BarangMasuk $barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Update the specified resource in storage. |
||||
*/ |
||||
public function update(Request $request, BarangMasuk $barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Remove the specified resource from storage. |
||||
*/ |
||||
public function destroy(BarangMasuk $barang_masuk) |
||||
{ |
||||
// |
||||
} |
||||
} |
@ -1,61 +0,0 @@
|
||||
<?php |
||||
|
||||
namespace App\Http\Controllers; |
||||
|
||||
use Illuminate\Http\Request; |
||||
|
||||
class PengadaanController extends Controller |
||||
{ |
||||
public function index() |
||||
{ |
||||
return view('addons.pengadaan'); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for creating a new resource. |
||||
*/ |
||||
public function create() |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Store a newly created resource in storage. |
||||
*/ |
||||
public function store(Request $request) |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Display the specified resource. |
||||
*/ |
||||
public function show($id) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for editing the specified resource. |
||||
*/ |
||||
public function edit() |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Update the specified resource in storage. |
||||
*/ |
||||
public function update(Request $request, $id) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Remove the specified resource from storage. |
||||
*/ |
||||
public function destroy($id) |
||||
{ |
||||
// dd("oke"); |
||||
} |
||||
} |
@ -1,64 +0,0 @@
|
||||
<?php |
||||
|
||||
namespace App\Http\Controllers; |
||||
|
||||
use Illuminate\Http\Request; |
||||
|
||||
class SettingPlatformController extends Controller |
||||
{ |
||||
/** |
||||
* Display a listing of the resource. |
||||
*/ |
||||
public function index() |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for creating a new resource. |
||||
*/ |
||||
public function create() |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Store a newly created resource in storage. |
||||
*/ |
||||
public function store(Request $request) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Display the specified resource. |
||||
*/ |
||||
public function show($id) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for editing the specified resource. |
||||
*/ |
||||
public function edit() |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Update the specified resource in storage. |
||||
*/ |
||||
public function update(Request $request, $id) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Remove the specified resource from storage. |
||||
*/ |
||||
public function destroy($id) |
||||
{ |
||||
// dd("oke"); |
||||
} |
||||
} |
@ -1,63 +0,0 @@
|
||||
<?php |
||||
|
||||
namespace App\Http\Controllers; |
||||
|
||||
use Illuminate\Http\Request; |
||||
|
||||
class TransaksiController extends Controller |
||||
{ |
||||
/** |
||||
* Display a listing of the resource. |
||||
*/ |
||||
public function index() |
||||
{ |
||||
return view('dashboard.transaksi'); |
||||
} |
||||
/** |
||||
* Show the form for creating a new resource. |
||||
*/ |
||||
public function create() |
||||
{ |
||||
// |
||||
} |
||||
|
||||
/** |
||||
* Store a newly created resource in storage. |
||||
*/ |
||||
public function store(Request $request) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Display the specified resource. |
||||
*/ |
||||
public function show($id) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Show the form for editing the specified resource. |
||||
*/ |
||||
public function edit() |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Update the specified resource in storage. |
||||
*/ |
||||
public function update(Request $request, $id) |
||||
{ |
||||
// dd('oke'); |
||||
} |
||||
|
||||
/** |
||||
* Remove the specified resource from storage. |
||||
*/ |
||||
public function destroy($id) |
||||
{ |
||||
// dd("oke"); |
||||
} |
||||
} |
@ -1,11 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Tambah Role') |
||||
@section('content') |
||||
<div class="container-fluid"> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
Halaman Tambah Role |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -1,32 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Edit Role') |
||||
@section('content') |
||||
<div class="container-fluid"> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Edit Data Role</h5> |
||||
</div> |
||||
</div> |
||||
<hr class="bordered"> |
||||
<form action="{{ route('dashboard.role.update', $role->id) }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
@method('PUT') |
||||
<div class="form-group"> |
||||
<label for="name" class="col-form-label">Nama Hak Akses:</label> |
||||
<input class="form-control" name="name" type="text" id="name" value="{{ $role->name }}" |
||||
placeholder="Masukan Nama Hak Akses" required> |
||||
|
||||
<label for="description" class="col-form-label">Deskripsi Hak Akses:</label> |
||||
<textarea class="form-control" name="description" id="description" placeholder="Masukkan Deskripsi Hak Akses" required>{{ $role->description }}</textarea> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<a href="{{ route('dashboard.role.index') }}" class="btn btn-secondary">Kembali</a> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -1,11 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Detail Role') |
||||
@section('content') |
||||
<div class="container-fluid"> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
Halaman Detail Role |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -1,139 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Manajemen User') |
||||
@section('content') |
||||
{{-- <h1>Halaman Manajement User</h1> --}} |
||||
<div class="container-fluid"> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Data User</h5> |
||||
</div> |
||||
<div class="col-6 text-right"> |
||||
<a href="#" class="btn btn-success btn-icon-split" data-toggle="modal" |
||||
data-target="#tambahDataModal"> |
||||
<span class="text">+ Tambah data</span> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="table-responsive"> |
||||
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
||||
<thead> |
||||
<tr> |
||||
<th>No</th> |
||||
<th>Nama</th> |
||||
<th>Email</th> |
||||
<th>No. HP</th> |
||||
<th>Alamat</th> |
||||
<th>Ditugaskan</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</thead> |
||||
<tfoot> |
||||
<tr> |
||||
<th>No</th> |
||||
<th>Nama</th> |
||||
<th>Email</th> |
||||
<th>No. HP</th> |
||||
<th>Alamat</th> |
||||
<th>Ditugaskan</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</tfoot> |
||||
<tbody> |
||||
@php |
||||
$noUser = 1; |
||||
@endphp |
||||
@forelse ($user as $data) |
||||
<tr> |
||||
<td class="text-center">{{ $noUser++ }}</td> |
||||
<td>{{ $data->fullname }}</td> |
||||
<td>{{ $data->email }}</td> |
||||
<td>{{ isset($data->no_hp) ? $data->no_hp : '-' }}</td> |
||||
<td>{{ isset($data->address) ? $data->address : '-' }}</td> |
||||
<td>{{ $data->warehouse->name }}</td> |
||||
<td class="text-center"> |
||||
<a href="{{ route('user.show', [$data->id]) }}"> |
||||
<i class="fa fa-edit mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
<a href="{{ route('hapusUser.destroy', $data->id) }}" |
||||
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"> |
||||
<i class="fa fa-trash text-danger mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
</td> |
||||
</tr> |
||||
@empty |
||||
<p>Data Kosong</p> |
||||
@endforelse |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Modal Tambah Asset--> |
||||
<div class="modal fade" id="tambahDataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
||||
aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Tambah Data</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="{{ route('user.store') }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
<div class="form-group"> |
||||
<label for="username" class="col-form-label">Username:</label> |
||||
<input class="form-control" name="username" type="text" id="username" |
||||
value="{{ old('username') }}" placeholder="Masukan Username user" required> |
||||
|
||||
<label for="fullname" class="col-form-label">Nama Lengkap:</label> |
||||
<input class="form-control" name="fullname" type="text" id="fullname" |
||||
value="{{ old('fullname') }}" placeholder="Masukan Nama Lengkap user" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="email" class="col-form-label">Email:</label> |
||||
<input class="form-control" name="email" type="email" id="email" |
||||
value="{{ old('email') }}" placeholder="Masukan email user" required> |
||||
|
||||
<label for="divisi" class="col-form-label">Divisi:</label> |
||||
<input class="form-control" name="divisi" type="text" id="divisi" |
||||
value="{{ old('divisi') }}" placeholder="Masukan Divisi user" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="role_id" class="col-form-label">Hak Akses:</label> |
||||
<select class="form-control" name="role_id" id="role_id" required> |
||||
<option disabled selected>Pilih Hak Akses User</option> |
||||
@foreach ($role as $dt_role) |
||||
<option value="{{ $dt_role->id }}">{{ $dt_role->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="warehouse_id" class="col-form-label">Ditugaskan:</label> |
||||
<select class="form-control" name="warehouse_id" id="warehouse_id" required> |
||||
<option disabled selected>Pilih Hak Akses User</option> |
||||
@foreach ($warehouse as $dt_warehouse) |
||||
<option value="{{ $dt_warehouse->id }}">{{ $dt_warehouse->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="password" class="col-form-label">Password:</label> |
||||
<input class="form-control" name="password" type="text" id="password" |
||||
value="{{ old('password') }}" placeholder="Masukan password user" required> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -0,0 +1,61 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Tambah User') |
||||
@section('content') |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Tambah User</h5> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<form action="{{ route('dashboard.user.store') }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
<div class="form-group"> |
||||
<label for="username" class="col-form-label">Username:</label> |
||||
<input class="form-control" name="username" type="text" id="username" value="{{ old('username') }}" |
||||
placeholder="Masukan Username user" required> |
||||
|
||||
<label for="fullname" class="col-form-label">Nama Lengkap:</label> |
||||
<input class="form-control" name="fullname" type="text" id="fullname" value="{{ old('fullname') }}" |
||||
placeholder="Masukan Nama Lengkap user" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="email" class="col-form-label">Email:</label> |
||||
<input class="form-control" name="email" type="email" id="email" value="{{ old('email') }}" |
||||
placeholder="Masukan email user" required> |
||||
|
||||
<label for="divisi" class="col-form-label">Divisi:</label> |
||||
<input class="form-control" name="divisi" type="text" id="divisi" value="{{ old('divisi') }}" |
||||
placeholder="Masukan Divisi user" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="role_id" class="col-form-label">Hak Akses:</label> |
||||
<select class="form-control" name="role_id" id="role_id" required> |
||||
<option disabled selected>Pilih Hak Akses User</option> |
||||
@foreach ($role as $dt_role) |
||||
<option value="{{ $dt_role->id }}">{{ $dt_role->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="warehouse_id" class="col-form-label">Ditugaskan:</label> |
||||
<select class="form-control" name="warehouse_id" id="warehouse_id" required> |
||||
<option disabled selected>Pilih Hak Akses User</option> |
||||
@foreach ($warehouse as $dt_warehouse) |
||||
<option value="{{ $dt_warehouse->id }}">{{ $dt_warehouse->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="password" class="col-form-label">Password:</label> |
||||
<input class="form-control" name="password" type="text" id="password" value="{{ old('password') }}" |
||||
placeholder="Masukan password user" required> |
||||
</div> |
||||
<div class="modal-footer d-flex justify-content-center"> |
||||
<a href="{{ route('dashboard.user.index') }}" class="btn btn-secondary">Kembali</a> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -0,0 +1,82 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Manajemen User') |
||||
@section('content') |
||||
{{-- <h1>Halaman Manajement User</h1> --}} |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Data User</h5> |
||||
</div> |
||||
<div class="col-6 text-right"> |
||||
<a href="{{ route('dashboard.user.create') }}" class="btn btn-success btn-icon-split"> |
||||
<span class="text">+ Tambah data</span> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="table-responsive"> |
||||
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
||||
<thead> |
||||
<tr> |
||||
<th>No</th> |
||||
<th>Nama</th> |
||||
<th>Email</th> |
||||
<th>No. HP</th> |
||||
<th>Alamat</th> |
||||
<th>Ditugaskan</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</thead> |
||||
<tfoot> |
||||
<tr> |
||||
<th>No</th> |
||||
<th>Nama</th> |
||||
<th>Email</th> |
||||
<th>No. HP</th> |
||||
<th>Alamat</th> |
||||
<th>Ditugaskan</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</tfoot> |
||||
<tbody> |
||||
@php |
||||
$noUser = 1; |
||||
@endphp |
||||
@forelse ($user as $data) |
||||
<tr> |
||||
<td class="text-center">{{ $noUser++ }}</td> |
||||
<td>{{ $data->fullname }}</td> |
||||
<td>{{ $data->email }}</td> |
||||
<td>{{ isset($data->no_hp) ? $data->no_hp : '-' }}</td> |
||||
<td>{{ isset($data->address) ? $data->address : '-' }}</td> |
||||
<td>{{ $data->warehouse->name }}</td> |
||||
<td class="text-center"> |
||||
<a href="{{ route('dashboard.user.show', [$data->id]) }}"> |
||||
<i class="fa fa-eye mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
<a href="{{ route('dashboard.user.edit', [$data->id]) }}"> |
||||
<i class="fa fa-edit mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
<form action="{{ route('dashboard.user.destroy', $data->id) }}" method="POST" |
||||
style="display: inline;"> |
||||
@csrf |
||||
@method('DELETE') |
||||
<button type="submit" |
||||
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')" |
||||
style="border: none; background: none; cursor: pointer;"> |
||||
<i class="fa fa-trash text-danger" style="font-size: 20px"></i> |
||||
</button> |
||||
</form> |
||||
</td> |
||||
</tr> |
||||
@empty |
||||
<p>Data Kosong</p> |
||||
@endforelse |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -0,0 +1,77 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Detail User') |
||||
@section('content') |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Detail User</h5> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="form-group"> |
||||
<label for="username" class="col-form-label">Username:</label> |
||||
<input class="form-control" name="username" type="text" id="username" value="{{ $user->username }}" |
||||
readonly> |
||||
|
||||
<label for="fullname" class="col-form-label">Nama Lengkap:</label> |
||||
<input class="form-control" name="fullname" type="text" id="fullname" value="{{ $user->fullname }}" |
||||
readonly> |
||||
|
||||
<label for="nip" class="col-form-label">Nip:</label> |
||||
<input class="form-control" name="nip" type="text" id="nip" value="{{ $user->nip }}" |
||||
readonly> |
||||
|
||||
<label for="email" class="col-form-label">Email:</label> |
||||
<input class="form-control" name="email" type="email" id="email" value="{{ $user->email }}" |
||||
readonly> |
||||
|
||||
<label for="no_hp" class="col-form-label">No Handphone:</label> |
||||
<input class="form-control" name="no_hp" type="text" id="no_hp" value="{{ $user->no_hp }}" |
||||
readonly> |
||||
|
||||
<label for="divisi" class="col-form-label">Divisi:</label> |
||||
<input class="form-control" name="divisi" type="text" id="divisi" value="{{ $user->divisi }}" |
||||
readonly> |
||||
|
||||
<label for="tgl_lahir" class="col-form-label">Tanggal Lahir:</label> |
||||
<input class="form-control" name="tgl_lahir" type="text" id="tgl_lahir" value="{{ $user->tgl_lahir }}" |
||||
readonly> |
||||
|
||||
<label for="jenis_kelamin" class="col-form-label">Jenis Kelamin:</label> |
||||
<input class="form-control" name="jenis_kelamin" type="text" id="jenis_kelamin" |
||||
value="{{ $user->jenis_kelamin }}" readonly> |
||||
|
||||
<label for="agama" class="col-form-label">Agama:</label> |
||||
<input class="form-control" name="agama" type="text" id="agama" value="{{ $user->agama }}" |
||||
readonly> |
||||
|
||||
<label for="role_id" class="col-form-label">Hak Akses:</label> |
||||
<select class="form-control" name="role_id" id="role_id" readonly disabled> |
||||
@foreach ($role as $data) |
||||
<option value="{{ $data->id }}" {{ $data->id == $user->role_id ? 'selected' : '' }}> |
||||
{{ $data->name }} |
||||
</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="warehouse_id" class="col-form-label">Ditugaskan di gudang:</label> |
||||
<select class="form-control" name="warehouse_id" id="warehouse_id" readonly disabled> |
||||
@foreach ($warehouse as $data) |
||||
<option value="{{ $data->id }}" {{ $data->id == $user->warehouse_id ? 'selected' : '' }}> |
||||
{{ $data->name }} |
||||
</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="address" class="col-form-label">Alamat:</label> |
||||
<input class="form-control" name="address" type="text" id="address" value="{{ $user->address }}" |
||||
readonly> |
||||
</div> |
||||
<div class="modal-footer d-flex justify-content-center"> |
||||
<a href="{{ route('dashboard.user.index') }}" class="btn btn-secondary">Kembali</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -0,0 +1,141 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Warehouse') |
||||
@section('content') |
||||
<div class="container-fluid"> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Warehouse</h5> |
||||
</div> |
||||
<div class="col-6 text-right"> |
||||
<a href="#" class="btn btn-success btn-icon-split" data-toggle="modal" |
||||
data-target="#tambahDataModal"> |
||||
<span class="text">Tambah Data Warehouse</span> |
||||
</a> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="table-responsive"> |
||||
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
||||
<thead> |
||||
<tr> |
||||
<th class="text-center" style="width: 50px;">No.</th> |
||||
<th>Nama Warehouse</th> |
||||
<th>Deskripsi</th> |
||||
<th>Alamat</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
@php |
||||
$nowarehouses = 1; |
||||
@endphp |
||||
@foreach ($warehouses as $data) |
||||
<tr> |
||||
<td class="text-center" style="width: 50px;">{{ $nowarehouses++ }}</td> |
||||
<td>{{ $data->name }}</td> |
||||
<td>{{ $data->description }}</td> |
||||
<td>{{ $data->address }}</td> |
||||
<td class="text-center"> |
||||
<a href="#" data-toggle="modal" |
||||
data-target="#editDataModal{{ $data['id'] }}"> |
||||
<i class="fa fa-edit" style="font-size: 20px"></i> |
||||
</a> |
||||
<form action="{{ route('dashboard.warehouse.destroy', $data->id) }}" method="POST" |
||||
style="display: inline;"> |
||||
@csrf |
||||
@method('DELETE') |
||||
<button type="submit" |
||||
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')" |
||||
style="border: none; background: none; cursor: pointer;"> |
||||
<i class="fa fa-trash text-danger" style="font-size: 20px"></i> |
||||
</button> |
||||
</form> |
||||
</td> |
||||
</tr> |
||||
@endforeach |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Modal Tambah--> |
||||
<div class="modal fade" id="tambahDataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
||||
aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Tambah Data Warehouse</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="{{ route('dashboard.warehouse.store') }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
<div class="form-group"> |
||||
<label for="name" class="col-form-label">Nama:</label> |
||||
<input class="form-control" name="name" type="text" id="name" |
||||
value="{{ old('name') }}" placeholder="Masukan Nama Gudang" required> |
||||
|
||||
<label for="description" class="col-form-label">Deskripsi:</label> |
||||
<textarea class="form-control" name="description" id="description" placeholder="Masukkan Deskripsi Gudang" required>{{ old('description') }}</textarea> |
||||
|
||||
<label for="address" class="col-form-label">Alamat:</label> |
||||
<textarea class="form-control" name="address" id="address" placeholder="Masukkan Alamat Gudang" required>{{ old('address') }}</textarea> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Modal Edit Data--> |
||||
@foreach ($warehouses as $data) |
||||
<div class="modal fade" id="editDataModal{{ $data['id'] }}" tabindex="-1" role="dialog" |
||||
aria-labelledby="exampleModalLabel" aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Edit Data Asset</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="{{ route('dashboard.warehouse.update', $data->id) }}" method="POST" |
||||
enctype="multipart/form-data"> |
||||
@csrf |
||||
@method('PUT') |
||||
<div class="form-group"> |
||||
<label for="name" class="col-form-label">Nama:</label> |
||||
<input class="form-control" name="name" type="text" id="name" |
||||
value="{{ $data->name }}" placeholder="Masukan Nama Gudang" required> |
||||
|
||||
<label for="description" class="col-form-label">Deskripsi:</label> |
||||
<textarea class="form-control" name="description" id="description" placeholder="Masukkan Deskripsi Gudang" required>{{ $data->description }}</textarea> |
||||
|
||||
<label for="address" class="col-form-label">Alamat:</label> |
||||
<textarea class="form-control" name="address" id="address" placeholder="Masukkan Alamat Gudang" required>{{ $data->address }}</textarea> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endforeach |
||||
@endsection |
@ -0,0 +1,47 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Tambah Peminjaman') |
||||
@section('content') |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Tambah Peminjaman</h5> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<form action="{{ route('dashboard.peminjaman.store') }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
<div class="form-group"> |
||||
<label for="asset_id" class="col-form-label">Nama Asset:</label> |
||||
<select class="form-control" name="asset_id" type="text" id="asset_id"> |
||||
<option disabled selected>Pilih Nama Asset</option> |
||||
@foreach ($asset as $data) |
||||
<option value="{{ $data->id }}">{{ $data->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
<label for="exit_at" class="col-form-label">Tanggal:</label> |
||||
<input class="form-control" name="exit_at" type="date" id="exit_at" value="{{ old('exit_at') }}" |
||||
placeholder="Masukan Tanggal Keluar" required> |
||||
|
||||
<label for="exit_pic" class="col-form-label">PJ Keluar:</label> |
||||
<input class="form-control" name="exit_pic" type="text" id="exit_pic" value="{{ old('exit_pic') }}" |
||||
placeholder="Masukan Nama PJ Keluar" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="exit_warehouse" class="col-form-label">Asal Gudang :</label> |
||||
<select class="form-control" name="exit_warehouse" type="text" id="exit_warehouse"> |
||||
<option disabled selected>Pilih Asal Gudang</option> |
||||
@foreach ($warehouse as $data) |
||||
<option value="{{ $data->id }}">{{ $data->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
</div> |
||||
<div class="modal-footer d-flex justify-content-center"> |
||||
<a href="{{ route('dashboard.peminjaman.index') }}" class="btn btn-secondary">Kembali</a> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -0,0 +1,56 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Edit Peminjaman') |
||||
@section('content') |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Edit Peminjaman</h5> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<form action="{{ route('dashboard.peminjaman.update', $peminjaman->id) }}" method="POST" |
||||
enctype="multipart/form-data"> |
||||
@csrf |
||||
@method('PUT') |
||||
<div class="form-group"> |
||||
<label for="asset_id" class="col-form-label">Nama Asset:</label> |
||||
<select class="form-control" name="asset_id" type="text" id="asset_id"> |
||||
<option disabled selected>Pilih Nama Asset</option> |
||||
@foreach ($asset as $data_asset) |
||||
<option value="{{ $data_asset->id }}" |
||||
@if ($data_asset->id == $peminjaman->id) selected |
||||
@else @endif> |
||||
{{ $data_asset->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
<label for="exit_at" class="col-form-label">Tanggal:</label> |
||||
<input class="form-control" name="exit_at" type="date" id="exit_at" |
||||
value="{{ \Carbon\Carbon::parse($peminjaman->exit_at)->format('Y-m-d') }}" |
||||
placeholder="Masukan Tanggal Keluar" required> |
||||
|
||||
<label for="exit_pic" class="col-form-label">PJ Keluar:</label> |
||||
<input class="form-control" name="exit_pic" type="text" id="exit_pic" |
||||
value="{{ $peminjaman->exit_pic }}" placeholder="Masukan Nama PJ Keluar" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="exit_warehouse" class="col-form-label">Asal Gudang :</label> |
||||
<select class="form-control" name="exit_warehouse" type="text" id="exit_warehouse"> |
||||
<option disabled selected>Pilih Nama Asset</option> |
||||
@foreach ($warehouse as $data_warehouse) |
||||
<option value="{{ $data_warehouse->id }}" |
||||
@if ($data_warehouse->id == $peminjaman->id) selected |
||||
@else @endif> |
||||
{{ $data_warehouse->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -0,0 +1,74 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Peminjaman') |
||||
@section('content') |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Peminjaman</h5> |
||||
</div> |
||||
<div class="col-6 text-right"> |
||||
<a href="{{ route('dashboard.peminjaman.create') }}" class="btn btn-success btn-icon-split"> |
||||
<span class="text">Tambah Peminjaman</span> |
||||
</a> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="table-responsive"> |
||||
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
||||
<thead> |
||||
<tr> |
||||
<th class="text-center">No</th> |
||||
<th>Nama Asset</th> |
||||
<th>Tgl Peminjaman</th> |
||||
<th>PJ Keluar</th> |
||||
<th>Asal Gudang</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</thead> |
||||
<tfoot> |
||||
<tr> |
||||
<th class="text-center">No</th> |
||||
<th>Nama Asset</th> |
||||
<th>Tgl Peminjaman</th> |
||||
<th>PJ Keluar</th> |
||||
<th>Asal Gudang</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</tfoot> |
||||
<tbody> |
||||
@php |
||||
$no_peminjaman = 1; |
||||
@endphp |
||||
@foreach ($peminjaman as $data) |
||||
<tr> |
||||
<td class="text-center">{{ $no_peminjaman++ }}</td> |
||||
<td>{{ $data->asset->name }}</td> |
||||
<td>{{ \Carbon\Carbon::parse($data->exit_at)->format('d-m-Y') }}</td> |
||||
<td>{{ $data->exit_pic }}</td> |
||||
<td>{{ $data->warehouse->name }}</td> |
||||
<td class="text-center"> |
||||
<a href="{{ route('dashboard.peminjaman.edit', $data->id) }}"> |
||||
<i class="fa fa-edit mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
<form action="{{ route('dashboard.peminjaman.destroy', $data->id) }}" method="POST" |
||||
style="display: inline;"> |
||||
@csrf |
||||
@method('DELETE') |
||||
<button type="submit" |
||||
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')" |
||||
style="border: none; background: none; cursor: pointer;"> |
||||
<i class="fa fa-trash text-danger" style="font-size: 20px"></i> |
||||
</button> |
||||
</form> |
||||
</td> |
||||
</tr> |
||||
@endforeach |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endsection |
@ -1,193 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Peminjaman') |
||||
@section('content') |
||||
<div class="container-fluid"> |
||||
<!-- <h1 class="h3 mb-2 text-gray-800">Tabel Peminjaman</h1> --> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Peminjaman</h5> |
||||
</div> |
||||
<div class="col-6 text-right"> |
||||
<a href="#" class="btn btn-success btn-icon-split" data-toggle="modal" |
||||
data-target="#tambahDataModal"> |
||||
<span class="text">+ Tambah data</span> |
||||
</a> |
||||
{{-- <a href="{{ route('assetcetakpdf.cetakpdf') }}" class="btn btn-success btn-icon-split ml-auto" |
||||
target="_blank"> |
||||
<span class="text">Cetak PDF</span> |
||||
</a> |
||||
<a href="{{ route('assetexport.export') }}" class="btn btn-info btn-icon-split ml-auto" |
||||
target="_blank"> |
||||
<span class="text">Cetak Exel</span> --}} |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="table-responsive"> |
||||
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
||||
<thead> |
||||
<tr> |
||||
<th class="text-center">No</th> |
||||
<th>Nama Asset</th> |
||||
<th>Tgl Peminjaman</th> |
||||
<th>PJ Keluar</th> |
||||
<th>Asal Gudang</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</thead> |
||||
<tfoot> |
||||
<tr> |
||||
<th class="text-center">No</th> |
||||
<th>Nama Asset</th> |
||||
<th>Tgl Peminjaman</th> |
||||
<th>PJ Keluar</th> |
||||
<th>Asal Gudang</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</tfoot> |
||||
<tbody> |
||||
@php |
||||
$no_peminjaman = 1; |
||||
@endphp |
||||
@foreach ($peminjaman as $data) |
||||
<tr> |
||||
<td class="text-center">{{ $no_peminjaman++ }}</td> |
||||
<td>{{ $data->asset->name }}</td> |
||||
<td>{{ \Carbon\Carbon::parse($data->exit_at)->format('d-m-Y') }}</td> |
||||
<td>{{ $data->exit_pic }}</td> |
||||
<td>{{ $data->warehouse->name }}</td> |
||||
<td class="text-center"> |
||||
<a href="#" data-toggle="modal" |
||||
data-target="#editDataModal{{ $data['id'] }}"> |
||||
<i class="fa fa-edit mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
<a href="{{ route('hapusPeminjaman.destroy', $data->id) }}" |
||||
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"> |
||||
<i class="fa fa-trash text-danger mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
</td> |
||||
</tr> |
||||
@endforeach |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- /.container-fluid --> |
||||
|
||||
<!-- Tambah data peminjaman --> |
||||
<div class="modal fade" id="tambahDataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
||||
aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Tambah Data</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="{{ route('dashboard.peminjaman.store') }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
<div class="form-group"> |
||||
<label for="asset_id" class="col-form-label">Nama Asset:</label> |
||||
<select class="form-control" name="asset_id" type="text" id="asset_id"> |
||||
<option disabled selected>Pilih Nama Asset</option> |
||||
@foreach ($asset as $data) |
||||
<option value="{{ $data->id }}">{{ $data->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
<label for="exit_at" class="col-form-label">Tanggal:</label> |
||||
<input class="form-control" name="exit_at" type="date" id="exit_at" |
||||
value="{{ old('exit_at') }}" placeholder="Masukan Tanggal Keluar" required> |
||||
|
||||
<label for="exit_pic" class="col-form-label">PJ Keluar:</label> |
||||
<input class="form-control" name="exit_pic" type="text" id="exit_pic" |
||||
value="{{ old('exit_pic') }}" placeholder="Masukan Nama PJ Keluar" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="exit_warehouse" class="col-form-label">Asal Gudang :</label> |
||||
<select class="form-control" name="exit_warehouse" type="text" id="exit_warehouse"> |
||||
<option disabled selected>Pilih Asal Gudang</option> |
||||
@foreach ($warehouse as $data) |
||||
<option value="{{ $data->id }}">{{ $data->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
{{-- <input class="form-control" name="exit_warehouse" type="text" id="exit_warehouse" |
||||
value="{{ old('exit_warehouse') }}" placeholder="Masukan Asal gudang keluarnya asset" |
||||
required> --}} |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Modal Edit Asset--> |
||||
@foreach ($peminjaman as $data) |
||||
<div class="modal fade" id="editDataModal{{ $data['id'] }}" tabindex="-1" role="dialog" |
||||
aria-labelledby="exampleModalLabel" aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Edit Data Peminjaman</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="{{ route('dashboard.peminjaman.update', $data->id) }}" method="POST" |
||||
enctype="multipart/form-data"> |
||||
@csrf |
||||
@method('PUT') |
||||
<div class="form-group"> |
||||
<label for="asset_id" class="col-form-label">Nama Asset:</label> |
||||
<select class="form-control" name="asset_id" type="text" id="asset_id"> |
||||
<option disabled selected>Pilih Nama Asset</option> |
||||
@foreach ($asset as $data_asset) |
||||
<option value="{{ $data_asset->id }}" |
||||
@if ($data_asset->id == $data->id) selected |
||||
@else @endif> |
||||
{{ $data_asset->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
<label for="exit_at" class="col-form-label">Tanggal:</label> |
||||
<input class="form-control" name="exit_at" type="date" id="exit_at" |
||||
value="{{ \Carbon\Carbon::parse($data->exit_at)->format('Y-m-d') }}" |
||||
placeholder="Masukan Tanggal Keluar" required> |
||||
|
||||
<label for="exit_pic" class="col-form-label">PJ Keluar:</label> |
||||
<input class="form-control" name="exit_pic" type="text" id="exit_pic" |
||||
value="{{ $data->exit_pic }}" placeholder="Masukan Nama PJ Keluar" pattern="[^0-9]+" |
||||
oninput="this.value=this.value.replace(/[0-9]/g,'');" required> |
||||
|
||||
<label for="exit_warehouse" class="col-form-label">Asal Gudang :</label> |
||||
<select class="form-control" name="exit_warehouse" type="text" id="exit_warehouse"> |
||||
<option disabled selected>Pilih Nama Asset</option> |
||||
@foreach ($warehouse as $data_warehouse) |
||||
<option value="{{ $data_warehouse->id }}" |
||||
@if ($data_warehouse->id == $data->id) selected |
||||
@else @endif> |
||||
{{ $data_warehouse->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
@endforeach |
||||
@endsection |
@ -1,5 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Transaksi') |
||||
@section('content') |
||||
<H3>Halaman Transaksi</H3> |
||||
@endsection |
@ -1,248 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Barang Keluar') |
||||
@section('content') |
||||
<div class="container-fluid"> |
||||
<h1 class="h3 mb-2 text-gray-800">Tabel Barang Keluar</h1> |
||||
<div class="mb-4"> |
||||
<p>Our Outgoing Item Tables are enhanced with the help of the DataTables plugin. This is a powerful tool that |
||||
allows you to explore outgoing data in a more interactive and efficient way.</p> |
||||
<a href="#" class="btn btn-success btn-icon-split" data-toggle="modal" data-target="#tambahDataModal"> |
||||
<span class="text">+ Tambah data</span> |
||||
</a> |
||||
</div> |
||||
<div class="card shadow mb-4"> |
||||
<div class="card-header py-3"> |
||||
<div class="row"> |
||||
<div class="col-6"> |
||||
<h5 class="m-0 font-weight-bold text-primary mt-2">Data Barang Keluar</h5> |
||||
</div> |
||||
{{-- <div class="col-6 text-right"> |
||||
<a href="{{ route('assetcetakpdf.cetakpdf') }}" class="btn btn-success btn-icon-split ml-auto" |
||||
target="_blank"> |
||||
<span class="text">Cetak PDF</span> |
||||
</a> |
||||
<a href="{{ route('assetexport.export') }}" class="btn btn-info btn-icon-split ml-auto" |
||||
target="_blank"> |
||||
<span class="text">Cetak Exel</span> |
||||
</a> |
||||
</div> --}} |
||||
</div> |
||||
</div> |
||||
<div class="card-body"> |
||||
<div class="table-responsive"> |
||||
<table class="table table-bordered" id="tablebarang" width="100%" cellspacing="0"> |
||||
<thead> |
||||
<tr> |
||||
<th>Nama Barang</th> |
||||
<th>Jumlah</th> |
||||
<th>Tgl Keluar</th> |
||||
<th>Penerima</th> |
||||
<th>Asal Gudang</th> |
||||
<th>Keterangan</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</thead> |
||||
<tfoot> |
||||
<tr> |
||||
<th>Nama Barang</th> |
||||
<th>Jumlah</th> |
||||
<th>Tgl Keluar</th> |
||||
<th>Penerima</th> |
||||
<th>Asal Gudang</th> |
||||
<th>Keterangan</th> |
||||
<th class="text-center">Action</th> |
||||
</tr> |
||||
</tfoot> |
||||
<tbody> |
||||
@foreach ($Bkeluar as $data) |
||||
<tr> |
||||
<td>{{ $data->asset->name }}</td> |
||||
<td>{{ $data->jumlah }}</td> |
||||
<td>{{ \Carbon\Carbon::parse($data->tanggal_keluar)->format('d-m-Y') }}</td> |
||||
<td>{{ $data->penerima_barang }}</td> |
||||
<td>{{ $data->exit_warehouse }}</td> |
||||
<td>{{ $data->keterangan }}</td> |
||||
<td class="text-center"> |
||||
<a href="#" data-toggle="modal" |
||||
data-target="#editDataModal{{ $data['id'] }}"> |
||||
<i class="fa fa-edit mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
<a href="{{ route('hapusBarangK.destroy', $data->id) }}" |
||||
onclick="return confirm('Apakah Anda yakin ingin menghapus data ini?')"> |
||||
<i class="fa fa-trash text-danger mr-2" style="font-size: 20px"></i> |
||||
</a> |
||||
</td> |
||||
</tr> |
||||
@endforeach |
||||
</tbody> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Modal Tambah Asset--> |
||||
<div class="modal fade" id="tambahDataModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" |
||||
aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Tambah Data</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
{{-- <form action="{{ route('asset.store') }}" method="POST" enctype="multipart/form-data"> --}} |
||||
<form action="{{ route('barangKeluar.store') }}" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
<div class="form-group"> |
||||
<label for="asset_id" class="col-form-label">Nama Barang:</label> |
||||
<select class="form-control" name="asset_id" type="text" id="asset_id"> |
||||
<option disabled selected>Pilih Nama Barang</option> |
||||
@foreach ($asset as $data) |
||||
<option value="{{ $data->id }}">{{ $data->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="jumlah" class="col-form-label">Jumlah Barang:</label> |
||||
<input class="form-control" name="jumlah" type="number" id="jumlah" |
||||
value="{{ old('jumlah') }}" placeholder="Masukkan Jumlah Barang" required> |
||||
|
||||
<label for="tanggal_keluar" class="col-form-label">Tgl Keluar:</label> |
||||
<input class="form-control" name="tanggal_keluar" type="date" id="tanggal_keluar" |
||||
value="{{ old('tanggal_keluar') }}" placeholder="Masukkan Tgl Keluar Barang" required> |
||||
|
||||
<label for="penerima_barang" class="col-form-label">Pererima:</label> |
||||
<input class="form-control" name="penerima_barang" type="text" id="penerima_barang" |
||||
value="{{ old('penerima_barang') }}" placeholder="Masukkan Penerima Barang" required> |
||||
|
||||
<label for="exit_warehouse" class="col-form-label">Asal Gudang:</label> |
||||
<input class="form-control" name="exit_warehouse" type="text" id="exit_warehouse" |
||||
value="{{ old('exit_warehouse') }}" placeholder="Masukan Asal Gudang Barang" required> |
||||
|
||||
<label for="keterangan" class="col-form-label">Keterangan:</label> |
||||
<textarea class="form-control" name="keterangan" id="keterangan" placeholder="Masukkan Keterangan Barang" required>{{ old('keterangan') }}</textarea> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<!-- Modal Edit Asset--> |
||||
@foreach ($Bkeluar as $data) |
||||
<div class="modal fade" id="editDataModal{{ $data['id'] }}" tabindex="-1" role="dialog" |
||||
aria-labelledby="exampleModalLabel" aria-hidden="true"> |
||||
<div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Edit Data</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="#" method="POST" enctype="multipart/form-data"> |
||||
@csrf |
||||
@method('PUT') |
||||
<div class="form-group"> |
||||
<label for="asset_id" class="col-form-label">Nama Barang:</label> |
||||
<select class="form-control" name="asset_id" type="text" id="asset_id"> |
||||
<option disabled selected>Pilih Nama Barang</option> |
||||
@foreach ($asset as $data_asset) |
||||
<option value="{{ $data->id }}" |
||||
@if ($data_asset->id == $data->asset_id) selected |
||||
@else @endif> |
||||
{{ $data_asset->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
<label for="jumlah" class="col-form-label">Jumlah Barang:</label> |
||||
<input class="form-control" name="jumlah" type="number" id="jumlah" |
||||
value="{{ $data->jumlah }}" placeholder="Masukkan Jumlah Barang" required> |
||||
|
||||
<label for="tanggal_keluar" class="col-form-label">Tgl Keluar:</label> |
||||
<input class="form-control" name="tanggal_keluar" type="date" id="tanggal_keluar" |
||||
value="{{ \Carbon\Carbon::parse($data->tanggal_keluar)->format('Y-m-d') }}" |
||||
placeholder="Masukkan Tgl Keluar Barang" required> |
||||
|
||||
<label for="penerima_barang" class="col-form-label">Pererima:</label> |
||||
<input class="form-control" name="penerima_barang" type="text" id="penerima_barang" |
||||
value="{{ $data->penerima_barang }}" placeholder="Masukkan Penerima Barang" required> |
||||
|
||||
<label for="exit_warehouse" class="col-form-label">Asal Gudang:</label> |
||||
<input class="form-control" name="exit_warehouse" type="text" id="exit_warehouse" |
||||
value="{{ $data->exit_warehouse }}" placeholder="Masukan Asal Gudang Barang" |
||||
required> |
||||
|
||||
<label for="keterangan" class="col-form-label">Keterangan:</label> |
||||
<textarea class="form-control" name="keterangan" id="keterangan" placeholder="Masukkan Keterangan Barang" required>{{ $data->keterangan }}</textarea> |
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
{{-- <div class="modal-dialog" role="document"> |
||||
<div class="modal-content"> |
||||
<div class="modal-header"> |
||||
<h5 class="modal-title" id="exampleModalLabel">Edit Data Asset</h5> |
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
||||
<span aria-hidden="true">×</span> |
||||
</button> |
||||
</div> |
||||
<div class="modal-body"> |
||||
<form action="{{ route('asset.update', $data->id) }}" method="POST" |
||||
enctype="multipart/form-data"> |
||||
@csrf |
||||
@method('PUT') |
||||
<div class="form-group"> |
||||
<label for="name" class="col-form-label">Nama Asset:</label> |
||||
<input class="form-control" name="name" type="text" id="name" |
||||
value="{{ $data->name }}" placeholder="Masukan Nama Asset" required> |
||||
|
||||
<label for="description" class="col-form-label">Deskripsi Asset:</label> |
||||
<textarea class="form-control" name="description" id="description" placeholder="Masukkan Deskripsi Asset" required>{{ $data->description }}</textarea> |
||||
|
||||
<label for="qr_count" class="col-form-label">QR_Count:</label> |
||||
<input class="form-control" name="qr_count" type="text" id="qr_count" |
||||
value="{{ $data->qr_count }}" placeholder="Masukan Kode QR" |
||||
onkeypress="return event.charCode >= 48 && event.charCode <= 57" required> |
||||
|
||||
<label for="date" class="col-form-label">Tanggal:</label> |
||||
<input class="form-control" name="date" type="date" id="date" |
||||
value="{{ \Carbon\Carbon::parse($data->date)->format('Y-m-d') }}" |
||||
placeholder="Masukan Tanggal Asset" required> |
||||
|
||||
<label for="warehouse_id" class="col-form-label">Gudang:</label> |
||||
<select class="form-control" name="warehouse_id" id="warehouse_id"> |
||||
<option disabled selected>Pilih Asal Gudang</option> |
||||
@foreach ($warehouse as $data_warehouse) |
||||
<option value="{{ $data_warehouse->id }}" |
||||
@if ($data_warehouse->id == $data->warehouse_id) selected |
||||
@else @endif> |
||||
{{ $data_warehouse->name }}</option> |
||||
@endforeach |
||||
</select> |
||||
|
||||
</div> |
||||
<div class="modal-footer"> |
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button> |
||||
<button type="submit" class="btn btn-primary">Simpan</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
</div> --}} |
||||
</div> |
||||
@endforeach |
||||
@endsection |
@ -1,5 +0,0 @@
|
||||
@extends('layouts.main') |
||||
@section('title', 'Barang Masuk') |
||||
@section('content') |
||||
<p>Halaman Barang Masuk</p> |
||||
@endsection |
@ -1,475 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li class="active"><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-1-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">About Us</h1> |
||||
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
||||
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
||||
</div> |
||||
|
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="services-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-between"> |
||||
<div class="col-lg-4 mb-5 mb-lg-0"> |
||||
|
||||
<div class="section-title mb-3" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom mb-4">Become an Instructor</h2> |
||||
</div> |
||||
|
||||
<p data-aos="fade-up" data-aos-delay="100">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live.</p> |
||||
|
||||
<ul class="ul-check list-unstyled mb-5 primary" data-aos="fade-up" data-aos-delay="200"> |
||||
<li>Behind the word Mountains.</li> |
||||
<li>Far far away Mountains.</li> |
||||
<li>Large language Ocean.</li> |
||||
</ul> |
||||
|
||||
<p data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-primary">Get Started</a></p> |
||||
|
||||
</div> |
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="0"> |
||||
<figure class="img-wrap-2"> |
||||
<img src="images/teacher-min.jpg" alt="Image" class="img-fluid"> |
||||
<div class="dotted"></div> |
||||
</figure> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="untree_co-section bg-light"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-5"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">Our Team</h2> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="0"> |
||||
<div class="staff text-center"> |
||||
<div class="mb-4"><img src="images/staff_1.jpg" alt="Image" class="img-fluid"></div> |
||||
<div class="staff-body"> |
||||
<h3 class="staff-name">Mina Collins</h3> |
||||
<span class="d-block position mb-4">Teacher in Math</span> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<div class="social"> |
||||
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="staff text-center"> |
||||
<div class="mb-4"><img src="images/staff_2.jpg" alt="Image" class="img-fluid"></div> |
||||
<div class="staff-body"> |
||||
<h3 class="staff-name">Anderson Matthew</h3> |
||||
<span class="d-block position mb-4">Teacher in Music</span> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<div class="social"> |
||||
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="staff text-center"> |
||||
<div class="mb-4"><img src="images/staff_3.jpg" alt="Image" class="img-fluid"></div> |
||||
<div class="staff-body"> |
||||
<h3 class="staff-name">Cynthia Misso</h3> |
||||
<span class="d-block position mb-4">Teacher English</span> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<div class="social"> |
||||
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-5"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">We Have Best Education</h2> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="feature"> |
||||
<span class="uil uil-music"></span> |
||||
<h3>Music Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="feature"> |
||||
<span class="uil uil-calculator-alt"></span> |
||||
<h3>Math Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<div class="feature"> |
||||
<span class="uil uil-book-open"></span> |
||||
<h3>English Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay=100"> |
||||
<div class="feature"> |
||||
<span class="uil uil-book-alt"></span> |
||||
<h3>Reading for Kids</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="feature"> |
||||
<span class="uil uil-history"></span> |
||||
<h3>History Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<div class="feature"> |
||||
<span class="uil uil-headphones"></span> |
||||
<h3>Music</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
|
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-5 mr-auto mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="0"> |
||||
<img src="images/img-school-5-min.jpg" alt="image" class="img-fluid"> |
||||
</div> |
||||
<div class="col-lg-7 ml-auto" data-aos="fade-up" data-aos-delay="100"> |
||||
<h3 class="line-bottom mb-4">Why Choose Us</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> |
||||
|
||||
<div class="custom-accordion" id="accordion_1"> |
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Good Teachers and Staffs</button> |
||||
</h2> |
||||
|
||||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
<div class="d-flex"> |
||||
<div class="accordion-img mr-4"> |
||||
<img src="images/img-school-1-min.jpg" alt="Image" class="img-fluid"> |
||||
</div> |
||||
<div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> |
||||
<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- .accordion-item --> |
||||
|
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">We Value Good Characters</button> |
||||
</h2> |
||||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
<div class="d-flex"> |
||||
<div class="accordion-img mr-4"> |
||||
<img src="images/img-school-2-min.jpg" alt="Image" class="img-fluid"> |
||||
</div> |
||||
<div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> |
||||
<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- .accordion-item --> |
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Your Children are Safe</button> |
||||
</h2> |
||||
|
||||
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
<div class="d-flex"> |
||||
<div class="accordion-img mr-4"> |
||||
<img src="images/img-school-3-min.jpg" alt="Image" class="img-fluid"> |
||||
</div> |
||||
<div> |
||||
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p> |
||||
<p>Pityful a rethoric question ran over her cheek, then she continued her way.</p> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> <!-- .accordion-item --> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,307 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li class="active"><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-2-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">Contact Us</h1> |
||||
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
||||
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
||||
</div> |
||||
|
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
|
||||
<div class="row mb-5"> |
||||
<div class="col-lg-4 mb-5 order-2 mb-lg-0" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="contact-info"> |
||||
|
||||
<div class="address mt-4"> |
||||
<i class="icon-room"></i> |
||||
<h4 class="mb-2">Location:</h4> |
||||
<p>43 Raymouth Rd. Baltemoer, London 3910</p> |
||||
</div> |
||||
|
||||
<div class="open-hours mt-4"> |
||||
<i class="icon-clock-o"></i> |
||||
<h4 class="mb-2">Open Hours:</h4> |
||||
<p> |
||||
Sunday-Friday:<br> |
||||
11:00 AM - 2300 PM |
||||
</p> |
||||
</div> |
||||
|
||||
<div class="email mt-4"> |
||||
<i class="icon-envelope"></i> |
||||
<h4 class="mb-2">Email:</h4> |
||||
<p>info@Untree.co</p> |
||||
</div> |
||||
|
||||
<div class="phone mt-4"> |
||||
<i class="icon-phone"></i> |
||||
<h4 class="mb-2">Call:</h4> |
||||
<p>+1 1234 55488 55</p> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
<div class="col-lg-7 mr-auto order-1" data-aos="fade-up" data-aos-delay="200"> |
||||
<form action="#"> |
||||
<div class="row"> |
||||
<div class="col-6 mb-3"> |
||||
<input type="text" class="form-control" placeholder="Your Name"> |
||||
</div> |
||||
<div class="col-6 mb-3"> |
||||
<input type="email" class="form-control" placeholder="Your Email"> |
||||
</div> |
||||
<div class="col-12 mb-3"> |
||||
<input type="text" class="form-control" placeholder="Subject"> |
||||
</div> |
||||
<div class="col-12 mb-3"> |
||||
<textarea name="" id="" cols="30" rows="7" class="form-control" placeholder="Message"></textarea> |
||||
</div> |
||||
|
||||
<div class="col-12"> |
||||
<input type="submit" value="Send Message" class="btn btn-primary"> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,434 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children active"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li class="active"><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-3-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">Elements</h1> |
||||
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
||||
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
||||
</div> |
||||
|
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-6"> |
||||
<div class="custom-block" data-aos="fade-up"> |
||||
<h2 class="section-title">Accordion</h2> |
||||
<div class="custom-accordion" id="accordion_1"> |
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">How to download and register?</button> |
||||
</h2> |
||||
|
||||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. |
||||
</div> |
||||
</div> |
||||
</div> <!-- .accordion-item --> |
||||
|
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">How to create your paypal account?</button> |
||||
</h2> |
||||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. |
||||
</div> |
||||
</div> |
||||
</div> <!-- .accordion-item --> |
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">How to link your paypal and bank account?</button> |
||||
</h2> |
||||
|
||||
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane. Pityful a rethoric question ran over her cheek, then she continued her way. |
||||
</div> |
||||
</div> |
||||
|
||||
</div> <!-- .accordion-item --> |
||||
|
||||
</div> |
||||
</div> <!-- END .custom-block --> |
||||
<div class="custom-block" data-aos="fade-up"> |
||||
<h2 class="section-title">Gallery</h2> |
||||
<div class="row gutter-v2 gallery"> |
||||
<div class="col-4"> |
||||
<a href="images/gal_1.jpg" class="gal-item" data-fancybox="gal"><img src="images/gal_1.jpg" alt="Image" class="img-fluid"></a> |
||||
</div> |
||||
<div class="col-4"> |
||||
<a href="images/gal_2.jpg" class="gal-item" data-fancybox="gal"><img src="images/gal_2.jpg" alt="Image" class="img-fluid"></a> |
||||
</div> |
||||
<div class="col-4"> |
||||
<a href="images/gal_3.jpg" class="gal-item" data-fancybox="gal"><img src="images/gal_3.jpg" alt="Image" class="img-fluid"></a> |
||||
</div> |
||||
<div class="col-4"> |
||||
<a href="images/gal_4.jpg" class="gal-item" data-fancybox="gal"><img src="images/gal_4.jpg" alt="Image" class="img-fluid"></a> |
||||
</div> |
||||
<div class="col-4"> |
||||
<a href="images/gal_5.jpg" class="gal-item" data-fancybox="gal"><img src="images/gal_5.jpg" alt="Image" class="img-fluid"></a> |
||||
</div> |
||||
<div class="col-4"> |
||||
<a href="images/gal_6.jpg" class="gal-item" data-fancybox="gal"><img src="images/gal_6.jpg" alt="Image" class="img-fluid"></a> |
||||
</div> |
||||
</div> |
||||
</div> <!-- END .custom-block --> |
||||
|
||||
<div class="custom-block" data-aos="fade-up"> |
||||
<h2 class="section-title">Video</h2> |
||||
|
||||
<a href="https://vimeo.com/342333493" data-fancybox class="video-wrap"> |
||||
<span class="play-wrap"><span class="icon-play"></span></span> |
||||
<img src="images/hero_bg.jpg" alt="Image" class="img-fluid rounded"> |
||||
</a> |
||||
</div> <!-- END .custom-block --> |
||||
|
||||
<div class="custom-block" data-aos="fade-up"> |
||||
<h2 class="section-title mb-3">Check Unordered List</h2> |
||||
|
||||
<ul class="list-unstyled ul-check primary"> |
||||
<li>Far far away, behind the word</li> |
||||
<li>Far from the countries Vokalia</li> |
||||
<li>Separated they live in Bookmarksgrove</li> |
||||
</ul> |
||||
|
||||
</div> <!-- END .custom-block --> |
||||
|
||||
</div> <!-- /.col-lg-6 --> |
||||
<div class="col-lg-6"> |
||||
<div class="custom-block" data-aos="fade-up" data-aos-delay="100"> |
||||
<h2 class="section-title">Form</h2> |
||||
<form class="contact-form"> |
||||
<div class="row"> |
||||
<div class="col-md-6"> |
||||
<div class="form-group"> |
||||
<label class="" for="fname">First name</label> |
||||
<input type="text" class="form-control" id="fname"> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-6"> |
||||
<div class="form-group"> |
||||
<label class="" for="lname">Last name</label> |
||||
<input type="text" class="form-control" id="lname"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label class="" for="email">Email address</label> |
||||
<input type="email" class="form-control" id="email" aria-describedby="emailHelp"> |
||||
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label class="" for="password">Password</label> |
||||
<input type="password" class="form-control" id="password"> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label class="" for="message">Message</label> |
||||
<textarea name="" class="form-control" id="message" cols="30" rows="5"></textarea> |
||||
</div> |
||||
<div class="form-group"> |
||||
<label class="" for="select">Select</label> |
||||
|
||||
<select name="" id="select" class="custom-select"> |
||||
<option value="">Untree.co</option> |
||||
<option value="">Offers high quality free template</option> |
||||
</select> |
||||
|
||||
</div> |
||||
<div class="form-group"> |
||||
<label class="control control--checkbox"> |
||||
<span class="caption">Custom checkbox</span> |
||||
<input type="checkbox" checked="checked" /> |
||||
<div class="control__indicator"></div> |
||||
</label> |
||||
</div> |
||||
<button type="submit" class="btn btn-primary">Submit</button> |
||||
</form> |
||||
</div> |
||||
|
||||
<div class="custom-block" data-aos="fade-up"> |
||||
<h2 class="section-title">Social Icons</h2> |
||||
<ul class="list-unstyled social-icons light"> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-google"></span></a></li> |
||||
<li><a href="#"><span class="icon-play"></span></a></li> |
||||
</ul> |
||||
</div> <!-- END .custom-block --> |
||||
|
||||
<div class="custom-block" data-aos="fade-up" data-aos-delay="100"> |
||||
<h2 class="section-title text-center">Slider</h2> |
||||
<div class="owl-single owl-carousel no-nav"> |
||||
<div class="testimonial mx-auto"> |
||||
<figure class="img-wrap"> |
||||
<img src="images/person_2.jpg" alt="Image" class="img-fluid"> |
||||
</figure> |
||||
<h3 class="name text-black">Adam Aderson</h3> |
||||
<blockquote> |
||||
<p>“There live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.”</p> |
||||
</blockquote> |
||||
</div> |
||||
|
||||
<div class="testimonial mx-auto"> |
||||
<figure class="img-wrap"> |
||||
<img src="images/person_3.jpg" alt="Image" class="img-fluid"> |
||||
</figure> |
||||
<h3 class="name text-black">Lukas Devlin</h3> |
||||
<blockquote> |
||||
<p>“There live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.”</p> |
||||
</blockquote> |
||||
</div> |
||||
|
||||
<div class="testimonial mx-auto"> |
||||
<figure class="img-wrap"> |
||||
<img src="images/person_4.jpg" alt="Image" class="img-fluid"> |
||||
</figure> |
||||
<h3 class="name text-black">Kayla Bryant</h3> |
||||
<blockquote> |
||||
<p>“There live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.”</p> |
||||
</blockquote> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> <!-- /.col-lg-6 --> |
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,310 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li class="active"><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-4-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">Gallery</h1> |
||||
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
||||
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
||||
</div> |
||||
|
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-md-6 col-lg-4 item"> |
||||
<a href="images/img-school-5-min.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img-school-5-min.jpg"> |
||||
</a> |
||||
<a href="images/img_1.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_1.jpg"> |
||||
</a> |
||||
<a href="images/img_2.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="100"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_2.jpg"> |
||||
</a> |
||||
<a href="images/img_3.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="200"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_3.jpg"> |
||||
</a> |
||||
|
||||
</div> |
||||
<div class="col-md-6 col-lg-4 item"> |
||||
<a href="images/img-school-1-min.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img-school-1-min.jpg"> |
||||
</a> |
||||
<a href="images/img_1.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_4.jpg"> |
||||
</a> |
||||
<a href="images/img_5.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="100"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_5.jpg"> |
||||
</a> |
||||
<a href="images/img_8.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="200"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_8.jpg"> |
||||
</a> |
||||
</div> |
||||
<div class="col-md-6 col-lg-4 item"> |
||||
<a href="images/img-school-2-min.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img-school-2-min.jpg"> |
||||
</a> |
||||
<a href="images/img_9.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_9.jpg"> |
||||
</a> |
||||
<a href="images/img_6.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="100"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_6.jpg"> |
||||
</a> |
||||
<a href="images/img_7.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="200"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_7.jpg"> |
||||
</a> |
||||
<a href="images/img_10.jpg" class="item-wrap fancybox mb-4" data-fancybox="gal" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="icon-search2"></span> |
||||
<img class="img-fluid" src="images/img_10.jpg"> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,88 +0,0 @@
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img |
||||
src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img |
||||
src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img |
||||
src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img |
||||
src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img |
||||
src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img |
||||
src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p>Copyright © |
||||
<script> |
||||
document.write(new Date().getFullYear()); |
||||
</script>. All Rights Reserved. — Designed with love by <a |
||||
href="https://untree.co">Untree.co</a> Distributed By <a |
||||
href="https://themewagon.com">ThemeWagon</a> |
||||
<!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
@ -1,27 +0,0 @@
|
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span |
||||
class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span |
||||
class="d-none d-lg-inline-block">085159079010</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span |
||||
class="d-none d-lg-inline-block">Siopas@gmail.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="{{ url('logincoba') }}" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
@ -1,16 +0,0 @@
|
||||
<link |
||||
href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" |
||||
rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/bootstrap.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/animate.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/owl.carousel.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/owl.theme.default.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/jquery.fancybox.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/fonts/icomoon/style.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/fonts/flaticon/font/flaticon.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/aos.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/style.css') }}"> |
@ -1,853 +0,0 @@
|
||||
<!doctype html> |
||||
<html lang="en"> |
||||
|
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
<link |
||||
href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" |
||||
rel="stylesheet"> |
||||
<link rel="shortcut icon" href="{{ asset('asset_landingpage/favicon.png') }}"> |
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/bootstrap.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/animate.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/owl.carousel.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/owl.theme.default.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/jquery.fancybox.min.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/fonts/icomoon/style.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/fonts/flaticon/font/flaticon.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/aos.css') }}"> |
||||
<link rel="stylesheet" href="{{ asset('asset_landingpage/css/style.css') }}"> |
||||
<title>SIOPAS IVENTORY</title> |
||||
</head> |
||||
|
||||
<body> |
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span |
||||
class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span |
||||
class="d-none d-lg-inline-block">0851 5907 9010</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span |
||||
class="d-none d-lg-inline-block">siopas@gmail.com</span></a> |
||||
</div> |
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="{{ route('login') }}" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="{{ route('register') }}" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">SIOPAS<span class="text-primary">.</span></a> |
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li class="active"><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
{{-- <a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> --}} |
||||
<a href="#" |
||||
class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" |
||||
data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
<div class="untree_co-hero overlay" |
||||
style="background-image: url('{{ asset('asset_landingpage/images/bg1.jpg') }}');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<a href="#" href="https://vimeo.com/342333493" data-fancybox data-aos="fade-up" |
||||
data-aos-delay="0" class="caption mb-4 d-inline-block">Watch the video</a> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">Inventory |
||||
Management is the Backbone of Efficiency</h1> |
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" |
||||
class="btn btn-secondary">Explore courses</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-3"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">Browse Top Category</h2> |
||||
</div> |
||||
</div> |
||||
<div class="row align-items-stretch"> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-atom"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Science</h3> |
||||
<span>1,391 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-briefcase"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Business</h3> |
||||
<span>3,234 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-calculator"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Finance Accounting</h3> |
||||
<span>931 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-pen"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Design</h3> |
||||
<span>7,291 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="0"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-music"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Music</h3> |
||||
<span>9,114 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-chart-pie"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Marketing</h3> |
||||
<span>2,391 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-camera"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Photography</h3> |
||||
<span>7,991 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
<div class="col-sm-6 col-md-6 col-lg-3 mb-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<a href="#" class="category d-flex align-items-start h-100"> |
||||
<div> |
||||
<i class="uil uil-circle-layer"></i> |
||||
</div> |
||||
<div> |
||||
<h3>Animation</h3> |
||||
<span>6,491 courses</span> |
||||
</div> |
||||
</a> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="400"> |
||||
<div class="col-lg-8 text-center"> |
||||
<p>We have more category here. <a href="#">Browse all</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="services-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-between"> |
||||
<div class="col-lg-4 mb-5 mb-lg-0"> |
||||
|
||||
<div class="section-title mb-3" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom mb-4">Become an Instructor</h2> |
||||
</div> |
||||
|
||||
<p data-aos="fade-up" data-aos-delay="100">Far far away, behind the word mountains, far from the |
||||
countries Vokalia and Consonantia, there live the blind texts. Separated they live.</p> |
||||
|
||||
<ul class="ul-check list-unstyled mb-5 primary" data-aos="fade-up" data-aos-delay="200"> |
||||
<li>Behind the word Mountains.</li> |
||||
<li>Far far away Mountains.</li> |
||||
<li>Large language Ocean.</li> |
||||
</ul> |
||||
|
||||
<p data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-primary">Get |
||||
Started</a></p> |
||||
|
||||
</div> |
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="0"> |
||||
<figure class="img-wrap-2"> |
||||
<img src="{{ asset('asset_landingpage/images/teacher-min.jpg') }}" alt="Image" |
||||
class="img-fluid"> |
||||
<div class="dotted"></div> |
||||
</figure> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-5"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">We Have Best Education</h2> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there |
||||
live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="feature"> |
||||
<span class="uil uil-music"></span> |
||||
<h3>Music Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="feature"> |
||||
<span class="uil uil-calculator-alt"></span> |
||||
<h3>Math Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<div class="feature"> |
||||
<span class="uil uil-book-open"></span> |
||||
<h3>English Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay=100"> |
||||
<div class="feature"> |
||||
<span class="uil uil-book-alt"></span> |
||||
<h3>Reading for Kids</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="feature"> |
||||
<span class="uil uil-history"></span> |
||||
<h3>History Class</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<div class="feature"> |
||||
<span class="uil uil-headphones"></span> |
||||
<h3>Music</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
|
||||
<div class="untree_co-section bg-light"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-5"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">The Right Course For You</h2> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there |
||||
live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-4 mb-lg-0"> |
||||
<div class="custom-media"> |
||||
<a href="#"><img src="{{ asset('asset_landingpage/images/img-school-1-min.jpg') }}" |
||||
alt="Image" class="img-fluid"></a> |
||||
<div class="custom-media-body"> |
||||
<div class="d-flex justify-content-between pb-3"> |
||||
<div class="text-primary"><span class="uil uil-book-open"></span> <span>43 |
||||
lesson</span></div> |
||||
<div class="review"><span class="icon-star"></span> <span>4.8</span></div> |
||||
</div> |
||||
<h3>Asset Management Program 1</h3> |
||||
<p class="mb-4">Lorem ipsum dolor sit amet once is consectetur adipisicing elit optio. |
||||
</p> |
||||
<div class="border-top d-flex justify-content-between pt-3 mt-3 align-items-center"> |
||||
<div><span class="price">$87.00</span></div> |
||||
<div><a href="#">Learn More</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-4 mb-lg-0"> |
||||
<div class="custom-media"> |
||||
<a href="#"><img src="{{ asset('asset_landingpage/images/img-school-2-min.jpg') }}" |
||||
alt="Image" class="img-fluid"></a> |
||||
<div class="custom-media-body"> |
||||
<div class="d-flex justify-content-between pb-3"> |
||||
<div class="text-primary"><span class="uil uil-book-open"></span> <span>43 |
||||
lesson</span></div> |
||||
<div class="review"><span class="icon-star"></span> <span>4.8</span></div> |
||||
</div> |
||||
<h3>Asset Management Program 2</h3> |
||||
<p class="mb-4">Lorem ipsum dolor sit amet once is consectetur adipisicing elit optio. |
||||
</p> |
||||
<div class="border-top d-flex justify-content-between pt-3 mt-3 align-items-center"> |
||||
<div><span class="price">$93.00</span></div> |
||||
<div><a href="#">Learn More</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-sm-6 col-md-6 col-lg-4 mb-4 mb-lg-0"> |
||||
<div class="custom-media"> |
||||
<a href="#"><img src="{{ asset('asset_landingpage/images/img-school-3-min.jpg') }}" |
||||
alt="Image" class="img-fluid"></a> |
||||
<div class="custom-media-body"> |
||||
<div class="d-flex justify-content-between pb-3"> |
||||
<div class="text-primary"><span class="uil uil-book-open"></span> <span>43 |
||||
lesson</span></div> |
||||
<div class="review"><span class="icon-star"></span> <span>4.8</span></div> |
||||
</div> |
||||
<h3>Asset Management Program 3</h3> |
||||
<p class="mb-4">Lorem ipsum dolor sit amet once is consectetur adipisicing elit optio. |
||||
</p> |
||||
<div class="border-top d-flex justify-content-between pt-3 mt-3 align-items-center"> |
||||
<div><span class="price">$65.00</span></div> |
||||
<div><a href="#">Learn More</a></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="untree_co-section pt-0 bg-img overlay" |
||||
style="background-image: url('{{ asset('asset_landingpage/images/img_3.jpg') }}');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center text-center"> |
||||
<div class="col-lg-7"> |
||||
<h2 class="text-white mb-3" data-aos="fade-up" data-aos-delay="0">Education for Tomorrow's |
||||
Leaders</h2> |
||||
<p class="text-white h5 mb-4" data-aos="fade-up" data-aos-delay="100">Far far away, behind the |
||||
word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<p><a href="#" class="btn btn-secondary" data-aos="fade-up" data-aos-delay="200">Enroll |
||||
Now</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-between"> |
||||
<div class="col-lg-5 mb-5"> |
||||
<h2 class="line-bottom mb-4" data-aos="fade-up" data-aos-delay="0">About Us</h2> |
||||
<p data-aos="fade-up" data-aos-delay="100">Far far away, behind the word mountains, far from the |
||||
countries Vokalia and Consonantia, there live the blind texts. Separated they live in |
||||
Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p> |
||||
<ul class="list-unstyled ul-check mb-5 primary" data-aos="fade-up" data-aos-delay="200"> |
||||
<li>Separated they live</li> |
||||
<li>Bookmarksgrove right at the coast</li> |
||||
<li>large language ocean</li> |
||||
</ul> |
||||
|
||||
<div class="row count-numbers mb-5"> |
||||
<div class="col-4 col-lg-4" data-aos="fade-up" data-aos-delay="0"> |
||||
<span class="counter d-block"><span data-number="12023">0</span><span>+</span></span> |
||||
<span class="caption-2">No. Students</span> |
||||
</div> |
||||
<div class="col-4 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<span class="counter d-block"><span data-number="49">0</span><span></span></span> |
||||
<span class="caption-2">No. Teachers</span> |
||||
</div> |
||||
<div class="col-4 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<span class="counter d-block"><span data-number="12">0</span><span></span></span> |
||||
<span class="caption-2">No. Awards</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<p data-aos="fade-up" data-aos-delay="200"> |
||||
<a href="#" class="btn btn-primary mr-1">Admission</a> |
||||
<a href="#" class="btn btn-outline-primary">Learn More</a> |
||||
</p> |
||||
</div> |
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="400"> |
||||
<div class="bg-1"></div> |
||||
<a href="https://vimeo.com/342333493" data-fancybox class="video-wrap"> |
||||
<span class="play-wrap"><span class="icon-play"></span></span> |
||||
<img src="{{ asset('asset_landingpage/images/img-school-4-min.jpg') }}" alt="Image" |
||||
class="img-fluid rounded"> |
||||
</a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="untree_co-section bg-light"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-5"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">School News</h2> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there |
||||
live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="row align-items-stretch"> |
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="{{ asset('asset_landingpage/images/img_3.jpg') }}" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Education for Tomorrow's Leaders</a></h2> |
||||
<div class="meta mb-2"><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> |
||||
<span class="icon-person mr-2"></span>Admin |
||||
</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
<p><a href="#">Learn More</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="{{ asset('asset_landingpage/images/img-school-2-min.jpg') }}" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Enroll Your Kids This Summer to get 30% off</a></h2> |
||||
<div class="meta mb-2"><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> |
||||
<span class="icon-person mr-2"></span>Admin |
||||
</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
<p><a href="#">Learn More</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
<div class="row justify-content-center mb-5"> |
||||
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
||||
<h2 class="line-bottom text-center mb-4">Pricing</h2> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there |
||||
live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="00"> |
||||
<div class="pricing"> |
||||
<!-- <div class="pricing-img mb-4"><img src="images/1x/asset-1.png" alt="Image" class="img-fluid"></div> --> |
||||
<div class="pricing-body"> |
||||
|
||||
<h3 class="pricing-plan-title">Starter</h3> |
||||
<div class="price"><span class="fig">$50.99</span><span>/month</span></div> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia |
||||
and Consonantia, there live the blind texts.</p> |
||||
|
||||
<p><a href="#" class="btn btn-outline-primary">Get Started</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="pricing"> |
||||
<!-- <div class="pricing-img mb-4"><img src="images/1x/asset-2.png" alt="Image" class="img-fluid"></div> --> |
||||
<div class="pricing-body"> |
||||
|
||||
<h3 class="pricing-plan-title">Business</h3> |
||||
<div class="price"><span class="fig">$99.99</span><span>/month</span></div> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia |
||||
and Consonantia, there live the blind texts.</p> |
||||
|
||||
<p><a href="#" class="btn btn-primary">Get Started</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
||||
<div class="pricing"> |
||||
<!-- <div class="pricing-img mb-4"><img src="images/1x/asset-3.png" alt="Image" class="img-fluid"></div> --> |
||||
<div class="pricing-body"> |
||||
|
||||
<h3 class="pricing-plan-title">Premium</h3> |
||||
<div class="price"><span class="fig">$199.99</span><span>/month</span></div> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia |
||||
and Consonantia, there live the blind texts.</p> |
||||
|
||||
<p><a href="#" class="btn btn-outline-primary">Get Started</a></p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
|
||||
<div class="untree_co-section bg-light"> |
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-7 text-center mx-auto"> |
||||
|
||||
<h3 class="line-bottom mb-4">Testimonials</h3> |
||||
<div class="owl-carousel wide-slider-testimonial"> |
||||
<div class="item"> |
||||
<blockquote class="block-testimonial"> |
||||
|
||||
<p> |
||||
“Far far away, behind the word mountains, far from the countries Vokalia and |
||||
Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right |
||||
at the coast of the Semantics, a large language ocean.”</p> |
||||
<div class="author"> |
||||
<img src="{{ asset('asset_landingpage/images/person_1.jpg') }}" |
||||
alt="Free template by TemplateUX"> |
||||
<h3>John Doe</h3> |
||||
<p class="position">CEO, Founder</p> |
||||
</div> |
||||
</blockquote> |
||||
</div> |
||||
|
||||
<div class="item"> |
||||
<blockquote class="block-testimonial"> |
||||
|
||||
<p> |
||||
“When she reached the first hills of the Italic Mountains, she had a last view |
||||
back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village |
||||
and the subline of her own road, the Line Lane. Pityful a rethoric question ran over |
||||
her cheek, then she continued her way.”</p> |
||||
<div class="author"> |
||||
<img src="{{ asset('asset_landingpage/images/person_2.jpg') }}" |
||||
alt="Free template by TemplateUX"> |
||||
<h3>James Woodland</h3> |
||||
<p class="position">Designer at Facebook</p> |
||||
</div> |
||||
</blockquote> |
||||
</div> |
||||
|
||||
<div class="item"> |
||||
<blockquote class="block-testimonial"> |
||||
|
||||
<p> |
||||
“A small river named Duden flows by their place and supplies it with the |
||||
necessary regelialia. It is a paradisematic country, in which roasted parts of |
||||
sentences fly into your mouth.”</p> |
||||
<div class="author"> |
||||
<img src="{{ asset('asset_landingpage/images/person_3.jpg') }}" |
||||
alt="Free template by TemplateUX"> |
||||
<h3>Rob Smith</h3> |
||||
<p class="position">Product Designer at Twitter</p> |
||||
</div> |
||||
</blockquote> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
|
||||
|
||||
<div class="container"> |
||||
<div class="row"> |
||||
<div class="col-lg-5 mr-auto mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="0"> |
||||
<img src="{{ asset('asset_landingpage/images/img-school-5-min.jpg') }}" alt="image" |
||||
class="img-fluid"> |
||||
</div> |
||||
<div class="col-lg-7 ml-auto" data-aos="fade-up" data-aos-delay="100"> |
||||
<h3 class="line-bottom mb-4">Why Choose Us</h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there |
||||
live the blind texts. </p> |
||||
|
||||
<div class="custom-accordion" id="accordion_1"> |
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link" type="button" data-toggle="collapse" |
||||
data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Good |
||||
Teachers and Staffs</button> |
||||
</h2> |
||||
|
||||
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" |
||||
data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
<div class="d-flex"> |
||||
<div class="accordion-img mr-4"> |
||||
<img src="{{ asset('asset_landingpage/images/img-school-1-min.jpg') }}" |
||||
alt="Image" class="img-fluid"> |
||||
</div> |
||||
<div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia |
||||
and Consonantia, there live the blind texts. </p> |
||||
<p>Separated they live in Bookmarksgrove right at the coast of the |
||||
Semantics, a large language ocean.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- .accordion-item --> |
||||
|
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" |
||||
data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">We |
||||
Value Good Characters</button> |
||||
</h2> |
||||
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" |
||||
data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
<div class="d-flex"> |
||||
<div class="accordion-img mr-4"> |
||||
<img src="{{ asset('asset_landingpage/images/img-school-2-min.jpg') }}" |
||||
alt="Image" class="img-fluid"> |
||||
</div> |
||||
<div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia |
||||
and Consonantia, there live the blind texts. </p> |
||||
<p>Separated they live in Bookmarksgrove right at the coast of the |
||||
Semantics, a large language ocean.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- .accordion-item --> |
||||
<div class="accordion-item"> |
||||
<h2 class="mb-0"> |
||||
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" |
||||
data-target="#collapseThree" aria-expanded="false" |
||||
aria-controls="collapseThree">Your Children are Safe</button> |
||||
</h2> |
||||
|
||||
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" |
||||
data-parent="#accordion_1"> |
||||
<div class="accordion-body"> |
||||
<div class="d-flex"> |
||||
<div class="accordion-img mr-4"> |
||||
<img src="{{ asset('asset_landingpage/images/img-school-3-min.jpg') }}" |
||||
alt="Image" class="img-fluid"> |
||||
</div> |
||||
<div> |
||||
<p>When she reached the first hills of the Italic Mountains, she had a last |
||||
view back on the skyline of her hometown Bookmarksgrove, the headline of |
||||
Alphabet Village and the subline of her own road, the Line Lane.</p> |
||||
<p>Pityful a rethoric question ran over her cheek, then she continued her |
||||
way.</p> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
|
||||
</div> <!-- .accordion-item --> |
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, |
||||
there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="{{ asset('asset_landingpage/images/gal_1.jpg') }}" |
||||
data-fancybox="gal"><img src="{{ asset('asset_landingpage/images/gal_1.jpg') }}" |
||||
alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="{{ asset('asset_landingpage/images/gal_2.jpg') }}" |
||||
data-fancybox="gal"><img src="{{ asset('asset_landingpage/images/gal_2.jpg') }}" |
||||
alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="{{ asset('asset_landingpage/images/gal_3.jpg') }}" |
||||
data-fancybox="gal"><img src="{{ asset('asset_landingpage/images/gal_3.jpg') }}" |
||||
alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="{{ asset('asset_landingpage/images/gal_4.jpg') }}" |
||||
data-fancybox="gal"><img src="{{ asset('asset_landingpage/images/gal_4.jpg') }}" |
||||
alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="{{ asset('asset_landingpage/images/gal_5.jpg') }}" |
||||
data-fancybox="gal"><img src="{{ asset('asset_landingpage/images/gal_5.jpg') }}" |
||||
alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="{{ asset('asset_landingpage/images/gal_6.jpg') }}" |
||||
data-fancybox="gal"><img src="{{ asset('asset_landingpage/images/gal_6.jpg') }}" |
||||
alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>Jln Raya Gelarmendala</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://085159079010">0851 5907 9010</a></li> |
||||
<li><a href="tel://085159079010">0851 5907 9010</a></li> |
||||
<li><a href="mailto:siopas@gmail.com">siopas@gmail.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p>Copyright © |
||||
<script> |
||||
document.write(new Date().getFullYear()); |
||||
</script>. All Rights Reserved. — Designed with love by <a |
||||
href="https://untree.co">Untree.co</a> Distributed By <a |
||||
href="https://themewagon.com">ThemeWagon</a> |
||||
<!-- License information: https://untree.co/license/ --> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="{{ asset('asset_landingpage/js/jquery-3.4.1.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/popper.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/bootstrap.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/owl.carousel.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.animateNumber.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.waypoints.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.fancybox.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.sticky.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/aos.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/custom.js') }}"></script> |
||||
</body> |
||||
|
||||
</html> |
@ -1,40 +0,0 @@
|
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li class="active"><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" |
||||
class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" |
||||
data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
@ -1,10 +0,0 @@
|
||||
<script src="{{ asset('asset_landingpage/js/jquery-3.4.1.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/popper.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/bootstrap.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/owl.carousel.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.animateNumber.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.waypoints.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.fancybox.min.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/jquery.sticky.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/aos.js') }}"></script> |
||||
<script src="{{ asset('asset_landingpage/js/custom.js') }}"></script> |
@ -1,5 +0,0 @@
|
||||
@extends('landing_page.layouts.main') |
||||
@section('title', 'Login Siopas') |
||||
@section('content') |
||||
Halaman login |
||||
@endsection |
@ -1,337 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li class="active"><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-6-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">News</h1> |
||||
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
||||
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
||||
</div> |
||||
|
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="untree_co-section bg-light"> |
||||
<div class="container"> |
||||
<div class="row align-items-stretch"> |
||||
<div class="col-lg-6 mb-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="images/img-school-4-min.jpg" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Education for Tomorrow's Leaders</a></h2> |
||||
<div class="meta "><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> <span class="icon-person mr-2"></span>Untree.co</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 mb-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="images/img-school-3-min.jpg" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Enroll Your Kids This Summer to get 30% off</a></h2> |
||||
<div class="meta "><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> <span class="icon-person mr-2"></span>Untree.co</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="col-lg-6 mb-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="images/img-school-2-min.jpg" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Education for Tomorrow's Leaders</a></h2> |
||||
<div class="meta "><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> <span class="icon-person mr-2"></span>Untree.co</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 mb-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="images/img-school-1-min.jpg" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Enroll Your Kids This Summer to get 30% off</a></h2> |
||||
<div class="meta "><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> <span class="icon-person mr-2"></span>Untree.co</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="col-lg-6 mb-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="images/img-school-5-min.jpg" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Education for Tomorrow's Leaders</a></h2> |
||||
<div class="meta "><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> <span class="icon-person mr-2"></span>Untree.co</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-lg-6 mb-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="media-h d-flex h-100"> |
||||
<figure> |
||||
<img src="images/img-school-6-min.jpg" alt="Image"> |
||||
</figure> |
||||
<div class="media-h-body"> |
||||
<h2 class="mb-3"><a href="#">Enroll Your Kids This Summer to get 30% off</a></h2> |
||||
<div class="meta "><span class="icon-calendar mr-2"></span><span>June 22, 2020</span> <span class="icon-person mr-2"></span>Untree.co</div> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<ul class="list-unstyled custom-pagination"> |
||||
<li><a href="#">1</a></li> |
||||
<li class="active"><a href="#">2</a></li> |
||||
<li><a href="#">3</a></li> |
||||
<li><a href="#">4</a></li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,274 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li class="active"><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero inner-page overlay" style="background-image: url('images/img-school-5-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">Register</h1> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
|
||||
|
||||
|
||||
<div class="untree_co-section"> |
||||
<div class="container"> |
||||
|
||||
<div class="row mb-5 justify-content-center"> |
||||
<div class="col-lg-5 mx-auto order-1" data-aos="fade-up" data-aos-delay="200"> |
||||
<form action="#" class="form-box"> |
||||
<div class="row"> |
||||
<div class="col-12 mb-3"> |
||||
<input type="text" class="form-control" placeholder="Full name"> |
||||
</div> |
||||
<div class="col-12 mb-3"> |
||||
<input type="text" class="form-control" placeholder="Email"> |
||||
</div> |
||||
<div class="col-12 mb-3"> |
||||
<input type="password" class="form-control" placeholder="Password"> |
||||
</div> |
||||
<div class="col-12 mb-3"> |
||||
<input type="password" class="form-control" placeholder="Re-type Password"> |
||||
</div> |
||||
|
||||
<div class="col-12 mb-3"> |
||||
<label class="control control--checkbox"> |
||||
<span class="caption">Accept our <a href="#">terms and conditions</a></span> |
||||
<input type="checkbox" checked="checked" /> |
||||
<div class="control__indicator"></div> |
||||
</label> |
||||
</div> |
||||
|
||||
<div class="col-12"> |
||||
<input type="submit" value="Send Message" class="btn btn-primary"> |
||||
</div> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,293 +0,0 @@
|
||||
<!-- /* |
||||
* Template Name: Learner |
||||
* Template Author: Untree.co |
||||
* Tempalte URI: https://untree.co/ |
||||
* License: https://creativecommons.org/licenses/by/3.0/ |
||||
*/ --> |
||||
<!doctype html> |
||||
<html lang="en"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
<meta name="author" content="Untree.co"> |
||||
<link rel="shortcut icon" href="favicon.png"> |
||||
|
||||
<meta name="description" content="" /> |
||||
<meta name="keywords" content="bootstrap, bootstrap4" /> |
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
||||
|
||||
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
||||
|
||||
<link rel="stylesheet" href="css/bootstrap.min.css"> |
||||
<link rel="stylesheet" href="css/animate.min.css"> |
||||
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
||||
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
||||
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
||||
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
||||
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
||||
<link rel="stylesheet" href="css/aos.css"> |
||||
<link rel="stylesheet" href="css/style.css"> |
||||
|
||||
<title>Learner Free Bootstrap Template by Untree.co</title> |
||||
</head> |
||||
|
||||
<body> |
||||
|
||||
<div class="site-mobile-menu"> |
||||
<div class="site-mobile-menu-header"> |
||||
<div class="site-mobile-menu-close"> |
||||
<span class="icofont-close js-menu-toggle"></span> |
||||
</div> |
||||
</div> |
||||
<div class="site-mobile-menu-body"></div> |
||||
</div> |
||||
|
||||
|
||||
|
||||
<nav class="site-nav mb-5"> |
||||
<div class="pb-2 top-bar mb-3"> |
||||
<div class="container"> |
||||
<div class="row align-items-center"> |
||||
|
||||
<div class="col-6 col-lg-9"> |
||||
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
||||
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
||||
</div> |
||||
|
||||
<div class="col-6 col-lg-3 text-right"> |
||||
<a href="login.html" class="small mr-3"> |
||||
<span class="icon-lock"></span> |
||||
Log In |
||||
</a> |
||||
<a href="register.html" class="small"> |
||||
<span class="icon-person"></span> |
||||
Register |
||||
</a> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="sticky-nav js-sticky-header"> |
||||
<div class="container position-relative"> |
||||
<div class="site-navigation text-center"> |
||||
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
||||
|
||||
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
||||
<li><a href="index.html">Home</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Dropdown</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="elements.html">Elements</a></li> |
||||
<li class="has-children"> |
||||
<a href="#">Menu Two</a> |
||||
<ul class="dropdown"> |
||||
<li><a href="#">Sub Menu One</a></li> |
||||
<li><a href="#">Sub Menu Two</a></li> |
||||
<li><a href="#">Sub Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li><a href="#">Menu Three</a></li> |
||||
</ul> |
||||
</li> |
||||
<li class="active"><a href="staff.html">Our Staff</a></li> |
||||
<li><a href="news.html">News</a></li> |
||||
<li><a href="gallery.html">Gallery</a></li> |
||||
<li><a href="about.html">About</a></li> |
||||
<li><a href="contact.html">Contact</a></li> |
||||
</ul> |
||||
|
||||
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
||||
|
||||
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
||||
<span></span> |
||||
</a> |
||||
|
||||
</div> |
||||
</div> |
||||
</div> |
||||
</nav> |
||||
|
||||
|
||||
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-3-min.jpg');"> |
||||
<div class="container"> |
||||
<div class="row align-items-center justify-content-center"> |
||||
<div class="col-12"> |
||||
<div class="row justify-content-center "> |
||||
<div class="col-lg-6 text-center "> |
||||
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">School Staff</h1> |
||||
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
||||
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
||||
</div> |
||||
|
||||
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
||||
|
||||
</div> |
||||
|
||||
|
||||
</div> |
||||
|
||||
</div> |
||||
|
||||
</div> <!-- /.row --> |
||||
</div> <!-- /.container --> |
||||
|
||||
</div> <!-- /.untree_co-hero --> |
||||
|
||||
<div class="untree_co-section bg-light"> |
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="0"> |
||||
<div class="staff text-center"> |
||||
<div class="mb-4"><img src="images/staff_1.jpg" alt="Image" class="img-fluid"></div> |
||||
<div class="staff-body"> |
||||
<h3 class="staff-name">Mina Collins</h3> |
||||
<span class="d-block position mb-4">Teacher in Math</span> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<div class="social"> |
||||
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
||||
<div class="staff text-center"> |
||||
<div class="mb-4"><img src="images/staff_2.jpg" alt="Image" class="img-fluid"></div> |
||||
<div class="staff-body"> |
||||
<h3 class="staff-name">Anderson Matthew</h3> |
||||
<span class="d-block position mb-4">Teacher in Music</span> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<div class="social"> |
||||
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
||||
<div class="staff text-center"> |
||||
<div class="mb-4"><img src="images/staff_3.jpg" alt="Image" class="img-fluid"></div> |
||||
<div class="staff-body"> |
||||
<h3 class="staff-name">Cynthia Misso</h3> |
||||
<span class="d-block position mb-4">Teacher English</span> |
||||
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
<div class="social"> |
||||
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
||||
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.untree_co-section --> |
||||
|
||||
<div class="site-footer"> |
||||
|
||||
|
||||
<div class="container"> |
||||
|
||||
<div class="row"> |
||||
<div class="col-lg-3 mr-auto"> |
||||
<div class="widget"> |
||||
<h3>About Us<span class="text-primary">.</span> </h3> |
||||
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
||||
</div> <!-- /.widget --> |
||||
<div class="widget"> |
||||
<h3>Connect</h3> |
||||
<ul class="list-unstyled social"> |
||||
<li><a href="#"><span class="icon-instagram"></span></a></li> |
||||
<li><a href="#"><span class="icon-twitter"></span></a></li> |
||||
<li><a href="#"><span class="icon-facebook"></span></a></li> |
||||
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
||||
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
||||
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-2 ml-auto"> |
||||
<div class="widget"> |
||||
<h3>Projects</h3> |
||||
<ul class="list-unstyled float-left links"> |
||||
<li><a href="#">Web Design</a></li> |
||||
<li><a href="#">HTML5</a></li> |
||||
<li><a href="#">CSS3</a></li> |
||||
<li><a href="#">jQuery</a></li> |
||||
<li><a href="#">Bootstrap</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Gallery</h3> |
||||
<ul class="instafeed instagram-gallery list-unstyled"> |
||||
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
||||
</li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
|
||||
<div class="col-lg-3"> |
||||
<div class="widget"> |
||||
<h3>Contact</h3> |
||||
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
||||
<ul class="list-unstyled links mb-4"> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
||||
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
||||
</ul> |
||||
</div> <!-- /.widget --> |
||||
</div> <!-- /.col-lg-3 --> |
||||
|
||||
</div> <!-- /.row --> |
||||
|
||||
<div class="row mt-5"> |
||||
<div class="col-12 text-center"> |
||||
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
||||
</div> |
||||
</div> |
||||
</div> <!-- /.container --> |
||||
</div> <!-- /.site-footer --> |
||||
|
||||
<div id="overlayer"></div> |
||||
<div class="loader"> |
||||
<div class="spinner-border" role="status"> |
||||
<span class="sr-only">Loading...</span> |
||||
</div> |
||||
</div> |
||||
|
||||
<script src="js/jquery-3.4.1.min.js"></script> |
||||
<script src="js/popper.min.js"></script> |
||||
<script src="js/bootstrap.min.js"></script> |
||||
<script src="js/owl.carousel.min.js"></script> |
||||
<script src="js/jquery.animateNumber.min.js"></script> |
||||
<script src="js/jquery.waypoints.min.js"></script> |
||||
<script src="js/jquery.fancybox.min.js"></script> |
||||
<script src="js/jquery.sticky.js"></script> |
||||
<script src="js/aos.js"></script> |
||||
<script src="js/custom.js"></script> |
||||
|
||||
</body> |
||||
|
||||
</html> |
@ -1,36 +0,0 @@
|
||||
<!DOCTYPE html> |
||||
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}"> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
||||
<meta name="csrf-token" content="{{ csrf_token() }}"> |
||||
|
||||
<title>{{ config('app.name', 'Laravel') }}</title> |
||||
|
||||
<!-- Fonts --> |
||||
<link rel="preconnect" href="https://fonts.bunny.net"> |
||||
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" /> |
||||
|
||||
<!-- Scripts --> |
||||
@vite(['resources/css/app.css', 'resources/js/app.js']) |
||||
</head> |
||||
<body class="font-sans antialiased"> |
||||
<div class="min-h-screen bg-gray-100 dark:bg-gray-900"> |
||||
@include('layouts.navigation') |
||||
|
||||
<!-- Page Heading --> |
||||
@if (isset($header)) |
||||
<header class="bg-white dark:bg-gray-800 shadow"> |
||||
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8"> |
||||
{{ $header }} |
||||
</div> |
||||
</header> |
||||
@endif |
||||
|
||||
<!-- Page Content --> |
||||
<main> |
||||
{{ $slot }} |
||||
</main> |
||||
</div> |
||||
</body> |
||||
</html> |
Loading…
Reference in new issue