<?php

$ml_text = get_content_from_json("offers");

 ?>

<section class="_sec offres" data-sec="offres">
  <div class="g-clr-0">
    <div class="g-row-1 g-fullheight">

      <div class="g-column-1 offers-desc">
		<div>
			<h2 class="offers-title">
			  <div class="_a" data-de="0">
				<span class="h-line _a-Y"><?= $ml_text[LANG]['h2-0'] ?></span>
			  </div>
			</h2>
			
			<?php line("g-line-container header-line", "g-line-medium", 1300); ?>
			
			<h3 class="offers-subtitle">
			  <div class="_a" data-de="300">
				<span class="h-line _a-Y"><?= $ml_text[LANG]['h2-1'] ?></span>
			  </div>
			</h3>
		</div>
        <div class="g-fullwidth">
          <div class="g-paragraph _a">
            <p class="_a-opacity"><?= $ml_text[LANG]['p-0'] ?></p>
          </div>
          <div class="g-paragraph _a">
            <p class="_a-opacity"><?= $ml_text[LANG]['p-1'] ?></p>
          </div>
          <div class="g-paragraph _a">
            <p class="_a-opacity"><?= $ml_text[LANG]['p-2'] ?></p>
          </div>
        </div>
      </div>
	  
	  <div class="g-hor-line-container">
        <div class="g-hor-line"></div>
      </div>

      <div class="g-column-1 offers-list">

			<?php for($i = 0 ; $i < 3 ; $i++) { ?>
				<div class="cellule_offres" style="background: url('/assets/img/offres/<?= $ml_text[LANG]['img-'.$i] ?>');" >
					<div class="fond_desc_offre">
					  <h4>
						<div class="_a" data-de="200">
						  <span class="h-line _a-Y"><?= $ml_text[LANG]['h3-'.$i] ?></span>
						</div>
					  </h4>
					  <div class="g-paragraph _a detail_offre">
						<p class="_a-opacity">
						  <?= $ml_text[LANG]['li-'.$i.'-0'] ?><br/>
						  <?= $ml_text[LANG]['li-'.$i.'-1'] ?><br/>
						  <?= $ml_text[LANG]['li-'.$i.'-2'] ?>
						</p>
					  </div>
					</div>
				</div>
			<?php } ?>

      </div>

    </div>
  </div>
</section>
