Advertisement
Garey

hrvisuals - pricelist

Jan 17th, 2022 (edited)
454
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 8.29 KB | None | 0 0
  1. <style>
  2. .features-icons .features-icons-item {
  3.     max-width: 20rem;
  4. }
  5. .features-icons .features-icons-item .features-icons-icon i {
  6.   font-size: 4.5rem;
  7. }
  8. .features-icons .features-icons-item .features-icons-icon {
  9.     height: 7rem;
  10. }
  11. .feature {
  12.     display: inline-flex;
  13.     align-items: center;
  14.     justify-content: center;
  15.     height: 2.5rem;
  16.     width: 2.5rem;
  17.     font-size: 1.25rem;
  18. }
  19. </style>
  20.  
  21. <div class="nav nav-pills" id="v-pills-tab" role="tablist" aria-orientation="horizontal">
  22.   <a class="nav-link active col-md-6 text-uppercase" style="font-size: 1.5rem;" id="weddings-tab" data-toggle="pill" href="#weddings" role="tab" aria-controls="weddings" aria-selected="true">Сватби</a>
  23.   <a class="nav-link col-md-6 text-uppercase" style="font-size: 1.5rem;" id="music-videos-tab" data-toggle="pill" href="#music-videos" role="tab" aria-controls="music-videos" aria-selected="false">Рекламни и музикални проекти</a>
  24. </div>
  25.  
  26. <div class="tab-content">
  27.   <div class="tab-pane active" id="weddings" role="tabpanel" aria-labelledby="weddings-tab">
  28.  
  29. <section class="py-5">
  30. <div class="container px-5 my-5">
  31. <div class="text-center mb-5">
  32. <h2 class="fw-bolder">Сватби</h2>
  33. <p class="lead mb-0" style="font-size: 2rem !important;">Планове</p>
  34. </div>
  35. <div class="row gx-5 justify-content-center">
  36. <div class="col-lg-6 col-xl-4">
  37. <div class="card mb-6 mb-xl-0 col-sm-0 border-0">
  38. <div class="card-body p-5">
  39. <div class="text-uppercase fw-bold text-muted" style="font-weight: bold;"><i class="fa fa-star text-primary mr-1 mb-4"></i>Стандартен план</div>
  40. <div class="mb-3"><span class="display-4 fw-bold" style="font-size: 3rem !important;">1200лв.</span></div>
  41. <ul class="list-unstyled mb-4" style="font-size: .85rem;">
  42.     <li class="mb-2"><i class="fa fa-check text-primary mr-1"></i><strong>Един оператор</strong></li>
  43.     <li class="mb-2"><i class="fa fa-check text-primary mr-1"></i><strong>Видеозаснемане до 10часа</strong></li>
  44.     <li class="mb-2"><i class="fa fa-check text-primary mr-1"></i><strong>Сватбен филм до 60 минути </strong></li>
  45.     <li class="mb-2"><i class="fa fa-check text-primary mr-1"></i><strong>Цветови корекции</strong></li>
  46.     <li class="mb-2"><i class="fa fa-check text-primary mr-1"></i><strong>Качество на филма Full HD</strong></li>
  47.     <li><i class="fa fa-check text-primary mr-1"></i><strong>Срок на обработка - 120 дни</strong></li>
  48. </ul>
  49. </div>
  50. </div>
  51. </div>
  52. <div class="col-lg-6 col-xl-6">
  53. <div class="card mb-6 mb-xl-0 col-sm-0 border-0">
  54. <div class="card-body p-5 pb-1">
  55. <div class="text-uppercase fw-bold text-muted" style="font-weight: bold;"><i class="fa fa-star text-warning mr-1 mb-4"></i>Допълнителни опции</div>
  56. <ul class="list-unstyled mb-4" style="font-size: .85rem; font-weight: bold;">
  57.     <li class="d-flex justify-content-between align-items-center mb-2">Втори оператор <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  58.     <li class="d-flex justify-content-between align-items-center mb-2">Изработка на трейлър <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  59.     <li class="d-flex justify-content-between align-items-center mb-2">Изработка на тийзър (до 60 секунди) <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  60.     <li class="d-flex justify-content-between align-items-center mb-2">Експресна изработка на трейлъра до 10 дни <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  61.     <li class="d-flex justify-content-between align-items-center mb-2">4К качество на филма <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  62.     <li class="d-flex justify-content-between align-items-center mb-2">Заснемане с дрон <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  63.     <li class="d-flex justify-content-between align-items-center mb-2">Запис на филма на USB Flash <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+50лв.</span></li>
  64.     <li class="d-flex justify-content-between align-items-center mb-2">Дължина на филма до 30 минути <span class="badge badge-primary badge-pill" style="font-size: .85rem;">-100лв.</span></li>
  65.     <li class="d-flex justify-content-between align-items-center mb-2">Дължина на филма до 120 минути <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  66.     <li class="d-flex justify-content-between align-items-center mb-2">Изготвяне на сватбения филм до 60 дни <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+100лв.</span></li>
  67.     <li class="d-flex justify-content-between align-items-center">Изготвяне на сватбения филм до 30 дни <span class="badge badge-primary badge-pill" style="font-size: .85rem;">+200лв.</span></li>
  68. </ul>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </section>
  75.  
  76. <h1 class="fw-bolder mb-5 mt-0 text-center" style="font-size: 1.625rem;">Условия</h1>
  77. <div class="row gx-5 justify-content-center">
  78.  
  79. <div class="col-lg-6">
  80. <div class="row gx-5 row-cols-1 row-cols-md-2">
  81. <ul class="list-group mt-4">
  82.     <li class="list-group-item border-0">
  83. <div class="col mb-2 h-100">
  84. <h2 class="h5"><span class="feature bg-primary bg-gradient rounded mb-3 text-white text-center mr-2"><i class="fa fa-clock-o"></i></span>Овъртайм</h2>
  85. <p class="mb-4">Овъртайм се начислява след всеки започнат час след десетия.</p>
  86.  
  87. <h2 class="h5 mb-0">Цена: 80лв/ч. на оператор</h2>
  88. </div></li>
  89.     <li class="list-group-item border-0">
  90. <div class="col mb-2 h-100">
  91. <h2 class="h5"><span class="feature bg-primary bg-gradient rounded mb-3 text-white text-center mr-2"><i class="fa fa-film"></i></span>Краен продукт</h2>
  92. Като създател на крайния продукт <strong>HRVisuals LTD</strong> запазва правата си на свободно ползване на крайния продукт за собствени или рекламни цели.
  93. <p class="mb-4">Готовият продукт се пази в клауд пространството за 2 месеца. По желание може да се удължи до 1 година.</p>
  94.  
  95. <h2 class="h5 mb-0">Цена: 50лв.</h2>
  96. </div></li>
  97.     <li class="list-group-item border-0">
  98. <div class="col mb-5 h-100">
  99. <h2 class="h5"><span class="feature bg-primary bg-gradient rounded mb-3 text-white text-center mr-2"><i class="fa fa-video-camera"></i></span>Сурови Кадри</h2>
  100. <p class="mb-4">Сурови кадри се пазят до 2 месеца след предаването на готовия продукт.</p>
  101.  
  102. </div></li>
  103. </ul>
  104. </div>
  105. </div>
  106. </div>
  107.  
  108.   </div>
  109.   <div class="tab-pane" id="music-videos" role="tabpanel" aria-labelledby="music-videos-tab">
  110.    <section class="py-5">
  111. <h1 class="fw-bolder mb-5 mt-0 text-center" style="font-size: 1.625rem;">Рекламни и музикални проекти</h1>
  112.  
  113. <div class="row gx-5 justify-content-center">
  114.  
  115. <div class="col-lg-6 col-xxl-4 mb-5">
  116.                         <div class="card bg-light border-0">
  117.                             <div class="card-body text-center p-4 p-lg-5 pt-0">
  118.                                 <div class="bg-primary text-white rounded mb-4 justify-content-center align-items-center" style="display: inline-flex; height: 4rem; width: 4rem;font-size: 2rem;"><i class="fa fa-money"></i></div>
  119.                                 <h2 class="fs-4 fw-bold">Цена</h2>
  120.                                 <p class="mb-0" style="font-size: 1rem;">Цената за рекламни или музикални проекти се определя строго индивидуално според изискванията на клиента.</p>
  121.                             </div>
  122.                         </div>
  123.                     </div>
  124.                  
  125. </div>
  126.    </section>
  127.   </div>
  128. </div>
  129.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement