diff --git a/app/Cms.php b/app/Cms.php
new file mode 100644
index 0000000..9ee46c2
--- /dev/null
+++ b/app/Cms.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Cms extends Model
+{
+    use HasFactory;
+}
diff --git a/app/Framework.php b/app/Framework.php
new file mode 100644
index 0000000..effecc8
--- /dev/null
+++ b/app/Framework.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Framework extends Model
+{
+    use HasFactory;
+    
+    protected $fillable = ['id','judul','konten'];
+
+    public function artikel()
+    {
+        return $this->belongsTo('App\Katartikel');
+    }
+
+    public function user()
+    {
+        return $this->belongsTo('App\User');
+    }
+}
diff --git a/app/Http/Controllers/Backend/artikelBackendController.php b/app/Http/Controllers/Backend/artikelBackendController.php
index 4843f00..4fb9e59 100644
--- a/app/Http/Controllers/Backend/artikelBackendController.php
+++ b/app/Http/Controllers/Backend/artikelBackendController.php
@@ -7,6 +7,7 @@ use Illuminate\Http\Request;
 use App\Backendp;
 use App\User;
 use App\Katartikel;
+use Validator;
 
 class artikelBackendController extends Controller
 {
@@ -16,8 +17,9 @@ class artikelBackendController extends Controller
         return view('backend.art-backend.index', compact('backend'));
     }
 
-    public function create()
+    public function create(Request $request)
     {
+        $request->request->add(['user_id' => auth()->user()->id]);
         return view('backend.art-backend.tambah');
     }
 
diff --git a/app/Http/Controllers/Backend/artikelEofficeController.php b/app/Http/Controllers/Backend/artikelEofficeController.php
index 72d24c3..3e697d1 100644
--- a/app/Http/Controllers/Backend/artikelEofficeController.php
+++ b/app/Http/Controllers/Backend/artikelEofficeController.php
@@ -18,8 +18,9 @@ class artikelEofficeController extends Controller
         return view('backend.art-eoffice.index', compact('eoffice'));
     }
 
-    public function create()
+    public function create(Request $request)
     {
+        $request->request->add(['user_id' => auth()->user()->id]);
         return view('backend.art-eoffice.tambah');
     }
 
diff --git a/app/Http/Controllers/Backend/artikelFrontendController.php b/app/Http/Controllers/Backend/artikelFrontendController.php
index 270458e..daa4faa 100644
--- a/app/Http/Controllers/Backend/artikelFrontendController.php
+++ b/app/Http/Controllers/Backend/artikelFrontendController.php
@@ -7,6 +7,7 @@ use Illuminate\Http\Request;
 use App\Frontendp;
 use App\User;
 use App\Katartikel;
+use Validator;
 
 class artikelFrontendController extends Controller
 {
@@ -16,8 +17,9 @@ class artikelFrontendController extends Controller
         return view('backend.art-frontend.index', compact('frontend'));
     }
 
-    public function create()
+    public function create(Request $request)
     {
+        $request->request->add(['user_id' => auth()->user()->id]);
         return view('backend.art-frontend.tambah');
     }
 
diff --git a/app/Http/Controllers/Backend/artikelLaravelController.php b/app/Http/Controllers/Backend/artikelLaravelController.php
index 2be6077..dde94c2 100644
--- a/app/Http/Controllers/Backend/artikelLaravelController.php
+++ b/app/Http/Controllers/Backend/artikelLaravelController.php
@@ -18,8 +18,9 @@ class artikelLaravelController extends Controller
         return view('backend.art-laravel.index', compact('laravel'));
     }
 
-    public function create()
+    public function create(Request $request)
     {
+        $request->request->add(['user_id' => auth()->user()->id]);
         return view('backend.art-laravel.tambah');
     }
 
@@ -53,8 +54,5 @@ class artikelLaravelController extends Controller
         return response()->json($respon);
     }
 
-    public function readmore()
-    {
-        $laravel = Laravel::all();
-    }
+  
 }
diff --git a/app/Http/Controllers/Backend/backendpController.php b/app/Http/Controllers/Backend/backendpController.php
index d2870eb..b643b40 100644
--- a/app/Http/Controllers/Backend/backendpController.php
+++ b/app/Http/Controllers/Backend/backendpController.php
@@ -64,6 +64,7 @@ class backendpController extends Controller
 
     public function create()
     {
+        
         return view('backend.beprog.tambah');
     }
 
diff --git a/app/Http/Controllers/Backend/cmsController.php b/app/Http/Controllers/Backend/cmsController.php
new file mode 100644
index 0000000..59cdced
--- /dev/null
+++ b/app/Http/Controllers/Backend/cmsController.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Http\Controllers\Backend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class cmsController extends Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/Backend/frameworkController.php b/app/Http/Controllers/Backend/frameworkController.php
new file mode 100644
index 0000000..8804a30
--- /dev/null
+++ b/app/Http/Controllers/Backend/frameworkController.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Http\Controllers\Backend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class frameworkController extends Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/Backend/javascriptController.php b/app/Http/Controllers/Backend/javascriptController.php
new file mode 100644
index 0000000..54e4357
--- /dev/null
+++ b/app/Http/Controllers/Backend/javascriptController.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Http\Controllers\Backend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class javascriptController extends Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/Backend/osController.php b/app/Http/Controllers/Backend/osController.php
new file mode 100644
index 0000000..dfaff35
--- /dev/null
+++ b/app/Http/Controllers/Backend/osController.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Http\Controllers\Backend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class osController extends Controller
+{
+    //
+}
diff --git a/app/Http/Controllers/Backend/sopController.php b/app/Http/Controllers/Backend/sopController.php
new file mode 100644
index 0000000..5cbe207
--- /dev/null
+++ b/app/Http/Controllers/Backend/sopController.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Http\Controllers\Backend;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class sopController extends Controller
+{
+    //
+}
diff --git a/app/Javascript.php b/app/Javascript.php
new file mode 100644
index 0000000..2adac0d
--- /dev/null
+++ b/app/Javascript.php
@@ -0,0 +1,23 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Javascript extends Model
+{
+    use HasFactory;
+
+    protected $fillable = ['id','judul','konten'];
+
+    public function artikel()
+    {
+        return $this->belongsTo('App\Katartikel');
+    }
+
+    public function user()
+    {
+        return $this->belongsTo('App\User');
+    }
+}
diff --git a/app/Os.php b/app/Os.php
new file mode 100644
index 0000000..194d0c9
--- /dev/null
+++ b/app/Os.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Os extends Model
+{
+    use HasFactory;
+}
diff --git a/app/Sop.php b/app/Sop.php
new file mode 100644
index 0000000..9a00dda
--- /dev/null
+++ b/app/Sop.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class Sop extends Model
+{
+    use HasFactory;
+
+    protected $table = "sops";
+
+    protected $fillable = ['id','judul','konten'];
+
+    public function katartikel()
+    {
+        return $this->belongsTo('App\Katartikel');
+    }
+
+    public function user()
+    {
+        return $this->belongsTo('App\User');
+    }
+}
diff --git a/database/migrations/2021_11_07_160402_create_sops_table.php b/database/migrations/2021_11_07_160402_create_sops_table.php
new file mode 100644
index 0000000..a8c27eb
--- /dev/null
+++ b/database/migrations/2021_11_07_160402_create_sops_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateSopsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('sops', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('katartikel_id')->nullable();
+            $table->string('judul')->nulllable();
+            $table->text('konten')->nullable(); 
+            $table->string('image')->nullable();
+            $table->foreignId('user_id')->references('id')->on('users');
+            $table->timestamp('created_at')->nullable();
+            $table->timestamp('updated_at')->nullable();
+            $table->timestamp('deleted_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('sops');
+    }
+}
diff --git a/database/migrations/2021_11_07_161716_create_cms_table.php b/database/migrations/2021_11_07_161716_create_cms_table.php
new file mode 100644
index 0000000..4d4aab8
--- /dev/null
+++ b/database/migrations/2021_11_07_161716_create_cms_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateCmsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('cms', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('katartikel_id')->nullable();
+            $table->string('judul')->nulllable();
+            $table->text('konten')->nullable(); 
+            $table->string('image')->nullable();
+            $table->foreignId('user_id')->references('id')->on('users');
+            $table->timestamp('created_at')->nullable();
+            $table->timestamp('updated_at')->nullable();
+            $table->timestamp('deleted_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('cms');
+    }
+}
diff --git a/database/migrations/2021_11_07_162011_create_javascripts_table.php b/database/migrations/2021_11_07_162011_create_javascripts_table.php
new file mode 100644
index 0000000..0acbbab
--- /dev/null
+++ b/database/migrations/2021_11_07_162011_create_javascripts_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateJavascriptsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('javascripts', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('katartikel_id')->nullable();
+            $table->string('judul')->nulllable();
+            $table->text('konten')->nullable(); 
+            $table->string('image')->nullable();
+            $table->foreignId('user_id')->references('id')->on('users');
+            $table->timestamp('created_at')->nullable();
+            $table->timestamp('updated_at')->nullable();
+            $table->timestamp('deleted_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('javascripts');
+    }
+}
diff --git a/database/migrations/2021_11_07_162218_create_frameworks_table.php b/database/migrations/2021_11_07_162218_create_frameworks_table.php
new file mode 100644
index 0000000..8bc47fe
--- /dev/null
+++ b/database/migrations/2021_11_07_162218_create_frameworks_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateFrameworksTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('frameworks', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('katartikel_id')->nullable();
+            $table->string('judul')->nulllable();
+            $table->text('konten')->nullable(); 
+            $table->string('image')->nullable();
+            $table->foreignId('user_id')->references('id')->on('users');
+            $table->timestamp('created_at')->nullable();
+            $table->timestamp('updated_at')->nullable();
+            $table->timestamp('deleted_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('frameworks');
+    }
+}
diff --git a/database/migrations/2021_11_07_162412_create_os_table.php b/database/migrations/2021_11_07_162412_create_os_table.php
new file mode 100644
index 0000000..69a853e
--- /dev/null
+++ b/database/migrations/2021_11_07_162412_create_os_table.php
@@ -0,0 +1,38 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateOsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('os', function (Blueprint $table) {
+            $table->bigIncrements('id');
+            $table->string('katartikel_id')->nullable();
+            $table->string('judul')->nulllable();
+            $table->text('konten')->nullable(); 
+            $table->string('image')->nullable();
+            $table->foreignId('user_id')->references('id')->on('users');
+            $table->timestamp('created_at')->nullable();
+            $table->timestamp('updated_at')->nullable();
+            $table->timestamp('deleted_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('os');
+    }
+}
diff --git a/resources/views/backend/art-backend/index.blade.php b/resources/views/backend/art-backend/index.blade.php
index 0960897..0a32875 100644
--- a/resources/views/backend/art-backend/index.blade.php
+++ b/resources/views/backend/art-backend/index.blade.php
@@ -157,7 +157,11 @@ img {
 .items:hover {
     background-color: #fcf7f7;
     color: black;
-    transition: background-color .8s
+    transition: background-color .8s;
+}
+
+#more {
+    display:none;
 }
     </style>
 
@@ -167,13 +171,20 @@ img {
    @foreach($backend as $backall)
  <div class="col-lg-8 order-lg-0 order-2">
             <div class="row">
-                <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
+                <div class="col-md-2 mb-2"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
                 <div class="col-md-8 mb-4">
-                    <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-blue">Backend</a> <span class="text-muted ps-4"> {!! $backall->created_at !!}</span> </div>
+                    <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-blue">Backend</a> <span class="text-muted ps-4"> &nbsp; {!! $backall->created_at !!}</span> </div>
                     <div>
                         <p class="text-capitalize fs5 my-3 fw-bolder">{!! $backall->judul !!}</a>
-                            <p class="text-muted">{!! Str::limit($backall->konten) !!}</a>
-                            <small><span><a href="{{ URL::asset( $halaman->kode .'/vieweoffice')}}"><u>Read More</u></a></span></small>
+                        <p class="text-muted">{!! Str::limit($backall->konten, 100,'') !!}
+                                
+                                @if  (strlen($backall->konten) > 100) 
+                                    <span id="dots">...</span>
+                                    <span id="more">{!! substr($backall->konten, 100) !!} </span>
+                                @endif
+                                
+            </p>
+            <button class="btn btn-xs btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
                     </div>
                 </div>
 </div>
@@ -202,7 +213,23 @@ img {
 @include('backend.home.datatable-js')
 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/jquery.js') }}"></script>
 <script type="text/javascript" src="{{ URL::asset('ojisatriani/'. $halaman->kode .'/datatables.js') }}"></script>
-
+<script>
+    function myFunction() {
+    var dots = document.getElementById("dots");
+    var moreText = document.getElementById("more");
+    var btnText = document.getElementById("myBtn");
+
+    if (dots.style.display === "none") {
+        dots.style.display = "inline";
+        btnText.innerHTML = "Read more";
+        moreText.style.display = "none";
+    } else {
+        dots.style.display = "none";
+        btnText.innerHTML = "Read less";
+        moreText.style.display = "inline";
+    }
+}
+    </script>
 
 @endpush
 @push('css')
diff --git a/resources/views/backend/art-backend/jquery.blade.php b/resources/views/backend/art-backend/jquery.blade.php
index f48d592..c0d4a40 100644
--- a/resources/views/backend/art-backend/jquery.blade.php
+++ b/resources/views/backend/art-backend/jquery.blade.php
@@ -2,7 +2,7 @@ $(document).ready(function(){
    $('.tambah').click(function(){
 		ojisatrianiLoadingFadeIn();
 		$.loadmodal({
-			url: "{{ url($url_admin.'/art-eoffice/create') }}",
+			url: "{{ url($url_admin.'/art-backend/create') }}",
 			id: 'responsive',
 			dlgClass: 'fade',
 			bgClass: 'primary',
@@ -25,9 +25,9 @@ $(document).ready(function(){
 
 	$(document).on("click",".ubah",function() {
     ojisatrianiLoadingFadeIn();
-		var id = $(this).attr('art-eoffiice-id');
+		var id = $(this).attr('art-backend-id');
 		$.loadmodal({
-			url: "{{ url($url_admin.'/art-eoffice') }}/"+ id +"/edit",
+			url: "{{ url($url_admin.'/art-backend') }}/"+ id +"/edit",
       id: 'responsive',
 			dlgClass: 'fade',
 			bgClass: 'warning',
@@ -49,9 +49,9 @@ $(document).ready(function(){
 
 	$(document).on("click",".hapus",function() {
 		ojisatrianiLoadingFadeIn();
-		var id = $(this).attr('art-eoffiice-id');
+		var id = $(this).attr('art-backend-id');
 		$.loadmodal({
-			url: "{{ url($url_admin.'/art-eoffice') }}/hapus/"+ id,
+			url: "{{ url($url_admin.'/art-backend') }}/hapus/"+ id,
       id: 'responsive',
 			dlgClass: 'fade',
 			bgClass: 'danger',
diff --git a/resources/views/backend/art-backend/tambah.blade.php b/resources/views/backend/art-backend/tambah.blade.php
index 8d02bf6..b8899e3 100644
--- a/resources/views/backend/art-backend/tambah.blade.php
+++ b/resources/views/backend/art-backend/tambah.blade.php
@@ -1,4 +1,4 @@
-{!! Form::open(array('id' => 'frmOji', 'route' => ['art-eoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
+{!! Form::open(array('id' => 'frmOji', 'route' => ['art-backend.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
 <div class="row">
 	<div class="col-md-12">
 	<!-- <p>
diff --git a/resources/views/backend/art-eoffice/index.blade.php b/resources/views/backend/art-eoffice/index.blade.php
index be1544a..e0ead31 100644
--- a/resources/views/backend/art-eoffice/index.blade.php
+++ b/resources/views/backend/art-eoffice/index.blade.php
@@ -159,21 +159,31 @@ img {
     color: black;
     transition: background-color .8s
 }
+#more {
+    display:none;
+}
     </style>
 
 
   <div class="container">
     <div class="row">
    @foreach($eoffice as $eofall)
- <div class="col-lg-8 order-lg-0 order-2">
+ <div class="col-lg-12 order-lg-0 order-2">
             <div class="row">
-                <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
+                <div class="col-md-2 mb-2"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
                 <div class="col-md-8 mb-4">
                     <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-org">E-Office</a> <span class="text-muted ps-4"> {!! $eofall->created_at !!}</span> </div>
                     <div>
-                        <p class="text-capitalize fs5 my-3 fw-bolder">{!! $eofall->judul !!}</a>
-                            <p class="text-muted">{!! Str::limit($eofall->konten) !!}</a>
-                            <small><span><a href="{{ URL::asset( $halaman->kode .'/vieweoffice')}}"><u>Read More</u></a></span></small>
+                        <p class="text-capitalize fs5 my-3 fw-bolder">{!! $eofall->judul !!}</p>
+                        <p class="text-muted">{!! Str::limit($eofall->konten, 100,'') !!}
+                                
+                                @if  (strlen($eofall->konten) > 100) 
+                                    <span id="dots">...</span>
+                                    <span id="more">{!! substr($eofall->konten, 100)!!} </span>
+                                @endif
+            </p>
+            <button class="btn btn-xs btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
+
                     </div>
                 </div>
 </div>
diff --git a/resources/views/backend/art-frontend/index.blade.php b/resources/views/backend/art-frontend/index.blade.php
index 5a36d7b..db7eefd 100644
--- a/resources/views/backend/art-frontend/index.blade.php
+++ b/resources/views/backend/art-frontend/index.blade.php
@@ -165,23 +165,21 @@ img {
   <div class="container">
     <div class="row">
    @foreach($frontend as $frontall)
- <div class="col-lg-8 order-lg-0 order-2">
+ <div class="col-lg-12 order-lg-0 order-2">
             <div class="row">
-                <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
+                 <div class="col-md-2 mb-2"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
                 <div class="col-md-8 mb-4">
-                    <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-red">Frontend</a> <span class="text-muted ps-4"> {!! $frontall->created_at !!}</span> </div>
+                    <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-org">Frontend</a> <span class="text-muted ps-4"> &nbsp; {!! $frontall->created_at !!}</span> </div>
                     <div>
-                        <p class="text-capitalize fs5 my-3 fw-bolder">{!! $frontall->judul !!}</a>
-                        <p class="text-muted">{!! Str::limit($frontall->konten, 100) !!}
+                        <p class="text-capitalize fs5 my-3 fw-bolder">{!! $frontall->judul !!}</p>
+                        <p class="text-muted">{!! Str::limit($frontall->konten, 100,'') !!}
                                 
                                 @if  (strlen($frontall->konten) > 100) 
                                     <span id="dots">...</span>
-                                    <span id="more">{{ substr($frontall->konten, 100)}} </span>
+                                    <span id="more">{!! substr($frontall->konten, 100)!!} </span>
                                 @endif
-                            </a>
-                               
-    
-                                <small onclick="myFunction()" id="myBtn"><span><u>Readmore</u></span></small>
+</p>
+                                <button class="btn btn-xs btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
                     </div>
                 </div>
 </div>
diff --git a/resources/views/backend/art-frontend/jquery.blade.php b/resources/views/backend/art-frontend/jquery.blade.php
index f48d592..869a6bd 100644
--- a/resources/views/backend/art-frontend/jquery.blade.php
+++ b/resources/views/backend/art-frontend/jquery.blade.php
@@ -2,7 +2,7 @@ $(document).ready(function(){
    $('.tambah').click(function(){
 		ojisatrianiLoadingFadeIn();
 		$.loadmodal({
-			url: "{{ url($url_admin.'/art-eoffice/create') }}",
+			url: "{{ url($url_admin.'/art-frontend/create') }}",
 			id: 'responsive',
 			dlgClass: 'fade',
 			bgClass: 'primary',
@@ -25,9 +25,9 @@ $(document).ready(function(){
 
 	$(document).on("click",".ubah",function() {
     ojisatrianiLoadingFadeIn();
-		var id = $(this).attr('art-eoffiice-id');
+		var id = $(this).attr('art-frontend-id');
 		$.loadmodal({
-			url: "{{ url($url_admin.'/art-eoffice') }}/"+ id +"/edit",
+			url: "{{ url($url_admin.'/art-frontend') }}/"+ id +"/edit",
       id: 'responsive',
 			dlgClass: 'fade',
 			bgClass: 'warning',
@@ -49,9 +49,9 @@ $(document).ready(function(){
 
 	$(document).on("click",".hapus",function() {
 		ojisatrianiLoadingFadeIn();
-		var id = $(this).attr('art-eoffiice-id');
+		var id = $(this).attr('art-frontend-id');
 		$.loadmodal({
-			url: "{{ url($url_admin.'/art-eoffice') }}/hapus/"+ id,
+			url: "{{ url($url_admin.'/art-frontend') }}/hapus/"+ id,
       id: 'responsive',
 			dlgClass: 'fade',
 			bgClass: 'danger',
@@ -73,3 +73,5 @@ $(document).ready(function(){
 	});
 
 });
+
+
diff --git a/resources/views/backend/art-frontend/tambah.blade copy.php b/resources/views/backend/art-frontend/tambah.blade copy.php
index 32345cf..24de5f6 100644
--- a/resources/views/backend/art-frontend/tambah.blade copy.php	
+++ b/resources/views/backend/art-frontend/tambah.blade copy.php	
@@ -1,4 +1,4 @@
-{!! Form::open(array('id' => 'frmOji', 'route' => ['artikelEoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
+{!! Form::open(array('id' => 'frmOji', 'route' => ['artikelFrontend.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
 <div class="row">
 	<div class="col-md-12">
 	<!-- <p>
diff --git a/resources/views/backend/art-frontend/tambah.blade.php b/resources/views/backend/art-frontend/tambah.blade.php
index 8d02bf6..6cb3695 100644
--- a/resources/views/backend/art-frontend/tambah.blade.php
+++ b/resources/views/backend/art-frontend/tambah.blade.php
@@ -1,4 +1,4 @@
-{!! Form::open(array('id' => 'frmOji', 'route' => ['art-eoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
+{!! Form::open(array('id' => 'frmOji', 'route' => ['art-frontend.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
 <div class="row">
 	<div class="col-md-12">
 	<!-- <p>
diff --git a/resources/views/backend/art-laravel/index.blade.php b/resources/views/backend/art-laravel/index.blade.php
index 01a4ffc..86c055b 100644
--- a/resources/views/backend/art-laravel/index.blade.php
+++ b/resources/views/backend/art-laravel/index.blade.php
@@ -159,6 +159,10 @@ img {
     color: black;
     transition: background-color .8s
 }
+
+#more {
+    display: none;
+}
     </style>
 
 
@@ -167,7 +171,7 @@ img {
    @foreach($laravel as $lavall)
  <div class="col-lg-8 order-lg-0 order-2">
             <div class="row">
-                <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/3184611/pexels-photo-3184611.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
+                <div class="col-md-4 mb-4"> <img class="" src="https://images.pexels.com/photos/2657669/pexels-photo-2657669.jpeg?auto=compress&cs=tinysrgb&dpr=2&w=500" alt=""> </div>
                 <div class="col-md-8 mb-4">
                     <div class="d-flex align-items-center"> <a href="{{ URL::asset($halaman->kode .'/geteoffice')}}" class="bg-green">Laravel</a> <span class="text-muted ps-4"> {!! $lavall->created_at !!}</span> </div>
                     <div>
@@ -176,12 +180,12 @@ img {
                                 
                             @if  (strlen($lavall->konten) > 100) 
                                 <span id="dots">...</span>
-                                <span id="more">{{ substr($lavall->konten, 100)}} </span>
+                                <span id="more">{!! substr($lavall->konten, 100) !!} </span>
                             @endif
                         </a>
                            
 
-                            <small onclick="myFunction()" id="myBtn"><span><u>Readmore</u></span></small>
+                            <button class="btn btn-sm btn-info" onclick="myFunction()" id="myBtn">Readmore</button>
                     </div>
                 </div>
 </div>
diff --git a/resources/views/backend/art-laravel/tambah.blade.php b/resources/views/backend/art-laravel/tambah.blade.php
index 8d02bf6..7d41110 100644
--- a/resources/views/backend/art-laravel/tambah.blade.php
+++ b/resources/views/backend/art-laravel/tambah.blade.php
@@ -1,4 +1,4 @@
-{!! Form::open(array('id' => 'frmOji', 'route' => ['art-eoffice.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
+{!! Form::open(array('id' => 'frmOji', 'route' => ['art-laravel.store'], 'class' => 'form account-form', 'method' => 'post' )) !!}
 <div class="row">
 	<div class="col-md-12">
 	<!-- <p>
diff --git a/resources/views/backend/beranda/index.blade.php b/resources/views/backend/beranda/index.blade.php
index b9bf92b..d5f515f 100644
--- a/resources/views/backend/beranda/index.blade.php
+++ b/resources/views/backend/beranda/index.blade.php
@@ -7,12 +7,21 @@
 </div>
 </div>
 
+<style>
+.changecolour:hover
+{
+background-color:yellow;
+}
+</style>
+
 <!-- SEARCH -->
 <div class="container">
+    <div class="table table-hover">
     <div class="row mt-3 mb-4">
-	    <div class="col-md-12 float-center translate-middle">
-        <input class="form-control service text-center fs-1 lh-base font-monospace" list="datalistOptions" id="exampleDataList" placeholder="Ingin belajar apa hari ini .... "/>
-               
+	    <div class="col-md-12 float-center translate-middle border-primary">
+       
+        <input class="form-control borderservice text-center fs-1 lh-base font-monospace" list="datalistOptions" id="exampleDataList" placeholder="Ingin belajar apa hari ini .... "/>
+
 	    </div>
     </div>
 </div>
@@ -21,26 +30,28 @@
 <div class="container">
   <div class="row g-2 mb-4">
     <div class="col-6">
-      <div class="p-3 border bg-light mt-2 mb-2 bg-dark">Document Knowledge</div>
+      <div class="p-3 border bg-light mt-2 mb-2">Document Knowledge</div>
 
       <!-- baris  satu-->
     <div class="row mt-2">
         <div class="col-4">
-            <div class="p-3 gx-3">
-              <a href="{{ URL::asset($url_admin.'/search/') }}">
+            <span class='changecolor'>
+            <div class="p-3 gx-3 onmouseover= document.body.style.backgroundColor ='orange'">
+              <a href="{{ URL::asset($url_admin.'/search/') }}" >
                 <figure class="figure service text-center">
                     <div class="img-container">
-                        <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                        <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
                          <div class="overlay"></div>
                     </div>
                     <figcaption class="figure-caption"><em>&nbsp; Policies atau Kebijakan &nbsp; </em></figcaption>
                 </figure>
             </a>
         </div>
+</span>
     </div>
 
     <div class="col-4">
-      <div class="p-3 bg-dark gx-3">
+      <div class="p-3 gx-3">
          <a href="{{ URL::asset($url_admin.'/search/') }}">
             <figure class="figure service text-center">
                 <div class="img-container">
@@ -54,7 +65,7 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 border bg-light gx-3">
+      <div class="p-3 bg-light gx-3">
         <a href="{{ URL::asset($url_admin.'/search/') }}">
             <figure class="figure service text-center">
                 <div class="img-container">
@@ -75,7 +86,7 @@
       <!-- baris kedua kolom kiri -->
 <div class="row mt-2">
     <div class="col-4">
-        <div class="p-3 bg-dark gx-3">
+        <div class="p-3 gx-3">
             <a href="{{ URL::asset($url_admin.'/search/') }}">
                 <figure class="figure service text-center">
                     <div class="img-container">
@@ -89,11 +100,11 @@
 </div>
 
     <div class="col-4">
-        <div class="p-3 bg-dark gx-3">
+        <div class="p-3 gx-3">
             <a href="{{ URL::asset($url_admin.'/search/') }}">
               <figure class="figure service text-center">
                   <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                    <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                     </div>
                     <figcaption class="figure-caption"><em>Minutes and report on process</em></figcaption>
@@ -103,7 +114,7 @@
     </div>
 
     <div class="col-4">
-        <div class="p-3 border gx-3">
+        <div class="p-3 gx-3">
             <a href="{{ URL::asset($url_admin.'/search/') }}">
               <figure class="figure service text-center">
                   <div class="img-container">
@@ -120,7 +131,7 @@
 <!-- Baris ketiga -->
     <div class="row mt-2">
         <div class="col-4">
-            <div class="p-3 bg-dark gx-3">
+            <div class="p-3 gx-3">
                 <a href="{{ URL::asset($url_admin.'/search/') }}">
                     <figure class="figure service text-center">
                         <div class="img-container">
@@ -134,11 +145,11 @@
         </div>
 
     <div class="col-4">
-        <div class="p-3 bg-dark gx-3">
+        <div class="p-3 gx-3">
             <a href="{{ URL::asset($url_admin.'/search/') }}">
                 <figure class="figure service text-center">
                     <div class="img-container">
-                        <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                        <img src="{{ asset('backend/img/svg/BKF.svg') }}" class="figure-img img-fluid rounded" alt="...">
                             <div class="overlay"></div>
                     </div>
                     <figcaption class="figure-caption">A caption for the above image.</figcaption>
@@ -148,11 +159,11 @@
     </div>
 
     <div class="col-4">
-        <div class="p-3 bg-dark gx-3">
-            <a href="{{ URL::asset($url_admin.'/search/') }}">
+        <div class="p-3 gx-3">
+            <a href="{{ URL::asset($url_admin.'/search/') }}" >
                 <figure class="figure service text-center">
                     <div class="img-container">
-                        <img src="{{ asset('backend/img/svg/DJPPR.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                        <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="..." >
                             <div class="overlay"></div>
                     </div>
                     <figcaption class="figure-caption">A caption for the above image.</figcaption>
@@ -165,12 +176,12 @@
 
 <!-- Sisi Kanan -->
     <div class="col-6 mt-2 bb-4">
-      <div class="p-3 border bg-light mb-2"><em>Sharing Knowledge<em></div>
+      <div class="p-3 border bg-grey mb-2"><em>Sharing Knowledge<em></div>
        <!-- kolom  satu-->
         <div class="row mt-2">
          <div class="col-4">
             <div class="p-3 gx-3">
-              <a href="#">
+              <a href="{{ URL::asset($url_admin.'/art-backend/') }}">
                 <figure class="figure service text-center">
                     <div class="img-container">
                         <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
@@ -183,8 +194,8 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 bg-dark gx-3">
-         <a href="#">
+      <div class="p-3 gx-3">
+         <a href="{{ URL::asset($url_admin.'/art-frontend/') }}">
             <figure class="figure service text-center">
                 <div class="img-container">
                     <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
@@ -197,8 +208,8 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 border bg-light gx-3">
-        <a href="{{ URL::asset($url_admin.'/forum/') }}">
+      <div class="p-3 bg-light gx-3">
+        <a href="{{ URL::asset($url_admin.'/art-laravel/') }}">
             <figure class="figur service text-center">
                 <div class="img-container">
                     <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
@@ -213,11 +224,11 @@
   <!-- kolom  dua-->
   <div class="row mt-2">
     <div class="col-4">
-      <div class="p-3 border gx-3">
-          <a href="{{ URL::asset($url_admin.'/frm-eoffice/') }}">
+      <div class="p-3 gx-3">
+          <a href="{{ URL::asset($url_admin.'/art-eoffice/') }}">
             <figure class="figure service text-center">
                 <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                    <img src="{{ asset('backend/img/svg/DJPB.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                 </div>
                         <figcaption class="figure-caption"><em>&nbsp; All About &nbsp; E-Office &nbsp;</em></figcaption>
@@ -227,11 +238,11 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 bg-dark gx-3">
+      <div class="p-3 gx-3">
          <a href="#">
             <figure class="figure service text-center">
                 <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                    <img src="{{ asset('backend/img/svg/itjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                 </div>
                         <figcaption class="figure-caption"><em>Standard Operation Procedure</em></figcaption>
@@ -241,11 +252,11 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 border bg-light gx-3">
+      <div class="p-3 bg-light gx-3">
         <a href="#">
             <figure class="figure service text-center">
                 <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                    <img src="{{ asset('backend/img/svg/LNSW.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                 </div>
                     <figcaption class="figure-caption"><em> &nbsp; PHP Programming &nbsp;</em></figcaption>
@@ -258,11 +269,11 @@
   <!-- kolom  satu-->
   <div class="row mt-2">
     <div class="col-4">
-      <div class="p-3 border gx-3">
+      <div class="p-3 gx-3">
           <a href="#">
             <figure class="figure service text-center">
                 <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                    <img src="{{ asset('backend/img/svg/BKF.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                 </div>
                     <figcaption class="figure-caption"><em>Javascript Programming</em></figcaption>
@@ -272,11 +283,11 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 bg-light border gx-3">
+      <div class="p-3 bg-light gx-3">
          <a href="#">
             <figure class="figure service text-center">
                 <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/DJKN.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                    <img src="{{ asset('backend/img/svg/setjen.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                 </div>
                     <figcaption class="figure-caption"><em>&nbsp; Operating System &nbsp;</em></figcaption>
@@ -286,11 +297,11 @@
     </div>
 
     <div class="col-4">
-      <div class="p-3 border bg-light gx-3">
+      <div class="p-3 bg-light gx-3">
         <a href="#">
             <figure class="figure service text-center">
-                <div class="img-container">
-                    <img src="{{ asset('backend/img/svg/DJA.svg') }}" class="figure-img img-fluid rounded" alt="...">
+                <div class="img-container hover">
+                    <img src="{{ asset('backend/img/svg/BPPK.svg') }}" class="figure-img img-fluid rounded" alt="...">
                         <div class="overlay"></div>
                 </div>
                     <figcaption class="figure-caption"> Wordpress & Other CMS </figcaption>
@@ -300,7 +311,7 @@
     </div>
 </div>
     </div>
-
+</div> <!--akhir table hover -->
 </div>