templates/main/default/iletisim.html.twig line 1

Open in your IDE?
  1. {% extends 'main_base.html.twig' %}
  2. {% block title %}{{ entity.title }}{% endblock %}
  3. {% block description %}{{ entity.description }}{% endblock %}
  5. {% block content %}
  6.     <style>
  7.         {#    <header>#}
  8.         {#        <div class="header-image"><img src="{{ asset('assets/main/images/iletisim.webp') }}" alt=""></div>#}
  9.         {#        <div class="header-text">#}
  10.         {#            <a href="{{ path('app_main_default') }}">#}
  11.         {#                <div class="header-logo"><img src="{{ asset('assets/main/images/elefante.svg') }}" alt=""></div>#}
  12.         {#            </a>#}
  13.         {#            <div class="header-name"><span>{{ entity.title }}</span></div>#}
  14.         {#            <div class="header-text-line">#}
  15.         {#                <span>SINCE</span>#}
  16.         {#                <span>1995</span>#}
  17.         {#            </div>#}
  18.         {#        </div>#}
  19.         {#    </header>#}
  21.         {#    <div class="about-us-cotton-svg-1 contact-us-cotton-svg-1">#}
  22.         {#        <img src="{{ asset('assets/main/images/cotton.svg') }}" alt="">#}
  23.         {#    </div>#}
  26.         {#    <div id="container">#}
  27.         {#        <div class="content">#}
  29.         {#            <div class="router-url">#}
  30.         {#                <a href="{{ path('app_main_default') }}">{{ 'anasayfa'|trans }}</a> /#}
  31.         {#                <a href="{{ path('app_main_iletisim') }}">{{ entity.title }}</a>#}
  32.         {#            </div>#}
  34.         {#            <div class="contact-us">#}
  35.         {#                <h2 class="contact-us-header">{{ 'iletisim.bizeulasin'|trans }}</h2>#}
  36.         {#                <hr class="contact-us-line">#}
  37.         {#                <div class="contact-us-text">{{ 'iletisim.urunveuretimler'|trans }}</div>#}
  38.         {#                <div class="contact-us-content">#}
  39.         {#                    <div class="contact-form">#}
  40.         {#                        <form action="{{ path('app_main_iletisim') }}" method="post">#}
  41.         {#                            <div class="contact-form-line">#}
  42.         {#                                <input type="text" placeholder="{{ 'iletisim.adinizinput'|trans }}" name="ad" required>#}
  43.         {#                                <input type="text" placeholder="{{ 'iletisim.soyadinizinput'|trans }}" name="soyad" required>#}
  44.         {#                            </div>#}
  45.         {#                            <div class="contact-form-line">#}
  46.         {#                                <input type="text" placeholder="{{ 'iletisim.epostainput'|trans }}" name="email" required>#}
  47.         {#                                <input type="text" placeholder="{{ 'iletisim.telefonnoinput'|trans }}" name="telefon" required>#}
  48.         {#                            </div>#}
  49.         {#                            <div class="contact-form-line">#}
  50.         {#                                <textarea name="not" id="" placeholder="{{ 'iletisim.notunuzinput'|trans }}"></textarea>#}
  51.         {#                            </div>#}
  52.         {#                            <div class="kvkk-hakkinda-text">#}
  53.         {#                                {{ 'iletisim.sahsima'|trans }}#}
  54.         {#                                <a href="{{ path('app_main_kvkk') }}">{{ 'iletisim.kisiselverilerin'|trans }}</a>#}
  55.         {#                            </div>#}
  56.         {#                            <div class="contact-us-content-button">#}
  57.         {#                                <button class="global-normal-btn">{{ 'iletisim.gonder'|trans }}</button>#}
  58.         {#                            </div>#}
  59.         {#                        </form>#}
  60.         {#                        {% set urlMailStatus = app.request.get('mailStatus') %}#}
  61.         {#                        {% if urlMailStatus %}#}
  62.         {#                            <div id="mailStatusMessage">#}
  63.         {#                                {% if urlMailStatus == 'success' %}#}
  64.         {#                                    <p class="mail-status-text text-success">{{ 'iletisim.iletisimformuulasdi'|trans }}</p>#}
  65.         {#                                {% else %}#}
  66.         {#                                    <p class="mail-status-text text-error">{{ 'iletisim.iletisimformuulasmadi'|trans }}</p>#}
  67.         {#                                {% endif %}#}
  68.         {#                            </div>#}
  69.         {#                        {% endif %}#}
  70.         {#                    </div>#}
  71.         {#                    <div class="contact-info">#}
  73.         {#                        <!--    -->#}
  74.         {#                        <div class="contact-content-text-image content-text-image">#}
  75.         {#                            <img src="{{ asset('assets/main/images/ourPassionB.png') }}" alt="">#}
  76.         {#                            <div class="content-text-image-text">{{ 'anasayfa.irtibatagecin'|trans }}</div>#}
  77.         {#                        </div>#}
  78.         {#                        <!--    -->#}
  80.         {#                        {% for adres in adresler %}#}
  81.         {#                            <h3 data-aos="fade-left" data-aos-duration="400" data-aos-easing="linear"#}
  82.         {#                                data-aos-delay="200">{{ 'iletisim.fabrikauretimirtibat'|trans }}</h3>#}
  83.         {#                            {% for telefon in adres.telefonlar %}#}
  84.         {#                                <div class="contact-no" data-aos="fade-left" data-aos-duration="400"#}
  85.         {#                                     data-aos-easing="linear" data-aos-delay="300">#}
  86.         {#                                    <a href="tel:0(258)-371-94-74">#}
  87.         {#                                        <i class="fas fa-phone"></i>#}
  88.         {#                                        {{ telefon.telefon }}#}
  89.         {#                                    </a>#}
  90.         {#                                </div>#}
  91.         {#                            {% endfor %}#}
  92.         {#                            <div class="contact-email" data-aos="fade-left" data-aos-duration="400"#}
  93.         {#                                 data-aos-easing="linear" data-aos-delay="400">#}
  94.         {#                                <a href="mailto:elefante@elefante.com.tr">#}
  95.         {#                                    {{ adres.email }}#}
  96.         {#                                </a>#}
  97.         {#                            </div>#}
  98.         {#                            <div class="contact-text" data-aos="fade-left" data-aos-duration="400"#}
  99.         {#                                 data-aos-easing="linear" data-aos-delay="500">#}
  100.         {#                                {{ 'iletisim.herhangibirsoru'|trans }}#}
  101.         {#                            </div>#}
  102.         {#                            <div class="contact-address" data-aos="fade-left" data-aos-duration="400"#}
  103.         {#                                 data-aos-easing="linear" data-aos-delay="600">#}
  104.         {#                                <i class="fas fa-map-marker-alt"></i>#}
  105.         {#                                <div class="contact-address-info">#}
  106.         {#                                    <a href="https://goo.gl/maps/mrhfx6BRhvSQacAg8">#}
  107.         {#                                        <p>{{ adres.adres }}</p>#}
  108.         {#                                    </a>#}
  109.         {#                                </div>#}
  110.         {#                            </div>#}
  111.         {#                            <div class="contact-address-button">#}
  112.         {#                                <button class="global-btn"><a href="{{ adres.harita }}" target="_blank">{{ 'iletisim.yoltarifial'|trans }}</a></button>#}
  113.         {#                            </div>#}
  114.         {#                        {% endfor %}#}
  115.         {#                    </div>#}
  116.         {#                </div>#}
  117.         {#            </div>#}
  119.         {#        </div>#}
  120.         {#    </div>#}
  122.         {#    <!--    -->#}
  123.         {#    <div class="location">#}
  124.         {#        <div id="map"></div>#}
  125.         {#        <div class="map-follow-us-box follow-us-box">#}
  126.         {#            <div class="follow-us-box-content">#}
  127.         {#                <h3 data-aos="fade-right" data-aos-duration="400" data-aos-easing="linear" data-aos-delay="300">{{ 'bizitakipedin'|trans }}</h3>#}
  128.         {#                <p data-aos="fade-right" data-aos-duration="400" data-aos-easing="linear"#}
  129.         {#                   data-aos-delay="500">{{ entity.metin|raw }}</p>#}
  130.         {#                <div class="follow-us-box-buttons" data-aos="fade-right" data-aos-duration="400"#}
  131.         {#                     data-aos-easing="linear" data-aos-delay="700">#}
  132.         {#                    {% for sm in sosyalmedya %}#}
  133.         {#                        <button class="global-btn">#}
  134.         {#                            <a href="{{ sm.link }}" target="_blank">#}
  135.         {#                                <i class="fab fa-{{ sm.tip }}"></i>#}
  136.         {#                                <span>{{ sm.tip|capitalize }}</span>#}
  137.         {#                            </a>#}
  138.         {#                        </button>#}
  139.         {#                    {% endfor %}#}
  140.         {#                </div>#}
  141.         {#            </div>#}
  142.         {#        </div>#}
  143.         {#    </div> #}</style>
  144.     <style> .navbar__section-links__wrapper :not(.CONTACT) {
  145.             opacity: 0.4 !important;
  146.         }
  148.         .navbar__section-logo__wrapper-img {
  149.             filter: brightness(0) invert(1) !important;
  150.         }
  152.         .production__section-sliders-slider-description {
  153.             margin-right: 10rem;
  154.         }
  156.         .navbar__section::before {
  157.             content: "";
  158.             position: absolute;
  159.             top: 0;
  160.             right: 0;
  161.             left: 0;
  162.             bottom: 0;
  163.             background: rgba(0, 0, 0, 0.4);
  164.             z-index: -1;
  166.         }
  168.         .navbar__section::after {
  169.             content: "";
  170.             background-image: url("{{ asset('assets/main/images/navbar/navbar-bg-contact.png') }}");
  171.             background-position: center;
  172.             background-size: cover;
  174.             position: absolute;
  175.             top: 0;
  176.             right: 0;
  177.             left: 0;
  178.             bottom: 0;
  179.             z-index: -2;
  181.         }
  183.         .video__section {
  184.             margin-top: 0 !important;
  185.             padding-bottom: 8% !important;
  186.         }
  188.         .contact__section-description h2 {
  189.             margin-right: 0;
  190.         }
  192.         .contact__section-description p a {
  193.             text-decoration: none;
  194.             font-weight: 600;
  195.             color: #000000;
  196.             margin-left: 5px;
  197.         }
  198.     </style>
  199.     <div>
  200.         {% include 'main/default/loader.html.twig' %}
  201.         {% include 'main/default/cookie.html.twig' %}
  202.         <div class="main-container">
  203.             <div class="contact__section">
  204.                 <div class="contact__section-mail__and__contact__section">
  205.                     <div class="contact__section-left">
  206.                         <div class="contact__section-description">
  207.                             <h4>{{ entity.baslik|raw }}</h4>
  209.                             <p>{{ entity.metin|raw }}</p>
  210.                         </div>
  211.                         {% for adres in adresler %}
  212.                             <div class="contact__section-left-head__office">
  213.                                 <h4>Head Office</h4>
  214.                                 <a href="">{{ adres.adres }}</a>
  216.                             </div>
  217.                             <div class="contact__section-left-phone">
  218.                                 <h4>Phone</h4>
  219.                                 {% for telefon in adres.telefonlar %}
  220.                                     <a href="tel: {{ telefon.telefon }}">{{ telefon.telefon }}</a><br>
  221.                                 {% endfor %}
  222.                             </div>
  223.                             <div class="contact__section-left-e__mail">
  224.                                 <h4>E-Mail Adress</h4>
  225.                                 <a href="mailto: {{ adres.email }}">{{ adres.email }}</a>
  226.                             </div>     {% endfor %}
  227.                         <div class="contact__section-left-logos">
  228.                             <img src="{{ asset('uploads/ayarlar/referans/' ~ ayarlar.referans) }}">
  229.                         </div>
  230.                     </div>
  231.                     <div class="contact__section-right">
  232.                         <form method="post" {{ path('app_main_iletisim') }} class="overflow-hidden"
  233.                               ID="applicationForm">
  234.                             <h2>Send us your <br>question</h2>
  235.                             <div class="contact__section-right-name__surname">
  236.                                 <input type="text" placeholder="{{ 'iletisim.adinizinput'|trans }}" name="ad" required>
  237.                                 <input type="text" placeholder="{{ 'iletisim.soyadinizinput'|trans }}" name="soyad"
  238.                                        required>
  239.                             </div>
  240.                             <div class="contact__section-right-mail__phone">
  241.                                 <input type="text" placeholder="{{ 'iletisim.epostainput'|trans }}" name="email"
  242.                                        required>
  243.                                 <input type="text" placeholder="{{ 'iletisim.telefonnoinput'|trans }}" name="telefon"
  244.                                        required>
  245.                             </div>
  246.                             <div class="contact__section-right-question">
  247.                                 <textarea name="not" id="" rows="5"
  248.                                           placeholder="{{ 'iletisim.notunuzinput'|trans }}"></textarea>
  250.                             </div>
  253.                             <div class="g-recaptcha" data-sitekey="6LeisUApAAAAALqx41lBMXWo2Z-mnECvkQWPN7UJ"></div>
  254.                             <div class="contact__section-right-agree">
  255.                                 <input type="checkbox" id="agree" name="agree" required>
  256.                                 <label for="agree">I agree to the <a href="#">privacy conditions</a></label>
  258.                             </div>
  259.                             <div class="contact__section-right-agree">
  260.                                 <button class="sub__button">{{ 'iletisim.gonder'|trans }}</button>
  263.                             </div>
  264.                         </form>
  265.                     </div>
  268.                 </div>
  270.             </div>
  271.             <div class="contact__section-map__section">
  272.                 <div id="map"></div>
  273.             </div>
  274.         </div>
  275.     </div>
  278. {% endblock %}
  280. {% block body_js %}
  281.     {% include 'main/default/scripts.html.twig' %}
  282.     <script async defer
  283.             src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCaVmIIj8Xl8XSxcYX59jP9A2058NyMWaE&amp;callback=initMap">
  284.     </script>
  286. {% endblock %}