style: update brand color palette from #f04e23 to #e31e24 across web development components
This commit is contained in:
@@ -141,7 +141,7 @@
|
||||
}
|
||||
.web-dev-section .accordion-wrapper .card-header button:hover,
|
||||
.web-dev-section .accordion-wrapper .card-header button {
|
||||
color: #f04e23 !important;
|
||||
color: #e31e24 !important;
|
||||
}
|
||||
|
||||
/* Technology Card Micro-animations */
|
||||
@@ -150,7 +150,7 @@
|
||||
}
|
||||
.tech-card:hover {
|
||||
transform: translateY(-8px) scale(1.03);
|
||||
box-shadow: 0 1.25rem 2.5rem rgba(240, 78, 35, 0.12) !important;
|
||||
box-shadow: 0 1.25rem 2.5rem rgba(227, 30, 36, 0.12) !important;
|
||||
}
|
||||
.tech-card img {
|
||||
transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
|
||||
@@ -246,7 +246,7 @@
|
||||
}
|
||||
.btn-soft-purple {
|
||||
background-color: #fff3f0 !important;
|
||||
color: #f04e23 !important;
|
||||
color: #e31e24 !important;
|
||||
}
|
||||
.tech-tabs-grid {
|
||||
display: grid !important;
|
||||
@@ -277,18 +277,18 @@
|
||||
border-radius: 0.8rem !important;
|
||||
background: #ffffff !important;
|
||||
box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.05) !important;
|
||||
border: 1px solid rgba(240, 78, 35, 0.08) !important;
|
||||
border: 1px solid rgba(227, 30, 36, 0.08) !important;
|
||||
padding: 1.25rem !important;
|
||||
transition: all 0.3s ease !important;
|
||||
}
|
||||
.tech-tabs-grid .nav-link:hover {
|
||||
transform: translateY(-3px) !important;
|
||||
box-shadow: 0 0.5rem 2rem rgba(240, 78, 35, 0.12) !important;
|
||||
box-shadow: 0 0.5rem 2rem rgba(227, 30, 36, 0.12) !important;
|
||||
}
|
||||
.tech-tabs-grid .nav-link.active {
|
||||
background: #fff3f0 !important;
|
||||
border-color: #f04e23 !important;
|
||||
box-shadow: 0 0.5rem 2rem rgba(240, 78, 35, 0.15) !important;
|
||||
border-color: #e31e24 !important;
|
||||
box-shadow: 0 0.5rem 2rem rgba(227, 30, 36, 0.15) !important;
|
||||
}
|
||||
.tech-tabs-grid .nav-link h4 {
|
||||
color: #343f52 !important;
|
||||
@@ -300,7 +300,7 @@
|
||||
}
|
||||
.tech-tabs-grid .nav-link:hover h4,
|
||||
.tech-tabs-grid .nav-link.active h4 {
|
||||
color: #f04e23 !important;
|
||||
color: #e31e24 !important;
|
||||
}
|
||||
.tech-tabs-grid .nav-link:hover p,
|
||||
.tech-tabs-grid .nav-link.active p {
|
||||
@@ -891,8 +891,8 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex justify-center" data-cues="slideInDown" data-group="join" data-delay="900">
|
||||
<span><a href="#neler-yapiyoruz" class="btn btn-lg btn-orange !text-white !bg-[#f04e23] border-[#f04e23] hover:!bg-[#d93e18] hover:!border-[#d93e18] hover:!text-white active:!bg-[#c53413] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(240,78,35,0.5)] transition-all duration-300">{!! t('Çözümlerimiz') !!}</a></span>
|
||||
<span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-orange !text-[#f04e23] !bg-white border-[#f04e23] hover:!text-white hover:!bg-[#f04e23] hover:!border-[#f04e23] active:!bg-[#f04e23] active:!text-white !rounded-[50rem] !border-[#f04e23] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span>
|
||||
<span><a href="#neler-yapiyoruz" class="btn btn-lg btn-primary !text-white !bg-[#e31e24] border-[#e31e24] hover:!bg-[#c4191f] hover:!border-[#c4191f] hover:!text-white active:!bg-[#a61217] !rounded-[50rem] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(227,30,36,0.5)] transition-all duration-300">{!! t('Çözümlerimiz') !!}</a></span>
|
||||
<span><a href="{{ $contactUrl }}" class="btn btn-lg btn-outline-primary !text-[#e31e24] !bg-white border-[#e31e24] hover:!text-white hover:!bg-[#e31e24] hover:!border-[#e31e24] active:!bg-[#e31e24] active:!text-white !rounded-[50rem] !border-[#e31e24] mx-2 font-semibold shadow-[0_10px_20px_-10px_rgba(30,34,40,0.15)] transition-all duration-300">{!! t('Bize Ulaşın') !!}</a></span>
|
||||
</div>
|
||||
<div class="flex flex-wrap mx-[-15px] !mt-[3.5rem]" data-cue="fadeIn" data-delay="1600">
|
||||
<div class="xl:w-8/12 lg:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto">
|
||||
@@ -1067,7 +1067,7 @@
|
||||
@foreach(array_slice($faqs, 0, 3) as $index => $faq)
|
||||
<div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||||
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-1-{{ $index }}">
|
||||
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#f04e23] before:!text-[#f04e23] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-1-{{ $index }}">
|
||||
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-1-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-1-{{ $index }}">
|
||||
{!! t($faq['question']) !!}
|
||||
</button>
|
||||
</div>
|
||||
@@ -1085,7 +1085,7 @@
|
||||
@foreach(array_slice($faqs, 3, 3) as $index => $faq)
|
||||
<div class="card accordion-item !mb-5 !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||||
<div class="card-header !mb-0 !p-[.9rem_1.3rem_.85rem] !border-0 !rounded-[0.4rem] !bg-inherit" id="accordion-heading-wd-2-{{ $index }}">
|
||||
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#f04e23] before:!text-[#f04e23] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-2-{{ $index }}">
|
||||
<button class="!text-[#343f52] !text-[0.9rem] hover:!text-[#e31e24] before:!text-[#e31e24] collapsed" data-bs-toggle="collapse" data-bs-target="#accordion-collapse-wd-2-{{ $index }}" aria-expanded="false" aria-controls="accordion-collapse-wd-2-{{ $index }}">
|
||||
{!! t($faq['question']) !!}
|
||||
</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user