jic-imob/page-about.php at master · devMagno/jic-imob · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<?php
// Template Name: Sobre
?>
<?php get_header(); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

  <main class="page-content page-content--about">

    <div class="innerTitle container">
      <p class="innerTitle__text">Conheça a empresa</p>
      <h2 class="innerTitle__title">Quem somos</h2>
    </div>

    <section class="container">
      <div class="info flex flex--items-c flex--justify-sb flex--wrap row gutter">
        <div class="info__left col-6 col-sm-12">
          <h3 class="page-title">Sobre a empresa</h3>
          <div class="info__content">
              <?php echo wpautop(get_post_meta(get_the_ID(), 'empresa-texto', true)); ?>
          </div>
        </div>
        <div class="info__right col-6 col-sm-12">
          <img
              src="<?php the_field('foto-sobre') ?>"
              alt="<?php the_field('foto-sobre-alt') ?>">
        </div>
      </div>
    </section>

    <section class="container">
      <div class="values flex flex--wrap row gutter">
        <div class="values__item flex flex--col flex--items-c col-4 col-sm-12">
          <div class="values__icon-container flex flex--items-c flex--justify-c">
            <span class="values__icon fas fa-bullseye"></span>
          </div>
          <p class="values__title">Missão</p>
          <p class="values__text"><?php the_field('missao-texto'); ?></p>
        </div>
        <div class="values__item flex flex--col flex--items-c col-4 col-sm-12">
          <div class="values__icon-container flex flex--items-c flex--justify-c">
            <span class="values__icon far fa-eye"></span>
          </div>
          <p class="values__title">Visão</p>
          <p class="values__text"><?php the_field('visao-texto'); ?></p>
        </div>
        <div class="values__item flex flex--col flex--items-c col-4 col-sm-12">
          <div class="values__icon-container flex flex--items-c flex--justify-c">
            <span class="values__icon far fa-gem"></span>
          </div>
          <p class="values__title">Valores</p>
          <p class="values__text"><?php the_field('valores-texto'); ?></p>
        </div>
      </div>
    </section>

    <div class="cta flex flex--items-c flex--justify-c">
      <img
          src="<?php the_field('foto-cta') ?>"
          alt="<?php the_field('foto-cta-alt') ?>" class="cta__background">
      <div class="cta__content">
        <p class="cta__text">Conheça nossos serviços</p>
        <a href="/servicos" class="cta__button btn btn--radius flex flex--items-c flex--justify-c">Saiba mais</a>
      </div>
    </div>
  </main>


<?php endwhile; else: endif; ?>
<?php get_footer(); ?>