Skip to main content
title

بخش ویژگی ها


1 2 3 4 5

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

                
                  <!-- =========={ FEATURES }==========  -->
                  <div id="features" class="section bg-body">
                    <div class="container-fluid p-0">
                      <div class="row g-0">
                        <!-- img block -->
                        <div class="col-lg-4 order-lg-2 text-white showcase-img" style="background-image: url('src/img-min/section/overview1.jpg');" data-aos="fade-in">
                          <div class="icon-center lightgallery-thumbnail">
                            <a aria-label="" href="https://www.youtube.com/watch?v=BGPSIUZdTkc">
                              <div class="position-relative text-white">
                                <!-- <i class="fas fa-play-circle play-btn-icon" aria-hidden="true"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="70" height="70" viewBox="0 0 512 512"><path fill="currentColor" d="M238.23,342.43l89.09-74.13a16,16,0,0,0,0-24.6l-89.09-74.13A16,16,0,0,0,212,181.86V330.14A16,16,0,0,0,238.23,342.43Z"></path><path stroke="currentColor" d="M448,256c0-106-86-192-192-192S64,150,64,256s86,192,192,192S448,362,448,256Z" style="fill:none;stroke-miterlimit:10;stroke-width:32px"></path></svg>
                                <div class="play-btn-hover bg-primary opacity-80"></div>
                              </div>
                            </a>
                          </div>
                        </div>

                        <!-- content block -->
                        <div class="col-lg-8 order-lg-1 my-auto showcase-text" data-aos="fade-right">
                          <div class="p-4 p-lg-6 mt-5 mt-md-0">
                            <!-- Row -->
                            <div class="row align-items-center justify-content-around me-md-4">
                              <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
                                <div class="display-4 text-primary mb-3">
                                  <!-- <i class="far fa-life-ring"></i> -->
                                  <svg class="bi bi-shield-lock" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" d="M5.443 1.991a60.17 60.17 0 00-2.725.802.454.454 0 00-.315.366C1.87 7.056 3.1 9.9 4.567 11.773c.736.94 1.533 1.636 2.197 2.093.333.228.626.394.857.5.116.053.21.089.282.11A.73.73 0 008 14.5c.007-.001.038-.005.097-.023.072-.022.166-.058.282-.111.23-.106.525-.272.857-.5a10.197 10.197 0 002.197-2.093C12.9 9.9 14.13 7.056 13.597 3.159a.454.454 0 00-.315-.366c-.626-.2-1.682-.526-2.725-.802C9.491 1.71 8.51 1.5 8 1.5c-.51 0-1.49.21-2.557.491zm-.256-.966C6.23.749 7.337.5 8 .5c.662 0 1.77.249 2.813.525a61.09 61.09 0 012.772.815c.528.168.926.623 1.003 1.184.573 4.197-.756 7.307-2.367 9.365a11.191 11.191 0 01-2.418 2.3 6.942 6.942 0 01-1.007.586c-.27.124-.558.225-.796.225s-.526-.101-.796-.225a6.908 6.908 0 01-1.007-.586 11.192 11.192 0 01-2.417-2.3C2.167 10.331.839 7.221 1.412 3.024A1.454 1.454 0 012.415 1.84a61.11 61.11 0 012.772-.815z" clip-rule="evenodd"></path>
                                    <path d="M9.5 6.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"></path>
                                    <path d="M7.411 8.034a.5.5 0 01.493-.417h.156a.5.5 0 01.492.414l.347 2a.5.5 0 01-.493.585h-.835a.5.5 0 01-.493-.582l.333-2z"></path>
                                  </svg>
                                </div>
                                <h3 class="h4">عنوان یک بخش</h3>
                                <p class="mb-0 text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>

                              <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
                                <div class="display-4 text-primary mb-3">
                                  <!-- <i class="fas fa-bug"></i> -->
                                  <svg class="bi bi-folder" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M9.828 4a3 3 0 01-2.12-.879l-.83-.828A1 1 0 006.173 2H2.5a1 1 0 00-1 .981L1.546 4h-1L.5 3a2 2 0 012-2h3.672a2 2 0 011.414.586l.828.828A2 2 0 009.828 3v1z"></path>
                                    <path fill-rule="evenodd" d="M13.81 4H2.19a1 1 0 00-.996 1.09l.637 7a1 1 0 00.995.91h10.348a1 1 0 00.995-.91l.637-7A1 1 0 0013.81 4zM2.19 3A2 2 0 00.198 5.181l.637 7A2 2 0 002.826 14h10.348a2 2 0 001.991-1.819l.637-7A2 2 0 0013.81 3H2.19z" clip-rule="evenodd"></path>
                                  </svg>
                                </div>
                                <h3 class="h4">عنوان یک بخش</h3>
                                <p class="mb-0 text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                            <!-- End Row -->

                            <!-- Row -->
                            <div class="row align-items-center justify-content-around me-md-4">
                              <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
                                <div class="display-4 text-primary mb-3">
                                  <!-- <i class="fas fa-fire"></i> -->
                                  <svg class="bi bi-clipboard-data" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" d="M4 1.5H3a2 2 0 00-2 2V14a2 2 0 002 2h10a2 2 0 002-2V3.5a2 2 0 00-2-2h-1v1h1a1 1 0 011 1V14a1 1 0 01-1 1H3a1 1 0 01-1-1V3.5a1 1 0 011-1h1v-1z" clip-rule="evenodd"></path>
                                    <path fill-rule="evenodd" d="M9.5 1h-3a.5.5 0 00-.5.5v1a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-1a.5.5 0 00-.5-.5zm-3-1A1.5 1.5 0 005 1.5v1A1.5 1.5 0 006.5 4h3A1.5 1.5 0 0011 2.5v-1A1.5 1.5 0 009.5 0h-3z" clip-rule="evenodd"></path>
                                    <path d="M4 11a1 1 0 112 0v1a1 1 0 11-2 0v-1zm6-4a1 1 0 112 0v5a1 1 0 11-2 0V7zM7 9a1 1 0 012 0v3a1 1 0 11-2 0V9z"></path>
                                  </svg>
                                </div>
                                <h3 class="h4">عنوان یک بخش</h3>
                                <p class="mb-0 text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>

                              <div class="col-11 col-sm-8 col-md-5 col-lg-6 mb-5">
                                <div class="display-4 text-primary mb-3">
                                  <!-- <i class="far fa-gem"></i> -->
                                  <svg class="bi bi-briefcase" width="3rem" height="3rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" d="M0 12.5A1.5 1.5 0 001.5 14h13a1.5 1.5 0 001.5-1.5v-6h-1v6a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5v-6H0v6z" clip-rule="evenodd"></path>
                                    <path fill-rule="evenodd" d="M0 4.5A1.5 1.5 0 011.5 3h13A1.5 1.5 0 0116 4.5v2.384l-7.614 2.03a1.5 1.5 0 01-.772 0L0 6.884V4.5zM1.5 4a.5.5 0 00-.5.5v1.616l6.871 1.832a.5.5 0 00.258 0L15 6.116V4.5a.5.5 0 00-.5-.5h-13zM5 2.5A1.5 1.5 0 016.5 1h3A1.5 1.5 0 0111 2.5V3h-1v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V3H5v-.5z" clip-rule="evenodd"></path>
                                  </svg>
                                </div>
                                <h3 class="h4">عنوان یک بخش</h3>
                                <p class="mb-0 text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                            <!-- End Row -->
                          </div>
                        </div>
                      </div>
                    </div>
                  </div><!-- end features -->
                
              

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

                
                  <!-- =========={ FEATURES }==========  -->
                  <div id="features" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-body">
                    <div class="container">
                      <!-- row -->
                      <div class="row align-items-center justify-content-around">
                        <div class="col-lg-6" data-aos="fade-up">
                          <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
                            <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <div class="d-flex align-items-center text-center me-4">
                                <!-- <i class="far fa-user me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary " fill="currentColor" viewBox="0 0 512 512"><path d="M344,144c-3.92,52.87-44,96-88,96s-84.15-43.12-88-96c-4-55,35-96,88-96S348,90,344,144Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,304c-87,0-175.3,48-191.64,138.6C62.39,453.52,68.57,464,80,464H432c11.44,0,17.62-10.48,15.65-21.4C431.3,352,343,304,256,304Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              </div>
                              <div class="text-start">
                                <h3 class="h5">عنوان یک بخش</h3>
                                <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                          <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
                            <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <div class="d-flex align-items-center text-center me-4">
                                <!-- <i class="far fa-thumbs-up me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><path d="M320,458.16S304,464,256,464s-74-16-96-32H96a64,64,0,0,1-64-64V320a64,64,0,0,1,64-64h30a32.34,32.34,0,0,0,27.37-15.4S162,221.81,188,176.78,264,64,272,48c29,0,43,22,34,47.71-10.28,29.39-23.71,54.38-27.46,87.09-.54,4.78,3.14,12,7.95,12L416,205" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M416,271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6,14-28.84,32-30l80-4c17.6,0,32,16.4,32,34v.17A32,32,0,0,1,416,271Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M448,336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61,14-28.86,32-30l112-2a32.1,32.1,0,0,1,32,32h0A32.1,32.1,0,0,1,448,336Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M400,464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6,14.4-30,32-30l64-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,400,464Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M432,400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6,13-28.84,32-30l96-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,432,400Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              </div>
                              <div class="text-start">
                                <h3 class="h5">عنوان یک بخش</h3>
                                <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up">
                          <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
                            <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <div class="d-flex align-items-center text-center me-4">
                                <!-- <i class="far fa-file-archive me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><line x1="160" y1="144" x2="448" y2="144" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="256" x2="448" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="368" x2="448" y2="368" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="144" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="256" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="368" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              </div>
                              <div class="text-start">
                                <h3 class="h5">عنوان یک بخش</h3>
                                <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                          <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
                            <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <div class="d-flex align-items-center text-center me-4">
                                <!-- <i class="far fa-grin-stars me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><circle cx="184" cy="232" r="24"/><path d="M256.05,384c-45.42,0-83.62-29.53-95.71-69.83A8,8,0,0,1,168.16,304H343.85a8,8,0,0,1,7.82,10.17C339.68,354.47,301.47,384,256.05,384Z"/><circle cx="328" cy="232" r="24"/><circle cx="256" cy="256" r="208" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              </div>
                              <div class="text-start">
                                <h3 class="h5">عنوان یک بخش</h3>
                                <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up">
                          <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
                            <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <div class="d-flex align-items-center text-center me-4">
                                <!-- <i class="far fa-folder-open me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><path d="M440,432H72a40,40,0,0,1-40-40V120A40,40,0,0,1,72,80h75.89a40,40,0,0,1,22.19,6.72l27.84,18.56A40,40,0,0,0,220.11,112H440a40,40,0,0,1,40,40V392A40,40,0,0,1,440,432Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="32" y1="192" x2="480" y2="192" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              </div>
                              <div class="text-start">
                                <h3 class="h5">عنوان یک بخش</h3>
                                <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                          <div class="p-4 mx-2 mb-5 bg-body rounded-3 shadow-sm">
                            <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <div class="d-flex align-items-center text-center me-4">
                                <!-- <i class="far fa-lightbulb me-3 fa-2x text-primary"></i> -->
                                <svg xmlns="http://www.w3.org/2000/svg" width="4rem" height="4rem" class="text-primary" fill="currentColor" viewBox="0 0 512 512"><path d="M304,384V360c0-29,31.54-56.43,52-76,28.84-27.57,44-64.61,44-108,0-80-63.73-144-144-144A143.6,143.6,0,0,0,112,176c0,41.84,15.81,81.39,44,108,20.35,19.21,52,46.7,52,76v24" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="224" y1="480" x2="288" y2="480" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="208" y1="432" x2="304" y2="432" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="384" x2="256" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M294,240s-21.51,16-38,16-38-16-38-16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              </div>
                              <div class="text-start">
                                <h3 class="h5">Guarantee can & understand</h3>
                                <p class="text-muted mb-0">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End features -->
                
              

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ

                
                  <!-- =========={ FEATURES }==========  -->
                  <div id="features" class="section py-6 py-md-7 bg-body">
                    <div class="container">
                      <!-- row -->
                      <div class="row">
                        <!-- features images -->
                        <div class="col-lg-4 text-center order-lg-2" data-aos="fade-up">
                          <div class="px-6 px-md-7 px-lg-3 px-xl-6 mb-5 mb-lg-0">
                            <!-- Android potrait -->
                            <figure class="position-relative">
                              <svg version="1.0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480.000000 906.000000">
                                <!-- Clip path image -->
                                <defs>
                                  <clipPath id="svgf">
                                    <rect x="50" y="16.5" width="480" height="1066"/>
                                  </clipPath>
                                </defs>
                                <!-- Phone screen -->
                                <image clip-path="url(#svgf)" xlink:href="src/img-min/app/android-potrait.jpg" height="94%" width="100%" style="transform:translateY(15px);"></image>
                                <!-- Phone cover -->
                                <image xlink:href="src/img-min/app/device/android-dark.png" height="100%" width="100%"></image>
                              </svg>
                            </figure>
                          </div>
                        </div>
                        <!-- features align left -->
                        <div class="col-lg-4 order-lg-1" data-aos="fade-right" data-aos-delay="100">
                          <div class="three-features pb-4 position-relative features-end text-start text-lg-end">
                            <!-- icon -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="48" y="48" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="288" y="48" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="48" y="288" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="288" y="288" width="176" height="176" rx="20" ry="20" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                            <!-- <i class="fas fa-shipping-fast features-icon text-primary"></i> -->

                            <h3 class="h5">Portfolio Lightgallery</h3>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                          </div>
                          <div class="three-features pb-4 position-relative features-end text-start text-lg-end">
                            <!-- icon -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M432,112V96a48.14,48.14,0,0,0-48-48H64A48.14,48.14,0,0,0,16,96V352a48.14,48.14,0,0,0,48,48H80" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><rect stroke="currentColor" x="96" y="128" width="400" height="336" rx="45.99" ry="45.99" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><ellipse stroke="currentColor" cx="372.92" cy="219.64" rx="30.77" ry="30.55" style="fill:none;stroke-miterlimit:10;stroke-width:32px"/><path stroke="currentColor" d="M342.15,372.17,255,285.78a30.93,30.93,0,0,0-42.18-1.21L96,387.64" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M265.23,464,383.82,346.27a31,31,0,0,1,41.46-1.87L496,402.91" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                            <!-- <i class="fas fa-chart-pie features-icon text-primary"></i> -->

                            <h3 class="h5">Flickity Slider</h3>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                          </div>
                          <div class="three-features pb-4 position-relative features-end text-start text-lg-end">
                            <!-- icon -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><rect stroke="currentColor" x="64" y="176" width="384" height="256" rx="28.87" ry="28.87" style="fill:none;stroke-linejoin:round;stroke-width:32px"/><line stroke="currentColor" x1="144" y1="80" x2="368" y2="80" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/><line stroke="currentColor" x1="112" y1="128" x2="400" y2="128" style="stroke-linecap:round;stroke-miterlimit:10;stroke-width:32px"/></svg>
                            <!-- <i class="fas fa-credit-card features-icon text-primary"></i> -->

                            <h3 class="h5">Isotope Magic Filter</h3>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                          </div>
                        </div>

                        <!-- features align right -->
                        <div class="col-lg-4 order-lg-3" data-aos="fade-left" data-aos-delay="100">
                          <div class="three-features pb-4 position-relative text-start text-md-end text-lg-start">
                            <!-- icon -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" fill="currentColor" viewBox="0 0 512 512"><line x1="48" y1="112" x2="336" y2="112" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="192" y1="64" x2="192" y2="112" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><polyline points="272 448 368 224 464 448" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="301.5" y1="384" x2="434.5" y2="384" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M281.3,112S257,206,199,277,80,384,80,384" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,336s-35-27-72-75-56-85-56-85" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                            <!-- <i class="fas fa-desktop features-icon text-primary"></i> -->

                            <h3 class="h5">عنوان یک بخش</h3>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                          </div>
                          <div class="three-features pb-4 position-relative text-start text-md-end text-lg-start">
                            <!-- icon -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary rtl-270" width="3.5rem" height="3.5rem" viewBox="0 0 512 512"><path stroke="currentColor" d="M461.81,53.81a4.4,4.4,0,0,0-3.3-3.39c-54.38-13.3-180,34.09-248.13,102.17a294.9,294.9,0,0,0-33.09,39.08c-21-1.9-42-.3-59.88,7.5-50.49,22.2-65.18,80.18-69.28,105.07a9,9,0,0,0,9.8,10.4l81.07-8.9a180.29,180.29,0,0,0,1.1,18.3,18.15,18.15,0,0,0,5.3,11.09l31.39,31.39a18.15,18.15,0,0,0,11.1,5.3,179.91,179.91,0,0,0,18.19,1.1l-8.89,81a9,9,0,0,0,10.39,9.79c24.9-4,83-18.69,105.07-69.17,7.8-17.9,9.4-38.79,7.6-59.69a293.91,293.91,0,0,0,39.19-33.09C427.82,233.76,474.91,110.9,461.81,53.81ZM298.66,213.67a42.7,42.7,0,1,1,60.38,0A42.65,42.65,0,0,1,298.66,213.67Z" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path stroke="currentColor" d="M109.64,352a45.06,45.06,0,0,0-26.35,12.84C65.67,382.52,64,448,64,448s65.52-1.67,83.15-19.31A44.73,44.73,0,0,0,160,402.32" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                            <!-- <i class="fas fa-shopping-bag features-icon text-primary"></i> -->

                            <h3 class="h5">Animated Particles</h3>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                          </div>
                          <div class="three-features pb-4 position-relative text-start text-md-end text-lg-start">
                            <!-- icon -->
                            <svg xmlns="http://www.w3.org/2000/svg" class="features-icon text-primary" width="3.5rem" height="3.5rem" fill="currentColor" viewBox="0 0 512 512"><path d="M330.7,352l77.72-192H356.9L303.74,284.07,265.93,160H226.32L185.74,284.07l-28.63-56.53L131.21,307l26.3,45h50.7l36.68-111.27,35,111.27Z"></path><path d="M48.79,286.09H80.44a93.39,93.39,0,0,0,25.62-3.21l8.18-25.19,22.88-70.39a55.75,55.75,0,0,0-6-7.82Q113.54,160,79.59,160H0V352H48.79Zm41.9-81.92q6.89,6.92,6.88,18.52t-6,18.53q-6.64,7.62-24.44,7.61H48.79V197.25H67.21q16.59,0,23.48,6.92ZM376.85,317.61l14.79-37.25h42.69l-20.26-56.51L439.41,160,512,352H458.47l-12.4-34.39Z"></path></svg>
                            <!-- <i class="fas fa-file-invoice features-icon text-primary"></i> -->

                            <h3 class="h5">Progressive Web App</h3>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ</p>
                          </div>
                        </div>
                      </div><!-- end row -->
                    </div>
                  </div><!-- End Features-->
                
              

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

                
                  <!-- =========={ FEATURES }==========  -->
                  <div id="features" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light-dark">
                    <div class="container">
                      <!-- row -->
                      <div class="row align-items-center justify-content-around">
                        <div class="col-lg-6" data-aos="fade-up">
                          <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
                            <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <!-- <i class="far fa-user me-3 fa-2x text-primary"></i> -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M344,144c-3.92,52.87-44,96-88,96s-84.15-43.12-88-96c-4-55,35-96,88-96S348,90,344,144Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M256,304c-87,0-175.3,48-191.64,138.6C62.39,453.52,68.57,464,80,464H432c11.44,0,17.62-10.48,15.65-21.4C431.3,352,343,304,256,304Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              <h3 class="h5 mb-0">عنوان یک بخش</h3>
                            </div>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                          <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
                            <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <!-- <i class="far fa-thumbs-up me-3 fa-2x text-primary"></i> -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M320,458.16S304,464,256,464s-74-16-96-32H96a64,64,0,0,1-64-64V320a64,64,0,0,1,64-64h30a32.34,32.34,0,0,0,27.37-15.4S162,221.81,188,176.78,264,64,272,48c29,0,43,22,34,47.71-10.28,29.39-23.71,54.38-27.46,87.09-.54,4.78,3.14,12,7.95,12L416,205" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M416,271l-80-2c-20-1.84-32-12.4-32-30h0c0-17.6,14-28.84,32-30l80-4c17.6,0,32,16.4,32,34v.17A32,32,0,0,1,416,271Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M448,336l-112-2c-18-.84-32-12.41-32-30h0c0-17.61,14-28.86,32-30l112-2a32.1,32.1,0,0,1,32,32h0A32.1,32.1,0,0,1,448,336Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M400,464l-64-3c-21-1.84-32-11.4-32-29h0c0-17.6,14.4-30,32-30l64-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,400,464Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/><path d="M432,400l-96-2c-19-.84-32-12.4-32-30h0c0-17.6,13-28.84,32-30l96-2a32.09,32.09,0,0,1,32,32h0A32.09,32.09,0,0,1,432,400Z" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              <h3 class="h5 mb-0">عنوان یک بخش</h3>
                            </div>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up">
                          <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
                            <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <!-- <i class="far fa-file-archive me-3 fa-2x text-primary"></i> -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><line x1="160" y1="144" x2="448" y2="144" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="256" x2="448" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="160" y1="368" x2="448" y2="368" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="144" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="256" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><circle cx="80" cy="368" r="16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              <h3 class="h5 mb-0">عنوان یک بخش</h3>
                            </div>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                          <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
                            <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <!-- <i class="far fa-grin-stars me-3 fa-2x text-primary"></i> -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><circle cx="184" cy="232" r="24"/><path d="M256.05,384c-45.42,0-83.62-29.53-95.71-69.83A8,8,0,0,1,168.16,304H343.85a8,8,0,0,1,7.82,10.17C339.68,354.47,301.47,384,256.05,384Z"/><circle cx="328" cy="232" r="24"/><circle cx="256" cy="256" r="208" style="fill:none;stroke:currentColor;stroke-miterlimit:10;stroke-width:32px"/></svg>
                              <h3 class="h5 mb-0">عنوان یک بخش</h3>
                            </div>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up">
                          <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
                            <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <!-- <i class="far fa-folder-open me-3 fa-2x text-primary"></i> -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M440,432H72a40,40,0,0,1-40-40V120A40,40,0,0,1,72,80h75.89a40,40,0,0,1,22.19,6.72l27.84,18.56A40,40,0,0,0,220.11,112H440a40,40,0,0,1,40,40V392A40,40,0,0,1,440,432Z" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="32" y1="192" x2="480" y2="192" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              <h3 class="h5 mb-0">عنوان یک بخش</h3>
                            </div>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                          </div>
                        </div>

                        <div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
                          <div class="p-4 bg-body mx-3 mb-5 rounded-3 shadow-sm">
                            <div class="d-flex rounded align-items-center ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                              <!-- <i class="far fa-lightbulb me-3 fa-2x text-primary"></i> -->
                              <svg xmlns="http://www.w3.org/2000/svg" width="2rem" height="2rem" class="text-primary me-3" fill="currentColor" viewBox="0 0 512 512"><path d="M304,384V360c0-29,31.54-56.43,52-76,28.84-27.57,44-64.61,44-108,0-80-63.73-144-144-144A143.6,143.6,0,0,0,112,176c0,41.84,15.81,81.39,44,108,20.35,19.21,52,46.7,52,76v24" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="224" y1="480" x2="288" y2="480" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="208" y1="432" x2="304" y2="432" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><line x1="256" y1="384" x2="256" y2="256" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M294,240s-21.51,16-38,16-38-16-38-16" style="fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>
                              <h3 class="h5 mb-0">عنوان یک بخش</h3>
                            </div>
                            <p class="text-muted">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                          </div>
                        </div>
                      </div>
                      <!-- end row -->
                    </div>
                  </div><!-- End features -->
                
              

عنوان یک مطلب

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است . لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

اطلاعات بیشتر

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

عنوان یک بخش

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است .

                
                  <!-- =========={ FEATURES }==========  -->
                  <div id="features" class="section bg-primary">
                    <div class="container-fluid">
                      <div class="row">
                        <div class="col-md-6 bg-body">
                          <div class="p-5 p-lg-7" data-aos="fade-right">
                            <h2 class="fw-bold mb-3">We are Solution for <br> Your Business.</h2>
                            <p class="lead text-muted mb-5">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
. لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                            <a href="#" class="btn btn-primary">
                              Read More
                              <svg class="bi bi-chevron-double-right ms-2" width=".8rem" height=".8rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L9.293 8 3.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
                                <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L13.293 8 7.646 2.354a.5.5 0 010-.708z" clip-rule="evenodd"></path>
                              </svg>
                            </a>
                          </div>
                        </div>

                        <div class="col-md-6 text-light position-relative overflow-hidden">
                          <!-- scribble -->
                          <figure class="scribble scale-3 opacity-10 bottom-0 end-0 z-index-n1">
                            <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
                              <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
                            </svg>
                          </figure>

                          <!-- scribble -->
                          <figure class="scribble scale-4 opacity-10 bottom-0 end-0 z-index-n1">
                            <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
                              <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
                            </svg>
                          </figure>

                          <!-- scribble -->
                          <figure class="scribble scale-5 opacity-10 bottom-0 end-0 z-index-n1">
                            <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
                              <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
                            </svg>
                          </figure>

                          <!-- scribble -->
                          <figure class="scribble scale-6 opacity-10 bottom-0 end-0 z-index-n1">
                            <svg class="text-secondary" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
                              <path fill="currentColor" d="M42.5,-66.2C57.1,-56.7,72.5,-48.4,81.1,-35.3C89.8,-22.2,91.8,-4.4,89.6,13C87.3,30.4,80.7,47.4,69.5,60.1C58.3,72.9,42.4,81.5,25.9,84.6C9.5,87.8,-7.4,85.4,-22.7,79.8C-37.9,74.1,-51.5,65.2,-60.9,53.3C-70.4,41.4,-75.8,26.6,-79,10.8C-82.1,-5,-83.1,-21.7,-77.7,-36.4C-72.4,-51,-60.7,-63.7,-46.7,-73.5C-32.7,-83.3,-16.4,-90.1,-1.2,-88.2C13.9,-86.3,27.8,-75.7,42.5,-66.2Z" transform="translate(100 100)" />
                            </svg>
                          </figure>
                          <div class="py-5 px-2 px-lg-5">
                            <!-- row -->
                            <div class="row align-items-center justify-content-around">
                              <div class="col-12" data-aos="fade-up">
                                <div class="my-3">
                                  <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                                    <div class="d-flex align-items-center text-center me-4">
                                      <!-- <i class="far fa-user me-3 fa-2x text-primary"></i> -->
                                      <svg class="bi bi-graph-up text-warning"  width="4rem" height="4rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path d="M0 0h1v16H0V0zm1 15h15v1H1v-1z"></path>
                                        <path fill-rule="evenodd" d="M14.39 4.312L10.041 9.75 7 6.707l-3.646 3.647-.708-.708L7 5.293 9.959 8.25l3.65-4.563.781.624z" clip-rule="evenodd"></path>
                                        <path fill-rule="evenodd" d="M10 3.5a.5.5 0 01.5-.5h4a.5.5 0 01.5.5v4a.5.5 0 01-1 0V4h-3.5a.5.5 0 01-.5-.5z" clip-rule="evenodd"></path>
                                      </svg>
                                    </div>
                                    <div class="text-start">
                                      <h3 class="h5 text-white">عنوان یک بخش</h3>
                                      <p class="text-light">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                                    </div>
                                  </div>
                                </div>
                              </div>

                              <div class="col-12" data-aos="fade-up" data-aos-delay="100">
                                <div class="my-3">
                                  <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                                    <div class="d-flex align-items-center text-center me-4">
                                      <!-- <i class="far fa-thumbs-up me-3 fa-2x text-primary"></i> -->
                                      <svg class="bi bi-pie-chart text-warning" width="4rem" height="4rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" d="M8 15A7 7 0 108 1a7 7 0 000 14zm0 1A8 8 0 108 0a8 8 0 000 16z" clip-rule="evenodd"></path>
                                        <path fill-rule="evenodd" d="M7.5 7.793V1h1v6.5H15v1H8.207l-4.853 4.854-.708-.708L7.5 7.793z" clip-rule="evenodd"></path>
                                      </svg>
                                    </div>
                                    <div class="text-start">
                                      <h3 class="h5 text-white">عنوان یک بخش</h3>
                                      <p class="text-light">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                                    </div>
                                  </div>
                                </div>
                              </div>

                              <div class="col-12" data-aos="fade-up">
                                <div class="my-3">
                                  <div class="d-flex rounded ps-3 pe-1 ps-md-1 pe-md-1 py-2">
                                    <div class="d-flex align-items-center text-center me-4">
                                      <!-- <i class="far fa-file-archive me-3 fa-2x text-primary"></i> -->
                                      <svg class="bi bi-file-richtext text-warning" width="4rem" height="4rem" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                        <path fill-rule="evenodd" d="M4 1h8a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V3a2 2 0 012-2zm0 1a1 1 0 00-1 1v10a1 1 0 001 1h8a1 1 0 001-1V3a1 1 0 00-1-1H4z" clip-rule="evenodd"></path>
                                        <path fill-rule="evenodd" d="M4.5 11.5A.5.5 0 015 11h3a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm0-2A.5.5 0 015 9h6a.5.5 0 010 1H5a.5.5 0 01-.5-.5zm1.639-3.708l1.33.886 1.854-1.855a.25.25 0 01.289-.047l1.888.974V7.5a.5.5 0 01-.5.5H5a.5.5 0 01-.5-.5V7s1.54-1.274 1.639-1.208zM6.25 5a.75.75 0 100-1.5.75.75 0 000 1.5z" clip-rule="evenodd"></path>
                                      </svg>
                                    </div>
                                    <div class="text-start">
                                      <h3 class="h5 text-white">عنوان یک بخش</h3>
                                      <p class="text-light">لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است
.</p>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div><!-- end features -->