a
This commit is contained in:
Ümit Tunç
@@ -1,5 +1,5 @@
|
||||
@extends('layouts.site')
|
||||
|
||||
Ş
|
||||
@section('title', 'Anasayfa')
|
||||
|
||||
@section('content')
|
||||
@@ -36,8 +36,7 @@
|
||||
<div class="flex flex-wrap mx-[-15px] xl:mx-[-20px] lg:mx-[-20px] md:mx-[-20px] !mt-[-40px] !mb-20 xl:!mb-[7rem] lg:!mb-[7rem] md:!mb-[7rem] !text-center">
|
||||
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[40px] max-w-full">
|
||||
<div class="md:!px-3 lg:!px-0 xl:!px-3">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256.01 256" data-inject-url="{{ asset('assets/img/icons/solid/globe-2.svg') }}" class="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] solid-mono text-[#e31e24] text-grape !mb-5 m-[0_auto]"><path class="fill-secondary" d="M128.11 256h-.24a126.37 126.37 0 01-22-1.84 8 8 0 112.72-15.76A114.68 114.68 0 00128 240a8.06 8.06 0 018.07 8 8 8 0 01-7.94 8zm33.52-12.5a8 8 0 014.77-10.25 112.18 112.18 0 0017.66-8.25 8 8 0 018 13.85 128.36 128.36 0 01-20.19 9.46 8 8 0 01-10.26-4.79zm-97.5-4.56a128.83 128.83 0 01-18.27-12.78 8 8 0 1110.25-12.27 114.33 114.33 0 0016 11.2 8 8 0 11-8 13.85zm150.69-27.71a8 8 0 01-1-11.26A112.91 112.91 0 00225 184a8 8 0 0113.86 8 130.3 130.3 0 01-12.78 18.26 8 8 0 01-11.28 1zm-197.59-19A128.41 128.41 0 017.76 172a8 8 0 1115-5.49 112.8 112.8 0 008.29 17.67 8 8 0 11-13.84 8zM244.8 156.7a8 8 0 01-6.5-9.26A112.3 112.3 0 00240 128a8.23 8.23 0 018-8.26 7.81 7.81 0 018 8.76 124.89 124.89 0 01-1.92 21.72 8 8 0 01-9.26 6.48zM8 136.13a7.89 7.89 0 01-8-7.87s.61-15 1.86-22.18a8 8 0 1115.76 2.7A114.47 114.47 0 0016 128a8.09 8.09 0 01-8 8.13zm225.1-46.88a110.41 110.41 0 00-8.32-17.63 8 8 0 0113.83-8.08 129 129 0 019.52 20.17 8 8 0 01-15 5.54zM19.9 75.18A8 8 0 0117 64.26 126.41 126.41 0 0129.73 46 8 8 0 1142 56.21a112.72 112.72 0 00-11.17 16 8 8 0 01-10.93 3zm179.76-33.24a113.17 113.17 0 00-16-11.16 8 8 0 117.95-13.87 127.39 127.39 0 0118.3 12.75 8 8 0 01-10.24 12.28zM60.78 28.26a8 8 0 012.88-11 128 128 0 0120.18-9.44 8 8 0 115.52 15 112.17 112.17 0 00-17.63 8.31 8 8 0 01-11-2.88zm86.29-10.64A112.4 112.4 0 00128 16a8.17 8.17 0 01-8.19-8 7.84 7.84 0 017.81-8h.38a127.72 127.72 0 0121.8 1.86 8 8 0 01-2.71 15.76z"></path><path class="fill-primary" d="M128 32a96 96 0 1096 96 96.11 96.11 0 00-96-96zm62.61 145.66a103 103 0 00-14.49-7.76 160.22 160.22 0 005-33.9h26.48a79.47 79.47 0 01-17.01 41.66zM48.4 136h26.48a161.6 161.6 0 005 33.9 104.11 104.11 0 00-14.5 7.76A79.47 79.47 0 0148.4 136zm17-57.66a103.14 103.14 0 0014.5 7.76 160.2 160.2 0 00-5 33.9H48.4a79.47 79.47 0 0117-41.66zM120 79.7a106.49 106.49 0 01-20-3.43c5.41-13 12.6-22.11 20-26zm0 16V120H90.86A145.12 145.12 0 0195 91.49a122.72 122.72 0 0025 4.21zm0 40.3v24.3a121.26 121.26 0 00-25 4.23A144.37 144.37 0 0190.86 136H120zm0 40.3v29.48c-7.4-3.94-14.59-13-20-26a104.12 104.12 0 0120-3.44zm16 0a106.21 106.21 0 0120 3.43c-5.4 13-12.59 22.11-20 26zm0-16V136h29.1a144.37 144.37 0 01-4.16 28.51 122.49 122.49 0 00-25-4.21zm0-40.3V95.7a121.14 121.14 0 0025-4.23 142.91 142.91 0 014.1 28.53H136zm0-40.3V50.24c7.41 3.94 14.6 13 20 26a104.36 104.36 0 01-20 3.46zm27.94-23.08a80.19 80.19 0 0115.25 10 88.15 88.15 0 01-8.19 4.21 98.1 98.1 0 00-7.12-14.21zm-79 14.21a86.72 86.72 0 01-8.12-4.25 80.12 80.12 0 0115.24-10 95.14 95.14 0 00-7.12 14.25zm0 114.34a98.11 98.11 0 007.12 14.21 80.12 80.12 0 01-15.24-10 86.72 86.72 0 018.12-4.21zm86.1 0a88.15 88.15 0 018.13 4.25 80.19 80.19 0 01-15.25 10 99.14 99.14 0 007.08-14.25zM181.1 120a161 161 0 00-5-33.9 104.57 104.57 0 0014.49-7.76 79.47 79.47 0 0117 41.66z"></path></svg>
|
||||
<h4>{!! t('Yapay Zeka') !!}</h4>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" data-inject-url="{{ asset('assets/img/icons/solid/cloud-download.svg') }}" class="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] solid-mono text-[#e31e24] text-grape !mb-5 m-[0_auto]"><g data-name="Layer 2"><g data-name="Layer 1"><path class="fill-secondary" d="M229 204.06a25.63 25.63 0 00-13.31 3.8l-42.34-29.32V128a10.67 10.67 0 00-21.35 0v56.11a10.63 10.63 0 004.59 8.77l46.9 32.48A26.59 26.59 0 00203 230a26 26 0 1026-26zm0 30.61a4.64 4.64 0 114.64-4.64 4.64 4.64 0 01-4.64 4.64zm-90.33-28.25V128a10.67 10.67 0 10-21.34 0v78.42a26 26 0 1021.34 0zM128 234.67a4.64 4.64 0 114.64-4.64 4.64 4.64 0 01-4.64 4.64z"></path><path class="fill-primary" d="M49.84 172.21l14.1-.18 2.73-1.89V128a26.71 26.71 0 0126.67-26.67 26.41 26.41 0 0117.33 6.57 26.14 26.14 0 0134.66 0 26.53 26.53 0 0144 20.1v42.14l.56.39 16.46-.19a8.5 8.5 0 002.08-.31 65.34 65.34 0 00-9.23-127.65A81 81 0 0049.07 62.91 55.07 55.07 0 000 117.57c0 28.03 21 51.5 49.84 54.64z"></path><path class="fill-secondary" d="M104 128a10.67 10.67 0 10-21.33 0v50.53l-42.33 29.31A25.91 25.91 0 1053 230a25.68 25.68 0 00-.48-4.67l46.89-32.48a10.63 10.63 0 004.59-8.77V128zM27 234.67a4.64 4.64 0 114.65-4.67 4.64 4.64 0 01-4.65 4.67z"></path></g></g></svg> <h4>{!! t('Yapay Zeka') !!}</h4>
|
||||
<p class="!mb-2">{!! t('Yapay zeka teknolojilerini kullanarak işlerinizi otomatikleştirebiliriz.') !!}</p>
|
||||
<a href="#" class="more hover !text-[#e31e24]">{!! t('Daha fazla bilgi edin') !!}</a>
|
||||
</div>
|
||||
@@ -54,7 +53,7 @@
|
||||
<!--/column -->
|
||||
<div class="md:w-6/12 lg:w-3/12 xl:w-3/12 w-full flex-[0_0_auto] !px-[15px] xl:!px-[20px] lg:!px-[20px] md:!px-[20px] !mt-[40px] max-w-full">
|
||||
<div class="md:!px-3 lg:!px-0 xl:!px-3">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 401.13 512" data-inject-url="{{ asset('assets/img/icons/lineal/music.svg') }}" class="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] solid-mono text-[#e31e24] text-grape !mb-5 m-[0_auto]"><path class="fill-secondary" d="M93.28 450.16a14 14 0 01-14-14V107.49A14 14 0 0189 94.15L382.89.66A14 14 0 01401.13 14v356.66a14 14 0 11-28 0V33.13l-265.85 84.59v318.45a14 14 0 01-14 13.99z"></path><path class="lineal-fill" d="M93.28 107.49v111.62l293.85-93.49V13.99l-293.85 93.5z"></path><path class="lineal-stroke" d="M93.28 233.1a14 14 0 01-14-14V107.49A14 14 0 0189 94.15L382.89.66A14 14 0 01401.13 14v111.62a14 14 0 01-9.76 13.38L97.53 232.44a13.76 13.76 0 01-4.25.66zm14-115.38V200l265.86-84.59V33.13zm42.44 323.15a14 14 0 01-14-14V262.23a14 14 0 0128 0v164.65a14 14 0 01-14 13.99zm180.97-124.4a14 14 0 01-14-14V192.26a14 14 0 0128 0v110.22a14 14 0 01-14 13.99z"></path><circle class="lineal-fill" cx="81.86" cy="430.14" r="67.87"></circle><path class="lineal-stroke" d="M81.86 512a81.86 81.86 0 1181.86-81.86A81.95 81.95 0 0181.86 512zm0-135.73a53.87 53.87 0 1053.87 53.87 53.93 53.93 0 00-53.87-53.87zm237.41 75.56a81.86 81.86 0 110-163.71 83.43 83.43 0 0113.23 1.06 14 14 0 01-4.5 27.63A53.88 53.88 0 10373.14 370a14 14 0 1128 0 81.94 81.94 0 01-81.87 81.83z"></path></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 401.13 512" data-inject-url="{{ asset('assets/img/icons/lineal/music.svg') }}" class="svg-inject icon-svg icon-svg-md !w-[2.6rem] !h-[2.6rem] solid-mono text-[#e31e24] text-red !mb-5 m-[0_auto]"><path class="fill-secondary" d="M93.28 450.16a14 14 0 01-14-14V107.49A14 14 0 0189 94.15L382.89.66A14 14 0 01401.13 14v356.66a14 14 0 11-28 0V33.13l-265.85 84.59v318.45a14 14 0 01-14 13.99z"></path><path class="lineal-fill" d="M93.28 107.49v111.62l293.85-93.49V13.99l-293.85 93.5z"></path><path class="lineal-stroke" d="M93.28 233.1a14 14 0 01-14-14V107.49A14 14 0 0189 94.15L382.89.66A14 14 0 01401.13 14v111.62a14 14 0 01-9.76 13.38L97.53 232.44a13.76 13.76 0 01-4.25.66zm14-115.38V200l265.86-84.59V33.13zm42.44 323.15a14 14 0 01-14-14V262.23a14 14 0 0128 0v164.65a14 14 0 01-14 13.99zm180.97-124.4a14 14 0 01-14-14V192.26a14 14 0 0128 0v110.22a14 14 0 01-14 13.99z"></path><circle class="lineal-fill" cx="81.86" cy="430.14" r="67.87"></circle><path class="lineal-stroke" d="M81.86 512a81.86 81.86 0 1181.86-81.86A81.95 81.95 0 0181.86 512zm0-135.73a53.87 53.87 0 1053.87 53.87 53.93 53.93 0 00-53.87-53.87zm237.41 75.56a81.86 81.86 0 110-163.71 83.43 83.43 0 0113.23 1.06 14 14 0 01-4.5 27.63A53.88 53.88 0 10373.14 370a14 14 0 1128 0 81.94 81.94 0 01-81.87 81.83z"></path></svg>
|
||||
<h4>{!! t('Müzik Prodüksiyon') !!}</h4>
|
||||
<p class="!mb-2">{!! t('Müzik prodüksiyonu, film müzikleri, kurumsal müzik çalışmaları ve benzeri alanlarda hizmet veriyoruz.') !!}</p>
|
||||
<a href="#" class="more hover !text-[#e31e24]">{!! t('Daha fazla bilgi edin') !!}</a>
|
||||
|
||||
@@ -0,0 +1,196 @@
|
||||
@extends('layouts.site')
|
||||
|
||||
@section('title', 'Anasayfa')
|
||||
|
||||
@section('content')
|
||||
<div class="grow shrink-0">
|
||||
|
||||
<section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-400 !text-white bg-no-repeat bg-[center_center] bg-cover relative z-0 !bg-fixed before:content-[''] before:block before:absolute before:z-[1] before:w-full before:h-full before:left-0 before:top-0 before:bg-[rgba(30,34,40,.4)]" data-image-src="../assets/img/photos/bg3.jpg" style="background-image: url("../assets/img/photos/bg3.jpg");">
|
||||
<div class="container pt-28 pb-40 xl:pt-36 lg:pt-36 md:pt-36 xl:pb-[12.5rem] lg:pb-[12.5rem] md:pb-[12.5rem] !text-center">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
<h1 class="!text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-3 !text-white">Get in Touch</h1>
|
||||
<nav class="inline-block" aria-label="breadcrumb">
|
||||
<ol class="breadcrumb flex flex-wrap bg-[none] p-0 !rounded-none list-none !mb-[20px]">
|
||||
<li class="breadcrumb-item flex !text-[#60697b]"><a class="!text-white hover:text-white" href="#">Home</a></li>
|
||||
<li class="breadcrumb-item flex !text-white !pl-2 before:font-normal before:!flex before:items-center before:text-[rgba(255,255,255,.5)] before:content-['\e931'] before:text-[0.9rem] before:-mt-px before:!pr-2 before:font-Unicons active" aria-current="page">Contact</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<!-- /nav -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper !bg-[#ffffff] relative border-0 upper-end before:top-[-4rem] before:border-l-transparent before:border-r-[100vw] before:border-t-[4rem] before:border-[#fefefe] before:content-[''] before:block before:absolute before:z-0 before:border-y-transparent before:border-0 before:border-solid before:right-0">
|
||||
<div class="container pb-12">
|
||||
<div class="flex flex-wrap mx-[-15px] !mb-[4.5rem] md:!mb-24">
|
||||
<div class="xl:w-10/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !mt-[-9rem]">
|
||||
<div class="card">
|
||||
<div class="flex flex-wrap mx-0">
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full !self-stretch">
|
||||
<div class="map map-full rounded-t-[0.4rem] rounded-lg-start h-full min-h-[15rem]">
|
||||
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3185.260084530038!2d37.3074315!3d37.027444599999995!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1531df5596352d25%3A0xdf86e451c6ee688a!2zVHJ1bsOnZ2ls!5e0!3m2!1str!2str!4v1767207015943!5m2!1str!2str" style="width:100%; height: 100%; border:0" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
|
||||
</div>
|
||||
<!-- /.map -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="xl:w-6/12 lg:w-6/12 w-full flex-[0_0_auto] max-w-full">
|
||||
<div class="p-10 xl:!p-[4.5rem] lg:!p-[4.5rem] md:!p-12">
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<div class="icon !text-[#3f78e0] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]"> <i class="uil uil-location-pin-alt before:content-['\ebd8']"></i> </div>
|
||||
</div>
|
||||
<div class="!self-start !justify-start">
|
||||
<h5 class="!mb-1">{{ t('Adres') }}</h5>
|
||||
<address class=" not-italic !leading-[inherit] !mb-4">{{ setting('contact_address') }}</address>
|
||||
</div>
|
||||
</div>
|
||||
<!--/div -->
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<div class="icon !text-[#3f78e0] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]"> <i class="uil uil-phone-volume before:content-['\ec50']"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="!mb-1">{{ t('Telefon') }}</h5>
|
||||
<p>{{ setting('contact_phone') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--/div -->
|
||||
<div class="flex flex-row">
|
||||
<div>
|
||||
<div class="icon !text-[#3f78e0] xl:!text-[1.4rem] !text-[calc(1.265rem_+_0.18vw)] !mr-4 !mt-[-0.25rem]"> <i class="uil uil-envelope before:content-['\eac8']"></i> </div>
|
||||
</div>
|
||||
<div>
|
||||
<h5 class="!mb-1">{{ t('E-posta') }}</h5>
|
||||
<p class="!mb-0"><a href="mailto:{{ setting('contact_email') }}" class="!text-[#60697b]">{{ setting('contact_email') }}</a></p>
|
||||
</div>
|
||||
</div>
|
||||
<!--/div -->
|
||||
</div>
|
||||
<!--/div -->
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /.card -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="xl:w-8/12 xl:!ml-[16.66666667%] lg:w-10/12 lg:!ml-[8.33333333%] w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<h2 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-3 !text-center">{{ t('Bize Ulaşın') }}</h2>
|
||||
<p class="lead !leading-[1.65] text-[0.9rem] font-medium !text-center !mb-10">{{ t('Bize ulaşmak için lütfen aşağıdaki formu doldurunuz veya bizimle iletişime geçin.') }}</p>
|
||||
<form class="contact-form needs-validation" method="post" action="https://Trunçgil-tailwind-template.netlify.app/assets/php/contact.php" novalidate="">
|
||||
<div class="messages"></div>
|
||||
<div class="flex flex-wrap mx-[-10px]">
|
||||
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div class="form-floating relative !mb-4">
|
||||
<input id="form_name" type="text" name="name" class=" form-control relative block w-full text-[.75rem] font-medium !text-[#60697b] bg-[#fefefe] bg-clip-padding border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] transition-[border-color] duration-[0.15s] ease-in-out focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus-visible:!border-[rgba(63,120,224,0.5)] placeholder:!text-[#959ca9] placeholder:opacity-100 m-0 !pr-9 p-[.6rem_1rem] h-[calc(2.5rem_+_2px)] min-h-[calc(2.5rem_+_2px)] !leading-[1.25]" placeholder="" required="">
|
||||
<label for="form_name" class="!text-[#959ca9] !mb-2 !inline-block text-[.75rem] !absolute !z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none border origin-[0_0] px-4 py-[0.6rem] border-solid border-transparent left-0 top-0 font-Manrope">{{ t('Adınız') }} *</label>
|
||||
<div class="valid-feedback"> Looks good! </div>
|
||||
<div class="invalid-feedback"> {{ t('Lütfen adınızı giriniz.') }} </div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div class="form-floating relative !mb-4">
|
||||
<input id="form_lastname" type="text" name="surname" class=" form-control relative block w-full text-[.75rem] font-medium !text-[#60697b] bg-[#fefefe] bg-clip-padding border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] transition-[border-color] duration-[0.15s] ease-in-out focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus-visible:!border-[rgba(63,120,224,0.5)] placeholder:!text-[#959ca9] placeholder:opacity-100 m-0 !pr-9 p-[.6rem_1rem] h-[calc(2.5rem_+_2px)] min-h-[calc(2.5rem_+_2px)] !leading-[1.25]" placeholder="" required="">
|
||||
<label for="form_lastname" class="!text-[#959ca9] !mb-2 !inline-block text-[.75rem] !absolute !z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none border origin-[0_0] px-4 py-[0.6rem] border-solid border-transparent left-0 top-0 font-Manrope">{{ t('Soyadınız') }} *</label>
|
||||
<div class="valid-feedback"> Looks good! </div>
|
||||
<div class="invalid-feedback"> {{ t('Lütfen soyadınızı giriniz.') }} </div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div class="form-floating relative !mb-4">
|
||||
<input id="form_email" type="email" name="email" class=" form-control relative block w-full text-[.75rem] font-medium !text-[#60697b] bg-[#fefefe] bg-clip-padding border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] transition-[border-color] duration-[0.15s] ease-in-out focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus-visible:!border-[rgba(63,120,224,0.5)] placeholder:!text-[#959ca9] placeholder:opacity-100 m-0 !pr-9 p-[.6rem_1rem] h-[calc(2.5rem_+_2px)] min-h-[calc(2.5rem_+_2px)] !leading-[1.25]" placeholder="" required="">
|
||||
<label for="form_email" class="!text-[#959ca9] !mb-2 !inline-block text-[.75rem] !absolute !z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none border origin-[0_0] px-4 py-[0.6rem] border-solid border-transparent left-0 top-0 font-Manrope">{{ t('E-posta') }} *</label>
|
||||
<div class="valid-feedback"> Looks good! </div>
|
||||
<div class="invalid-feedback"> {{ t('Lütfen geçerli bir e-posta adresi giriniz.') }} </div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="xl:w-6/12 lg:w-6/12 md:w-6/12 w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div class="form-select-wrapper !mb-4">
|
||||
<select class="form-select" id="form-select" name="department" required="">
|
||||
<option selected="" disabled="" value="">{{ t('Departman Seçiniz') }}</option>
|
||||
<option value="Sales">{{ t('Satış') }}</option>
|
||||
<option value="Marketing">{{ t('Teknik Destek') }}</option>
|
||||
<option value="Customer Support">{{ t('Muhasebe') }}</option>
|
||||
</select>
|
||||
<div class="valid-feedback"> Looks good! </div>
|
||||
<div class="invalid-feedback"> {{ t('Lütfen bir departman seçiniz.') }} </div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div class="form-floating relative !mb-4">
|
||||
<textarea id="form_message" name="message" class=" form-control relative block w-full text-[.75rem] font-medium !text-[#60697b] bg-[#fefefe] bg-clip-padding border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] transition-[border-color] duration-[0.15s] ease-in-out focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus-visible:!border-[rgba(63,120,224,0.5)] placeholder:!text-[#959ca9] placeholder:opacity-100 m-0 !pr-9 p-[.6rem_1rem] h-[calc(2.5rem_+_2px)] min-h-[calc(2.5rem_+_2px)] !leading-[1.25]" placeholder="" style="height: 150px" required=""></textarea>
|
||||
<label for="form_message" class="!text-[#959ca9] !mb-2 !inline-block text-[.75rem] !absolute !z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none border origin-[0_0] px-4 py-[0.6rem] border-solid border-transparent left-0 top-0 font-Manrope">{{ t('Mesajınız') }} *</label>
|
||||
<div class="valid-feedback"> Looks good! </div>
|
||||
<div class="invalid-feedback"> {{ t('Lütfen mesajınızı giriniz.') }} </div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center">
|
||||
<input type="submit" class="btn btn-primary !text-white !bg-[#3f78e0] border-[#3f78e0] hover:text-white hover:bg-[#3f78e0] hover:!border-[#3f78e0] active:text-white active:bg-[#3f78e0] active:border-[#3f78e0] disabled:text-white disabled:bg-[#3f78e0] disabled:border-[#3f78e0] !rounded-[50rem] btn-send !mb-3 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]" value="{{ t('Mesaj Gönder') }}">
|
||||
<p class="!text-[#aab0bc]"><strong>*</strong> {{ t('Bu alanlar zorunludur.') }}</p>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</form>
|
||||
<!-- /form -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<section class="wrapper image-wrapper bg-auto no-overlay bg-image !text-center bg-map bg-[center_center] bg-no-repeat !bg-scroll relative z-[0]" data-image-src="../assets/img/map.png" style="background-image: url("../assets/img/map.png");">
|
||||
<div class="container pt-0 pb-[4.5rem] xl:pt-24 lg:pt-24 md:pt-24 xl:pb-32 lg:pb-32 md:pb-32">
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="lg:w-9/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
<h3 class="!text-[calc(1.305rem_+_0.66vw)] font-bold xl:!text-[1.8rem] !leading-[1.3] !mb-8 xl:!px-14">{{ t('600+ müşterimize güveniyoruz. Şimdi onlarla birlikte işinizi büyütün.') }}</h3>
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="flex flex-wrap mx-[-15px]">
|
||||
<div class="md:w-10/12 lg:w-9/12 xl:w-7/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
<div class="flex flex-wrap mx-[-15px] items-center counter-wrapper !mt-[-20px] xl:!mt-0 lg:!mt-0 md:!mt-0">
|
||||
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0">
|
||||
<h3 class="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#3f78e0]" style="visibility: visible;">126</h3>
|
||||
<p class=" text-[0.8rem] font-medium !mb-0">{{ t('Tamamlanan Projeler') }}</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0">
|
||||
<h3 class="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#3f78e0]" style="visibility: visible;">600+</h3>
|
||||
<p class=" text-[0.8rem] font-medium !mb-0">{{ t('Memnuniyetli Müşteriler') }}</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
<div class="xl:w-4/12 lg:w-4/12 md:w-4/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !text-center !mt-[20px] xl:!mt-0 lg:!mt-0 md:!mt-0">
|
||||
<h3 class="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#3f78e0]" style="visibility: visible;">10+</h3>
|
||||
<p class=" text-[0.8rem] font-medium !mb-0">{{ t('Uzman Çalışanlar') }}</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
<!--/.row -->
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user