Przeglądaj źródła

Added employment-target-holder section for employment page

golestan 3 lat temu
rodzic
commit
db51294bc3

+ 35 - 0
resources/sass/home/home.scss

@@ -861,6 +861,7 @@ footer {
 // employment page
 // ------------------------------------
 .employment-list-holder {
+    text-align: center;
     padding: 2.5rem 0;
     .title-desc {
         margin-bottom: 45px;
@@ -907,6 +908,7 @@ footer {
             list-style-type: none;
             padding-right: 1.2rem;
             padding-left: 1.2rem;
+             text-align: right;
 
             li {
                 line-height: 2;
@@ -922,6 +924,8 @@ footer {
 }
 
 .employment-steps-holder {
+    text-align: center;
+    padding: 2.5rem 0;
     .mb-feature {
         @media screen and (min-width: 992px){
             margin-bottom: 3rem;
@@ -940,6 +944,37 @@ footer {
     }
 }
 
+.employment-target-holder {
+    padding: 2.5rem 0;
+    .title {
+        text-align: right;
+    }
+    .img-holder {
+        img {
+            max-width: 100%;
+        }
+    }
+    .list-item-target-holder {
+        .sub-title {
+            list-style-type: none;
+            padding-right: 0rem;
+            padding-left: 0rem;
+            li {
+                line-height: 2;
+                text-align: justify;
+                margin-bottom: 0.75rem;
+                color: lighten($gray , 10);
+                &:before {
+                    content: '✓';
+                    color: $primary;
+                    padding: 2px 0 2px 2px;
+                    font-weight: 600;
+                }
+            }
+        }
+    }
+}
+
 //.accordion-button.collapsed::after, .accordion-button:not(.collapsed)::after {
 //    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='red'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 //}

+ 38 - 1
resources/views/home/employment.blade.php

@@ -182,7 +182,44 @@
                 </div>
             </div>
         </section>
-
+        <section class="employment-target-holder">
+            <div class="container">
+                <h2 class="title">
+                    ارزش‌ها و اهداف ما در دیزاتک
+                </h2>
+                <div class="row">
+                    <div class="col-lg-8">
+                        <div class="list-item-target-holder">
+                            <ul class="sub-title">
+                                <li>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
+                                </li>
+                                <li>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
+                                </li>
+                                <li>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
+                                </li>
+                                <li>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
+                                </li>
+                                <li>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
+                                </li>
+                                <li>
+                                    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
+                                </li>
+                            </ul>
+                        </div>
+                    </div>
+                    <div class="col-lg-4">
+                        <div class="img-holder">
+                            <img src="{{ asset('images/home/banner-bg-1.jpg') }}" alt="img">
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
     @endslot
 
     @slot('script')