web-site/Projects/Frontend/Views/pisiV1/Home/main_bg.wizard.php

 @view('Home/slider') 
      <div class="my-3 my-md-5">
        <div class="container">    
          <!-- welcome -->
          <div class="col-md-12">
            <div class="card-body text-center">
              <h3 class="mb-3">Добре дошли в сайта на Pisi GNU/Linux</h3>
              <p class="mb-4">
               Pisi Linux e ГНУ / Линукс Pisi базирана дистрибуция, която се разработва от общност на свободен софтуер, с фокус крайният потребител, дистрибуцията цели улеснение при инсталация, конфигурация и работа от страна на крайния потребител  в хода на ежедневната му работа с компютър
              </p>
            </div>
          <!-- /welcome -->
          </div> 

<hr> 

   <!--özellikler-->
          <div class="row row-cards">
            <div class="page-header"></div><div class="page-header"></div>
            <div class="col-sm-12 col-lg-4">
              <div class="card card-profile">
                <div class="card-header" style="background-image: url('/upload/tech.jpg');"></div>
                <div class="card-body text-center" style="height: 213px;">
                  
                  <h3 class="mb-3">Използва последните технологии</h3>
                  <p class="mb-4">
                    В хранилището са разположени последните стабилни версии на пакетите с програми. Дистрибуцията съдейства за правилното изписване на думи на вашия език 
                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-12 col-lg-4">
              <div class="card card-profile">
                <div class="card-header" style="background-image: url('/upload/fasteasy.jpg');"></div>
                <div class="card-body text-center" style="height: 213px;">
                  
                  <h3 class="mb-3">Инсталира се бързо и лесно</h3>
                  <p class="mb-4">В повечето машини инсталацията е бърза, не губи вашето време, лесна е с ГПИ. По време на инсталацията се инсталират всички нужни програми като офис пакет, интернет браузър, чат клиент и др.
                  </p>
                </div>
              </div>
            </div>
            <div class="col-sm-12 col-lg-4">
              <div class="card card-profile">
                <div class="card-header" style="background-image: url('/upload/freecat.jpg');"></div>
                <div class="card-body text-center" style="height: 213px;">
                 
                  <h3 class="mb-3">Свободен е.</h3>
                  <p class="mb-4">Pisi Linux е свободен и с отворен код. Имате пълен достъп до сорс кода и можете да го промените по ваш вкус. Няма вируси. Не се налага постоянно сканиране на свалените файлове от Интернет
                  </p>
                </div>
              </div>
            </div>
          </div>
        


          <!-- pisi linux features start-->
          <div class="row row-cards">
            <div class="col-md-12">
              <div class="card-body text-center">
                <h3 class="mb-3">Качества на Pisi Linux</h3>
                <p class="mb-4">
                  Със своята бързина и стабилност Pisi Linux е приятел на крайния потребител. Ще го обикнете като го използвате и няма да можете да се откажете от него
                </p>
              </div>
            </div>
            <div class="col-md-6 col-xl-4">
              <div class="card">
                <div class="card-status bg-green"></div>
                <div class="card-header">
                  <h3 class="card-title">Пълна версия е</h3>
                  
                </div>
                <div class="card-body" height="100">
                 След инсталацията в хранилището ни ви чакат пълна гама от приложения. Непременно там има едно от стотиците приложения, което ще свърши вашата работа. Освен това автоматично се разпознава вашият хардуер.
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4">
              <div class="card">
                <div class="card-status bg-blue"></div>
                <div class="card-header">
                  <h3 class="card-title">Има поддръжка на езици</h3>
                  
                </div>
                <div class="card-body">
                  Pisi Linux се старае да има правилна поддръжка на езици. Общността ни се старае да превежда пакети, за да са достъпни за всеки.
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4">
              <div class="card">
                <div class="card-status bg-orange"></div>
                <div class="card-header">
                  <h3 class="card-title">Персонализира се</h3>
                  
                </div>
                <div class="card-body">
                  Лесно персонализирайте вашия компютър с помощта на невъобразимо множеството опции на KAPTAN (капитан) в работната среда KDE. Въображението е ваше, изпълнението - на KAPTAN.
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4">
              <div class="card">
                <div class="card-status bg-orange"></div>
                <div class="card-header">
                  <h3 class="card-title">Лесен е</h3>
                  
                </div>
                <div class="card-body">
                  Много лесно се работи с Pisi Linux. Не казвайте, че са достатъчни първоначално зададените опциии, развийте вашето въображение, използвайте и работете с лекота
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4">
              <div class="card">
                <div class="card-status bg-green"></div>
                <div class="card-header">
                  <h3 class="card-title">Инсталира се бързо и лесно</h3>
                  
                </div>
                <div class="card-body">
                  За нула време ще го инсталирате. След което няма да се занимавате с инсталиране драйвери, просто ще се наслаждавате на вашия компютър.
                </div>
              </div>
            </div>

            <div class="col-md-6 col-xl-4">
              <div class="card">
                <div class="card-status bg-blue"></div>
                <div class="card-header">
                  <h3 class="card-title">Блокира вируси</h3>
                  
                </div>
                <div class="card-body">
                  Имате проблеми със нежелани и зловредни програми? Pisi Linux с мощта на базата на Linux системата ви е неуязвима на вируси и програми със зловреден код.
                </div>
              </div>
            </div>
          </div>
          <!-- pisi linux features end-->



          <!--Wiki -->
        <h2 class="text-center">Актуално от Wiki</h2>
          <div class="row row-cards">
            <div class="page-header"></div>
              @foreach (wikicontent() as $key)
              <div class="col-sm-12 col-lg-4">
                <div class="card card-profile">                 
                    <div class="card-header" style="overflow: hidden; width:100%; height:100%"  >
                      <img src="{[ echo content_image($key->detay); ]}" alt=""  style="margin:auto;height:144px;object-fit:contain;">
                    </div>
                    <div class="card-body text-center" style="height: 213px;">    
                     <a href="/wiki/content/{{$key->id.'-'.$key->baslik_seo}}.html">              
                      <h3 class="mb-3">{[ echo $key->baslik; ]}</h3></a>
                      <p class="mb-4">{[ echo kelimebol($key->detay,200); ]}</p>
                    </div>
                  
                </div>
              </div>
            @endforeach
          </div>  
          <!--Wiki end -->
          
          <hr>
          <!--Blog -->
          <h2 class="text-center">Актуално от блога</h2>
          <div class="row row-cards">
            <div class="page-header"></div>
          @foreach (content() as $key)
            <div class="col-sm-12 col-lg-4">
              <div class="card card-profile">
               
                  <div class="card-header" style="overflow: hidden; width:100%; height:100%" >
                    <img src="{[ echo content_image($key->content); ]}" alt="{[ echo $key->title; ]}" style="margin:auto;height:144px;object-fit:contain;">

                  </div>
                  <div class="card-body text-center" style="height: 213px;">   
                   <a href="/blog/content/{{$key->id.'-'.$key->title_seo}}.html">               
                    <h3 class="mb-3">{[ echo $key->title; ]}</h3>
                  </a>
                    <p class="mb-4">{[ echo kelimebol($key->content,200); ]}</p>
                  </div>
                
              </div>
            </div>
          @endforeach
          </div>  
          <!--blog end -->


        </div>
      </div>