frontend style fix
This commit is contained in:
@@ -40,7 +40,7 @@
|
||||
<div class="card">
|
||||
@if($post->featured_image_url)
|
||||
<figure class="card-img-top overlay overlay-1 hover-scale group">
|
||||
<a class="!text-[#343f52] hover:!text-[#3f78e0]" href="{{ $blogUrl }}">
|
||||
<a class="!text-[#343f52] hover:!text-[#e31e24]" href="{{ $blogUrl }}">
|
||||
<img class="!transition-all !duration-[0.35s] !ease-in-out group-hover:scale-105" src="{{ $imageUrl }}" alt="{{ $title }}">
|
||||
</a>
|
||||
<figcaption class="group-hover:opacity-100 absolute w-full h-full opacity-0 text-center px-4 py-3 inset-0 z-[5] pointer-events-none p-2">
|
||||
@@ -51,13 +51,13 @@
|
||||
<div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[2rem_2.5rem_1.25rem] lg:!p-[2rem_2.5rem_1.25rem] md:!p-[2rem_2.5rem_1.25rem] max-md:pb-4">
|
||||
<div class="post-header !mb-[.9rem]">
|
||||
@if($categoryName)
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
|
||||
<a href="{{ route('blog.index', ['category' => $categorySlug]) }}" class="hover" rel="category">{{ $categoryName }}</a>
|
||||
</div>
|
||||
@endif
|
||||
<!-- /.post-category -->
|
||||
<h2 class="post-title !mt-1 !leading-[1.35] !mb-0">
|
||||
<a class="!text-[#343f52] hover:!text-[#3f78e0]" href="{{ $blogUrl }}">{{ $title }}</a>
|
||||
<a class="!text-[#343f52] hover:!text-[#e31e24]" href="{{ $blogUrl }}">{{ $title }}</a>
|
||||
</h2>
|
||||
</div>
|
||||
<!-- /.post-header -->
|
||||
@@ -75,7 +75,7 @@
|
||||
</li>
|
||||
@if($authorName)
|
||||
<li class="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="{{ route('blog.index', ['author' => $post->author_id]) }}">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="{{ route('blog.index', ['author' => $post->author_id]) }}">
|
||||
<i class="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']"></i>
|
||||
<span>{{ __('blog.by') }} {{ $authorName }}</span>
|
||||
</a>
|
||||
@@ -83,7 +83,7 @@
|
||||
@endif
|
||||
@if($post->allow_comments)
|
||||
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="{{ $blogUrl }}#comments">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="{{ $blogUrl }}#comments">
|
||||
<i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>
|
||||
<span>{{ $commentCount }} {{ __('blog.comments') }}</span>
|
||||
</a>
|
||||
@@ -135,13 +135,13 @@
|
||||
<div class="card-body flex-[1_1_auto] p-[40px] xl:!p-[1.75rem_1.75rem_1rem_1.75rem] lg:!p-[1.75rem_1.75rem_1rem_1.75rem] md:!p-[1.75rem_1.75rem_1rem_1.75rem] max-md:pb-4">
|
||||
<div class="post-header !mb-[.9rem]">
|
||||
@if($categoryName)
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
|
||||
<a href="{{ route('blog.index', ['category' => $categorySlug]) }}" class="hover" rel="category">{{ $categoryName }}</a>
|
||||
</div>
|
||||
@endif
|
||||
<!-- /.post-category -->
|
||||
<h2 class="post-title h3 !mt-1 !mb-3">
|
||||
<a class="!text-[#343f52] hover:!text-[#3f78e0]" href="{{ $blogUrl }}">{{ $title }}</a>
|
||||
<a class="!text-[#343f52] hover:!text-[#e31e24]" href="{{ $blogUrl }}">{{ $title }}</a>
|
||||
</h2>
|
||||
</div>
|
||||
<!-- /.post-header -->
|
||||
@@ -159,7 +159,7 @@
|
||||
</li>
|
||||
@if($post->allow_comments)
|
||||
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="{{ $blogUrl }}#comments">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="{{ $blogUrl }}#comments">
|
||||
<i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>{{ $commentCount }}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<div class="md:w-10/12 lg:w-10/12 xl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
<div class="post-header !mb-[.9rem]">
|
||||
@if($post->category)
|
||||
<div class="inline-flex uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] !mb-[0.4rem] text-line relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
|
||||
<div class="inline-flex uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] !mb-[0.4rem] text-line relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
|
||||
<a href="{{ route('blog.index', ['category' => $post->category->slug]) }}" class="hover" rel="category">{{ $post->category->name }}</a>
|
||||
</div>
|
||||
@endif
|
||||
@@ -22,14 +22,14 @@
|
||||
</li>
|
||||
@if($post->author)
|
||||
<li class="post-author inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0_.4rem] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[0.8rem] !text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#">
|
||||
<a class="!text-[0.8rem] !text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#">
|
||||
<i class="uil uil-user pr-[0.2rem] align-[-.05rem] before:content-['\ed6f']"></i>
|
||||
<span>{{ __('blog.by') }} {{ $post->author->name }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0_.4rem] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[0.8rem] !text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="#comments">
|
||||
<a class="!text-[0.8rem] !text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="#comments">
|
||||
<i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>
|
||||
<span>{{ $post->comments_count ?? 0 }} {{ __('blog.comments') }}</span>
|
||||
</a>
|
||||
@@ -119,7 +119,7 @@
|
||||
</figure>
|
||||
<div>
|
||||
<h6>
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">{{ $post->author->name }}</a>
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">{{ $post->author->name }}</a>
|
||||
</h6>
|
||||
<span class="!text-[0.75rem] !text-[#aab0bc] m-0 p-0 list-none">{{ $post->author->role ?? __('blog.author') }}</span>
|
||||
</div>
|
||||
@@ -192,13 +192,13 @@
|
||||
</figure>
|
||||
<div class="post-header !mb-[.9rem]">
|
||||
@if($relatedPost->category)
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
|
||||
<a href="{{ route('blog.index', ['category' => $relatedPost->category->slug]) }}" class="hover" rel="category">{{ $relatedCategoryName }}</a>
|
||||
</div>
|
||||
@endif
|
||||
<!-- /.post-category -->
|
||||
<h2 class="post-title h3 !mt-1 !mb-3">
|
||||
<a class="!text-[#343f52] hover:!text-[#3f78e0]" href="{{ $relatedUrl }}">{{ $relatedTitle }}</a>
|
||||
<a class="!text-[#343f52] hover:!text-[#e31e24]" href="{{ $relatedUrl }}">{{ $relatedTitle }}</a>
|
||||
</h2>
|
||||
</div>
|
||||
<!-- /.post-header -->
|
||||
@@ -209,7 +209,7 @@
|
||||
<span>{{ $relatedDate }}</span>
|
||||
</li>
|
||||
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="{{ $relatedUrl }}#comments">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="{{ $relatedUrl }}#comments">
|
||||
<i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>{{ $relatedCommentCount }}
|
||||
</a>
|
||||
</li>
|
||||
@@ -247,7 +247,7 @@
|
||||
</figure>
|
||||
<div>
|
||||
<h6 class="m-0 !mb-[0.2rem]">
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">{{ $comment->name }}</a>
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">{{ $comment->name }}</a>
|
||||
</h6>
|
||||
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
|
||||
<li>
|
||||
@@ -280,7 +280,7 @@
|
||||
</figure>
|
||||
<div>
|
||||
<h6 class="m-0 !mb-[0.2rem]">
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">{{ $reply->name }}</a>
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">{{ $reply->name }}</a>
|
||||
</h6>
|
||||
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
|
||||
<li>
|
||||
@@ -313,7 +313,7 @@
|
||||
</figure>
|
||||
<div>
|
||||
<h6 class="m-0 !mb-[0.2rem]">
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#3f78e0]">{{ $nestedReply->name }}</a>
|
||||
<a href="#" class="!text-[#343f52] hover:!text-[#e31e24]">{{ $nestedReply->name }}</a>
|
||||
</h6>
|
||||
<ul class="!text-[0.7rem] !text-[#aab0bc] m-0 p-0 list-none">
|
||||
<li>
|
||||
@@ -386,7 +386,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
<button 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] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
|
||||
<button type="submit" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !rounded-[50rem] !mb-0 hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
|
||||
{{ __('blog.submit') }}
|
||||
</button>
|
||||
</form>
|
||||
|
||||
@@ -38,13 +38,13 @@
|
||||
</figure>
|
||||
<div class="post-header">
|
||||
@if($categoryName)
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#3f78e0]">
|
||||
<div class="inline-flex !mb-[.4rem] uppercase !tracking-[0.02rem] text-[0.7rem] font-bold !text-[#aab0bc] relative align-top !pl-[1.4rem] before:content-[''] before:absolute before:inline-block before:translate-y-[-60%] before:w-3 before:h-[0.05rem] before:left-0 before:top-2/4 before:bg-[#e31e24]">
|
||||
<a href="{{ route('blog.index', ['category' => $blog->category->slug ?? '']) }}" class="hover" rel="category">{{ $categoryName }}</a>
|
||||
</div>
|
||||
@endif
|
||||
<!-- /.post-category -->
|
||||
<h2 class="post-title h3 !mt-1 !mb-3">
|
||||
<a class="!text-[#343f52] hover:!text-[#3f78e0]" href="{{ $blogUrl }}">{{ $title }}</a>
|
||||
<a class="!text-[#343f52] hover:!text-[#e31e24]" href="{{ $blogUrl }}">{{ $title }}</a>
|
||||
</h2>
|
||||
</div>
|
||||
<!-- /.post-header -->
|
||||
@@ -58,7 +58,7 @@
|
||||
@endif
|
||||
@if($blog->allow_comments)
|
||||
<li class="post-comments inline-block before:content-[''] before:inline-block before:w-[0.2rem] before:h-[0.2rem] before:opacity-50 before:m-[0_.6rem_0] before:rounded-[100%] before:align-[.15rem] before:bg-[#aab0bc]">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#3f78e0] hover:!border-[#3f78e0]" href="{{ $blogUrl }}#comments">
|
||||
<a class="!text-[#aab0bc] hover:!text-[#e31e24] hover:!border-[#e31e24]" href="{{ $blogUrl }}#comments">
|
||||
<i class="uil uil-comment pr-[0.2rem] align-[-.05rem] before:content-['\ea54']"></i>{{ $commentCount }}
|
||||
</a>
|
||||
</li>
|
||||
|
||||
@@ -17,7 +17,7 @@
|
||||
<ul class="dropdown-menu group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
|
||||
@foreach($languages as $language)
|
||||
<li class="nav-item">
|
||||
<a class="dropdown-item hover:!text-[#747ed1] {{ $language->code === $currentLang ? 'active font-bold !text-[#3f78e0]' : '' }}"
|
||||
<a class="dropdown-item hover:!text-[#747ed1] {{ $language->code === $currentLang ? 'active font-bold !text-[#e31e24]' : '' }}"
|
||||
href="{{ route('language.switch', $language->code) }}">
|
||||
{{ strtoupper($language->code) }}
|
||||
</a>
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<div class="widget !text-[#cacaca]">
|
||||
<h4 class="widget-title !text-white !mb-3">{{ t('İletişim') }}</h4>
|
||||
<address class="xl:!pr-20 xxl:!pr-28 not-italic !leading-[inherit] block !mb-4">{{ setting('contact_address') }}</address>
|
||||
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a><br> {{ setting('contact_phone') }}
|
||||
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a><br> {{ setting('contact_phone') }}
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
@@ -32,11 +32,11 @@
|
||||
<div class="widget !text-[#cacaca]">
|
||||
<h4 class="widget-title !text-white !mb-3">{{ t('Daha Fazla Bilgi') }}</h4>
|
||||
<ul class="pl-0 list-none !mb-0">
|
||||
<li><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Hakkımızda') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Hikayemiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Projelerimiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Kullanım Koşulları') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Gizlilik Politikası') }}</a></li>
|
||||
<li><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Hakkımızda') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Hikayemiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Projelerimiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Kullanım Koşulları') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Gizlilik Politikası') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
@@ -54,7 +54,7 @@
|
||||
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
|
||||
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium !leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:!mt-[-0.6rem] file:mr-[-1rem] file:!mb-[-0.6rem] file:ml-[-1rem] file:!text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:!text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] !text-[#cacaca] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,0.5)] " placeholder="" id="mce-EMAIL">
|
||||
<label class="!ml-[0.05rem] !text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL">{{ t('E-posta Adresiniz') }}</label>
|
||||
<input type="submit" value="{{ t('Abone Ol') }}" name="subscribe" id="mc-embedded-subscribe" 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] !relative z-[2] focus:z-[5] hover:!transform-none border-0">
|
||||
<input type="submit" value="{{ t('Abone Ol') }}" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !relative z-[2] focus:z-[5] hover:!transform-none border-0">
|
||||
</div>
|
||||
<div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
|
||||
@@ -20,41 +20,45 @@
|
||||
<ul class="dropdown-menu mega-menu">
|
||||
<li class="mega-menu-content">
|
||||
<div class="flex flex-wrap mx-0 xl:mx-[-7.5px] lg:mx-[-7.5px]">
|
||||
<div class="xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] max-w-full">
|
||||
<h6 class="dropdown-header !text-[#e31e24]">{{ __('Kategoriler') }}</h6>
|
||||
<ul class="pl-0 list-none xl:pb-1 lg:pb-1">
|
||||
<div class="xl:w-3/12 lg:w-3/12 w-full flex-[0_0_auto] max-w-full px-6">
|
||||
<h6 class="dropdown-header !text-[#e31e24] mb-4 mt-4 !pl-0">{{ __('Kategoriler') }}</h6>
|
||||
<ul class="pl-0 list-none mb-8">
|
||||
@foreach($categories as $category)
|
||||
<li class="w-full">
|
||||
<a class='dropdown-item hover:!text-[#e31e24]' href='#'>{{ $category->translate('title') }}</a>
|
||||
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent' href='#'>{{ $category->translate('title') }}</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
|
||||
<h6 class="dropdown-header !text-[#e31e24] mt-5">{{ __('Hizmetler') }}</h6>
|
||||
<ul class="pl-0 list-none xl:pb-1 lg:pb-1">
|
||||
<h6 class="dropdown-header !text-[#e31e24] mb-4 mt-4 !pl-0">{{ __('Hizmetler') }}</h6>
|
||||
<ul class="pl-0 list-none">
|
||||
@foreach($services as $service)
|
||||
<li class="w-full">
|
||||
<a class='dropdown-item hover:!text-[#e31e24]' href="{{ route('products.show', $service->slug) }}">{{ $service->translate('title') }}</a>
|
||||
<a class='dropdown-item hover:!text-[#e31e24] !pl-0 !bg-transparent' href="{{ route('products.show', $service->slug) }}">{{ $service->translate('title') }}</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="xl:w-9/12 lg:w-9/12 w-full flex-[0_0_auto] max-w-full xl:border-l-[rgba(164,174,198,0.2)] xl:border-l xl:border-solid lg:border-l-[rgba(164,174,198,0.2)] lg:border-l lg:border-solid xl:pl-[15px] lg:pl-[15px]">
|
||||
<h6 class="dropdown-header !text-[#e31e24] !ml-[10px]">{{ __('Öne Çıkan Ürünler') }}</h6>
|
||||
<div class="flex flex-wrap p-2 gap-4">
|
||||
<div class="xl:w-9/12 lg:w-9/12 w-full flex-[0_0_auto] max-w-full xl:border-l-[rgba(164,174,198,0.2)] xl:border-l xl:border-solid lg:border-l-[rgba(164,174,198,0.2)] lg:border-l lg:border-solid xl:p-[50px] lg:pl-[50px] px-6 gradient-2 rounded-[.4rem]">
|
||||
<h6 class="dropdown-header !text-white mb-6 !p-0">{{ __('Öne Çıkan Ürünler') }}</h6>
|
||||
<div class="flex flex-wrap gap-4 mx-6">
|
||||
@foreach($featuredProducts as $item)
|
||||
<div class="flex-none w-[185px]">
|
||||
<a class="dropdown-item group !bg-transparent !p-0 text-center block" href="{{ route('products.show', $item->slug) }}">
|
||||
<figure class="!rounded-[.4rem] overflow-hidden w-[185px] h-[135px] !mb-2 shadow-sm border border-gray-100 mx-auto">
|
||||
<div class="flex-none" style="width: 183px;">
|
||||
<a class="group !bg-transparent mt-2 mb-2 !p-0 block transition-transform duration-300 hover:-translate-y-1"
|
||||
href="{{ route('products.show', $item->slug) }}"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="{{ $item->translate('title') }}">
|
||||
<figure style="width: 183px; height: 103px;"
|
||||
class="!rounded-[.4rem] lift overflow-hidden !mb-2 shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.57)] mx-auto block transition-transform duration-300 group-hover:-translate-y-1 hidden xl:block lg:block ">
|
||||
@if($item->hero_image)
|
||||
<img class="!rounded-[.4rem] w-full h-full object-cover transition-all duration-300 group-hover:scale-105" src="{{ \Storage::url($item->hero_image) }}" alt="{{ $item->translate('title') }}" width="185" height="135">
|
||||
<img style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="{{ \Storage::url($item->hero_image) }}" alt="{{ $item->translate('title') }}">
|
||||
@else
|
||||
<img class="!rounded-[.4rem] w-full h-full object-cover" src="https://placehold.co/185x135?text={{ urlencode($item->translate('title')) }}" alt="{{ $item->translate('title') }}" width="185" height="135">
|
||||
<img style="width: 183px; height: 103px;" class="!rounded-[.4rem] object-cover block" src="https://placehold.co/185x135?text={{ urlencode($item->translate('title')) }}" alt="{{ $item->translate('title') }}">
|
||||
@endif
|
||||
</figure>
|
||||
<span class="xl:!hidden lg:!hidden">{{ $item->translate('title') }}</span>
|
||||
<span class="hidden xl:block lg:block text-xs font-bold text-gray-800 group-hover:text-[#e31e24] truncate w-full text-center">{{ $item->translate('title') }}</span>
|
||||
</a>
|
||||
</div>
|
||||
@endforeach
|
||||
|
||||
@@ -10,9 +10,9 @@
|
||||
<div class="xl:w-10/12 lg:w-10/12 w-full flex-[0_0_auto] px-[15px] max-w-full !mx-auto">
|
||||
<div class="post-header !mb-[.9rem]">
|
||||
<div class="post-category text-line text-[#aab0bc] !mb-3">
|
||||
<span class="hover:!text-[#3f78e0]">{{ $product->type == 'product' ? 'Ürün' : 'Hizmet' }}</span>
|
||||
<span class="hover:!text-[#e31e24]">{{ $product->type == 'product' ? 'Ürün' : 'Hizmet' }}</span>
|
||||
@if($product->category)
|
||||
/ <span class="hover:!text-[#3f78e0]">{{ $product->category->translate('title') }}</span>
|
||||
/ <span class="hover:!text-[#e31e24]">{{ $product->category->translate('title') }}</span>
|
||||
@endif
|
||||
</div>
|
||||
<!-- /.post-category -->
|
||||
|
||||
@@ -24,6 +24,26 @@
|
||||
color: #ffffff !important;
|
||||
}
|
||||
}
|
||||
/* Mega Menu Tooltip Kırmızı Renk */
|
||||
.mega-menu .tooltip {
|
||||
background-color: #e31e24 !important;
|
||||
}
|
||||
.mega-menu .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
|
||||
.mega-menu .bs-tooltip-top .tooltip-arrow::before {
|
||||
border-top-color: #e31e24 !important;
|
||||
}
|
||||
.mega-menu .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
|
||||
.mega-menu .bs-tooltip-end .tooltip-arrow::before {
|
||||
border-right-color: #e31e24 !important;
|
||||
}
|
||||
.mega-menu .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
|
||||
.mega-menu .bs-tooltip-bottom .tooltip-arrow::before {
|
||||
border-bottom-color: #e31e24 !important;
|
||||
}
|
||||
.mega-menu .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
|
||||
.mega-menu .bs-tooltip-start .tooltip-arrow::before {
|
||||
border-left-color: #e31e24 !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
@@ -52,3 +72,4 @@
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
<div class="widget !text-[#cacaca]">
|
||||
<h4 class="widget-title !text-white !mb-3">{{ t('İletişim') }}</h4>
|
||||
<address class="xl:!pr-20 xxl:!pr-28 not-italic !leading-[inherit] block !mb-4">{{ setting('contact_address') }}</address>
|
||||
<a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a><br> {{ setting('contact_phone') }}
|
||||
<a class="!text-[#cacaca] hover:!text-[#e31e24]" href="mailto:{{ setting('contact_email') }}">{{ setting('contact_email') }}</a><br> {{ setting('contact_phone') }}
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
</div>
|
||||
@@ -32,11 +32,11 @@
|
||||
<div class="widget !text-[#cacaca]">
|
||||
<h4 class="widget-title !text-white !mb-3">{{ t('Daha Fazla Bilgi') }}</h4>
|
||||
<ul class="pl-0 list-none !mb-0">
|
||||
<li><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Hakkımızda') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Hikayemiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Projelerimiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Kullanım Koşulları') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#3f78e0]" href="#">{{ t('Gizlilik Politikası') }}</a></li>
|
||||
<li><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Hakkımızda') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Hikayemiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Projelerimiz') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Kullanım Koşulları') }}</a></li>
|
||||
<li class="!mt-[0.35rem]"><a class="!text-[#cacaca] hover:!text-[#e31e24]" href="#">{{ t('Gizlilik Politikası') }}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.widget -->
|
||||
@@ -54,7 +54,7 @@
|
||||
<div class="!text-left input-group form-floating !relative flex flex-wrap items-stretch w-full">
|
||||
<input type="email" value="" name="EMAIL" class="required email form-control block w-full text-[12px] font-medium !leading-[1.7] appearance-none bg-clip-padding shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] px-4 py-[0.6rem] rounded-[0.4rem] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] disabled:bg-[#aab0bc] disabled:opacity-100 file:!mt-[-0.6rem] file:mr-[-1rem] file:!mb-[-0.6rem] file:ml-[-1rem] file:!text-[#60697b] file:bg-[#fefefe] file:pointer-events-none file:transition-all file:duration-[0.2s] file:ease-in-out file:px-4 file:py-[0.6rem] file:rounded-none motion-reduce:file:transition-none placeholder:!text-[#959ca9] placeholder:opacity-100 border border-solid !border-[rgba(255,255,255,0.1)] !text-[#cacaca] bg-[rgba(255,255,255,.03)] focus-visible:!border-[rgba(63,120,224,0.5)] " placeholder="" id="mce-EMAIL">
|
||||
<label class="!ml-[0.05rem] !text-[#959ca9] text-[.75rem] absolute z-[2] h-full overflow-hidden text-start text-ellipsis whitespace-nowrap pointer-events-none origin-[0_0] px-4 py-[0.6rem] left-0 top-0" for="mce-EMAIL">{{ t('E-posta Adresiniz') }}</label>
|
||||
<input type="submit" value="{{ t('Abone Ol') }}" name="subscribe" id="mc-embedded-subscribe" 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] !relative z-[2] focus:z-[5] hover:!transform-none border-0">
|
||||
<input type="submit" value="{{ t('Abone Ol') }}" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !relative z-[2] focus:z-[5] hover:!transform-none border-0">
|
||||
</div>
|
||||
<div id="mce-responses" class="clear">
|
||||
<div class="response" id="mce-error-response" style="display:none"></div>
|
||||
|
||||
@@ -43,3 +43,5 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -19,3 +19,5 @@
|
||||
<figure class="m-0 p-0"><img class="w-full max-w-full !h-auto" src="{{ asset('assets/img/photos/clouds.png') }}" alt="image"></figure>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -65,3 +65,5 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -33,3 +33,5 @@ Teknoloji ve yazılım odaklı bir güç olarak, işletmenizin dijital çağa ta
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -76,3 +76,5 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -50,3 +50,5 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -67,3 +67,5 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
<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 class="icon !text-[#e31e24] 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>
|
||||
@@ -52,7 +52,7 @@
|
||||
<!--/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 class="icon !text-[#e31e24] 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>
|
||||
@@ -62,7 +62,7 @@
|
||||
<!--/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 class="icon !text-[#e31e24] 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>
|
||||
@@ -139,7 +139,7 @@
|
||||
</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') }}">
|
||||
<input type="submit" class="btn btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:text-white hover:bg-[#e31e24] hover:!border-[#e31e24] active:text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:text-white disabled:bg-[#e31e24] disabled:border-[#e31e24] !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 -->
|
||||
@@ -168,17 +168,17 @@
|
||||
<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>
|
||||
<h3 class="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#e31e24]" 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>
|
||||
<h3 class="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#e31e24]" 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>
|
||||
<h3 class="counter counter-lg !text-[calc(1.345rem_+_1.14vw)] !tracking-[normal] !leading-none !mb-2 xl:!text-[2.2rem] !text-[#e31e24]" style="visibility: visible;">10+</h3>
|
||||
<p class=" text-[0.8rem] font-medium !mb-0">{{ t('Uzman Çalışanlar') }}</p>
|
||||
</div>
|
||||
<!--/column -->
|
||||
|
||||
Reference in New Issue
Block a user