Browse Source

Added banner for left sidebar in category-blog page

golestan 3 years ago
parent
commit
d92b72ef63

BIN
resources/images/home/banner/g5.gif


BIN
resources/images/home/banner/g6.gif


+ 4 - 2
resources/sass/home/home.scss

@@ -30,7 +30,9 @@ h5 {
 h6 {
     font-size: 1rem;
 }
-
+.fs-8 {
+    font-size: 0.8rem;
+}
 a {
     transition: all 0.3s ease;
     text-decoration: none;
@@ -301,7 +303,7 @@ a {
 .article-category-content-holder {
     .article-content {
         position: relative;
-        padding: 40px 24px;
+        padding: 32px 32px;
         transition: all 0.3s ease-in-out;
         border-bottom: 1px solid #e8eaf1;
         &:hover {

+ 15 - 8
resources/views/home/category-blog.blade.php

@@ -48,17 +48,20 @@
                                 لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است. چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است و برای شرایط فعلی تکنولوژی مورد نیاز و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد. کتابهای زیادی در شصت و سه درصد گذشته
                             </div>
                             <div class="category">
+                                <span class="fs-8">
+                                    دسته‌بندی:
+                                </span>
                                 <a href="" class="badge bg-info text-dark">
-                                    #جاوا
+                                    جاوا
                                 </a>
                                 <a href="" class="badge bg-info text-dark">
-                                    #کدنویسی
+                                    کدنویسی
                                 </a>
                                 <a href="#" class="badge bg-info text-dark">
-                                    #برنامه‌نویسی
+                                    برنامه‌نویسی
                                 </a>
                                 <a href="#" class="badge bg-info text-dark">
-                                    #مهندسی معکوس
+                                    مهندسی معکوس
                                 </a>
                             </div>
                             <div class="article-footer">
@@ -72,7 +75,8 @@
                                 </div>
                                 <div class="learn-more">
                                     <a href="" class="btn btn-outline-primary">
-                                        ادامه...
+                                        ادامه مطلب
+                                        <i class="fa fa-arrow-left align-middle"></i>
                                     </a>
                                 </div>
                             </div>
@@ -81,9 +85,12 @@
                     </div>
                 </div>
                 <div class="col-lg-3">
-                    <h1 class="article-category-title-holder">
-                        مقالات اخیر
-                    </h1>
+                    <div class="my-3 text-center">
+                        <img src="{{ asset('images/home/banner/g6.gif') }}" alt="image">
+                    </div>
+                    <div class="my-3 text-center">
+                        <img src="{{ asset('images/home/banner/g5.gif') }}" alt="image">
+                    </div>
                 </div>
             </div>
         </section>

+ 2 - 1
webpack.mix.js

@@ -12,4 +12,5 @@ const mix = require('laravel-mix');
  */
 
 mix.js('resources/js/home/home.js', 'public/js')
-    .sass('resources/sass/home/home.scss', 'public/css');
+    .sass('resources/sass/home/home.scss', 'public/css')
+    .copyDirectory('resources/images/home', 'public/images/home');