frontend style fix
This commit is contained in:
Ümit Tunç
@@ -536,13 +536,13 @@
|
||||
<li class="nav-item dropdown language-select uppercase group">
|
||||
<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
|
||||
<ul class="dropdown-menu group-hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]">
|
||||
<li class="nav-item"><a class="dropdown-item hover:!text-[#3f78e0] hover:bg-[inherit] " href="#">En</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item hover:!text-[#3f78e0] hover:bg-[inherit] " href="#">De</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item hover:!text-[#3f78e0] hover:bg-[inherit] " href="#">Es</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">En</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">De</a></li>
|
||||
<li class="nav-item"><a class="dropdown-item hover:!text-[#e31e24] hover:bg-[inherit] " href="#">Es</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item hidden xl:block lg:block md:block">
|
||||
<a class='btn btn-sm 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] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]' href='../../contact.html'>Contact</a>
|
||||
<a class='btn btn-sm 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] hover:translate-y-[-0.15rem] hover:shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]' href='../../contact.html'>Contact</a>
|
||||
</li>
|
||||
<li class="nav-item xl:!hidden lg:!hidden">
|
||||
<button class="hamburger offcanvas-nav-btn"><span></span></button>
|
||||
@@ -584,7 +584,7 @@
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='faq.html'>FAQ</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='features.html'>Features</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='footer.html'>Footer</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded !text-[#3f78e0] pointer-events-none' href='hero.html'>Hero</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded !text-[#e31e24] pointer-events-none' href='hero.html'>Hero</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='misc.html'>Misc</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='navbar.html'>Navbar</a></li>
|
||||
<li class="inline-block !mr-1 !mb-2"><a class='btn btn-soft-ash btn-sm rounded ' href='portfolio.html'>Portfolio</a></li>
|
||||
@@ -641,7 +641,7 @@
|
||||
<div class="md:w-10/12 flex-[0_0_auto] !px-[15px] max-w-full md:!ml-[8.33333333%] lg:!ml-0 lg:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full text-center lg:text-left xl:text-left">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5 md:mx-[-1.25rem] lg:mx-0">Grow Your Business with Our Solutions.</h1>
|
||||
<p class="lead text-[1rem] !mb-7">We help our clients to increase their website traffic, rankings and visibility in search results.</p>
|
||||
<span><a 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] me-2">Try It For Free</a></span>
|
||||
<span><a 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] me-2">Try It For Free</a></span>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
@@ -699,7 +699,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5">We bring solutions to make life easier for our customers.</h1>
|
||||
<p class="lead text-[20px] leading-normal !mb-7 md:!px-10 lg:!px-0">We have considered our solutions to support every stage of your growth.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg btn-outline-primary !rounded-[50rem]">Free Trial</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -748,16 +748,16 @@
|
||||
<div class="container pt-7 xl:pt-12 lg:pt-12 md:pt-12 pb-8">
|
||||
<div class="row mx-0 !mt-[-50px] items-center">
|
||||
<div class="lg:w-6/12 flex-[0_0_auto] !px-[15px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="600">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !text-white !mb-4">Trunçgil focuses on <br /><span class="typer !text-[#3f78e0] whitespace-nowrap" data-delay="100" data-words="customer satisfaction,business needs,creative ideas"></span><span class="cursor !text-[#3f78e0] " data-owner="typer"></span></h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !text-white !mb-4">Trunçgil focuses on <br /><span class="typer !text-[#e31e24] whitespace-nowrap" data-delay="100" data-words="customer satisfaction,business needs,creative ideas"></span><span class="cursor !text-[#e31e24] " data-owner="typer"></span></h1>
|
||||
<p class="lead text-[1.2rem] leading-normal !text-white !mb-7 md:!pr-32 xl:!pr-0 lg:!pr-0 xxl:!pr-20">We carefully consider our solutions to support each and every stage of your growth.</p>
|
||||
<div>
|
||||
<a class="btn btn-lg 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">Get Started</a>
|
||||
<a class="btn btn-lg 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">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="lg:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full lg:!ml-[8.33333333%] !mb-[-8rem]" data-cues="slideInDown">
|
||||
<div class="relative">
|
||||
<a href="./assets/media/movie.mp4" class="btn btn-circle 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] btn-play ripple !mx-auto !mb-6 absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>
|
||||
<a href="./assets/media/movie.mp4" class="btn btn-circle 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] btn-play ripple !mx-auto !mb-6 absolute" style="top:50%; left: 50%; transform: translate(-50%,-50%); z-index:3;" data-glightbox><i class="icn-caret-right"></i></a>
|
||||
<figure class="rounded !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]"><img src="./assets/img/photos/about13.jpg" srcset="./assets/img/photos/about13@2x.jpg 2x" alt=""></figure>
|
||||
</div>
|
||||
<!-- /div -->
|
||||
@@ -816,7 +816,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5">Just sit & relax while we take care of your business needs.</h1>
|
||||
<p class="lead text-[20px] leading-normal !mb-7 md:!pr-10">We make your spending stress-free for you to have the perfect control.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg btn-outline-primary !rounded-[50rem]">Contact Us</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -872,7 +872,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-4">Staying on top of your bills never been this easy</h1>
|
||||
<p class="lead text-[1rem] xl:!px-14 xxl:!px-6 !mb-7">Easily achieve your saving goals. Have all your recurring and one time expenses and incomes in one place.</p>
|
||||
<div class="flex justify-center" data-cues="slideInDown" data-group="page-title-buttons" data-delay="600">
|
||||
<span><a 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 mx-1">Get Started</a></span>
|
||||
<span><a 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 mx-1">Get Started</a></span>
|
||||
<span><a class="btn btn-green !text-white !bg-[#45c4a0] border-[#45c4a0] hover:text-white hover:bg-[#45c4a0] hover:!border-[#45c4a0] active:text-white active:bg-[#45c4a0] active:border-[#45c4a0] disabled:text-white disabled:bg-[#45c4a0] disabled:border-[#45c4a0] rounded mx-1">Free Trial</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -943,7 +943,7 @@
|
||||
<h1 class="text-[calc(1.345rem_+_1.14vw)] font-bold !leading-[1.2] xl:!text-[2.2rem] !mb-4 sm:mx-[-0.5rem] md:mx-0">Get all of your steps, exercise, sleep and meds in one place.</h1>
|
||||
<p class="lead text-[1rem] !mb-7 md:!px-10 lg:!px-0">Trunçgil is now available to download from both the App Store and Google Play Store.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a 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] btn-icon btn-icon-start rounded me-2"><i class="uil uil-apple"></i> App Store</a></span>
|
||||
<span><a 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] btn-icon btn-icon-start rounded me-2"><i class="uil uil-apple"></i> App Store</a></span>
|
||||
<span><a class="btn btn-green !text-white !bg-[#45c4a0] border-[#45c4a0] hover:text-white hover:bg-[#45c4a0] hover:!border-[#45c4a0] active:text-white active:bg-[#45c4a0] active:border-[#45c4a0] disabled:text-white disabled:bg-[#45c4a0] disabled:border-[#45c4a0] btn-icon btn-icon-start rounded"><i class="uil uil-google-play"></i> Google Play</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1001,7 +1001,7 @@
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
<div class="flex justify-center" data-cues="slideInDown" data-group="join" data-delay="900">
|
||||
<span><a class="btn btn-lg 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] mx-1">See Projects</a></span>
|
||||
<span><a class="btn btn-lg 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] mx-1">See Projects</a></span>
|
||||
<span><a class="btn btn-lg btn-outline-primary !rounded-[50rem] mx-1">Contact Us</a></span>
|
||||
</div>
|
||||
<!-- /div -->
|
||||
@@ -1083,7 +1083,7 @@
|
||||
<h1 class="text-[calc(1.345rem_+_1.14vw)] font-bold !leading-[1.2] xl:!text-[2.2rem] !mb-5">Crafting project specific solutions with expertise.</h1>
|
||||
<p class="lead text-[1rem] leading-normal !mb-7 xl:!pr-10">We're a company that focuses on establishing long-term relationships with customers.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg btn-outline-primary !rounded-[50rem]">Contact Us</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1138,10 +1138,10 @@
|
||||
<div class="container pt-10 pb-14 xl:pt-[4.5rem] lg:pt-[4.5rem] md:pt-[4.5rem] xl:pb-28 lg:pb-28 md:pb-28">
|
||||
<div class="row xl:mx-[-35px] lg:mx-[-20px] !mt-[-50px] items-center">
|
||||
<div class="md:w-10/12 flex-[0_0_auto] !px-[15px] max-w-full md:!ml-[8.33333333%] lg:!ml-0 lg:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full lg:!mt-[-.5rem] xl:!mt-[-.5rem] text-center lg:text-left xl:text-left order-2 lg:!order-none" data-cues="slideInDown" data-group="page-title" data-delay="600">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5 md:mx-10 lg:mx-0">Trunçgil is effortless and powerful with <br /><span class="typer !text-[#3f78e0] whitespace-nowrap" data-delay="100" data-words="easy usage,fast transactions,secure payments"></span><span class="cursor !text-[#3f78e0] " data-owner="typer"></span></h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5 md:mx-10 lg:mx-0">Trunçgil is effortless and powerful with <br /><span class="typer !text-[#e31e24] whitespace-nowrap" data-delay="100" data-words="easy usage,fast transactions,secure payments"></span><span class="cursor !text-[#e31e24] " data-owner="typer"></span></h1>
|
||||
<p class="lead text-[1rem] !mb-7">Achieve your saving goals. Have all your recurring and one time expenses and incomes in one place.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a class="btn btn-lg 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 me-2">Get Started</a></span>
|
||||
<span><a class="btn btn-lg 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 me-2">Get Started</a></span>
|
||||
<span><a class="btn btn-lg btn-green !text-white !bg-[#45c4a0] border-[#45c4a0] hover:text-white hover:bg-[#45c4a0] hover:!border-[#45c4a0] active:text-white active:bg-[#45c4a0] active:border-[#45c4a0] disabled:text-white disabled:bg-[#45c4a0] disabled:border-[#45c4a0] rounded">Free Trial</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1216,7 +1216,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[3rem] !text-[calc(1.425rem_+_2.1vw)] !mb-4 md:!px-20 lg:!px-0">We bring solutions to make life easier.</h1>
|
||||
<p class="lead text-[1.2rem] leading-normal !mb-7 md:mx-16 lg:mx-10">We are a creative company that focuses on long term relationships with customers.</p>
|
||||
<div>
|
||||
<a class="btn btn-lg 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 !mb-5">Read More</a>
|
||||
<a class="btn btn-lg 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 !mb-5">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
@@ -1345,7 +1345,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5 md:mx-[-1.25rem] lg:mx-0">Creative. Smart. Awesome.</h1>
|
||||
<p class="lead text-[1rem] !mb-7">We specialize in web, mobile and identity design. We love to turn ideas into beautiful things.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a 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 me-2">See Projects</a></span>
|
||||
<span><a 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 me-2">See Projects</a></span>
|
||||
<span><a class="btn btn-yellow !text-white !bg-[#fab758] border-[#fab758] hover:text-white hover:bg-[#fab758] hover:!border-[#fab758] active:text-white active:bg-[#fab758] active:border-[#fab758] disabled:text-white disabled:bg-[#fab758] disabled:border-[#fab758] rounded">Learn More</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1405,7 +1405,7 @@
|
||||
<div class="md:w-6/12 flex-[0_0_auto] !px-[15px] max-w-full xl:w-3/12 flex-[0_0_auto] !px-[15px] max-w-full">
|
||||
<div class="card !shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)]">
|
||||
<div class="card-body">
|
||||
<img src="./assets/img/icons/lineal/gift.svg" class="svg-inject icon-svg icon-svg-md !text-[#3f78e0] !mb-3" alt="" />
|
||||
<img src="./assets/img/icons/lineal/gift.svg" class="svg-inject icon-svg icon-svg-md !text-[#e31e24] !mb-3" alt="" />
|
||||
<h4>Product Design</h4>
|
||||
<p class="mb-2">Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras justo.</p>
|
||||
<a href="#" class="more hover link-blue">Learn More</a>
|
||||
@@ -1713,7 +1713,7 @@
|
||||
<div class="card-body py-4 px-5">
|
||||
<div class="flex flex-row items-center">
|
||||
<div>
|
||||
<img src="./assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm !text-[#3f78e0] !mx-auto !mr-3" alt="" />
|
||||
<img src="./assets/img/icons/lineal/check.svg" class="svg-inject icon-svg icon-svg-sm !text-[#e31e24] !mx-auto !mr-3" alt="" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="counter !mb-0 whitespace-nowrap">250+</h3>
|
||||
@@ -1730,7 +1730,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5">I'm User Interface Designer & Developer.</h1>
|
||||
<p class="lead text-[20px] leading-normal !mb-7 md:!px-10 lg:!px-0">Hello! I'm Julia, a freelance user interface designer & developer based in London. I’m very passionate about the work that I do.</p>
|
||||
<div class="flex justify-center lg:!justify-start" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">See My Works</a></span>
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">See My Works</a></span>
|
||||
<span><a href="#" class="btn btn-lg btn-outline-primary !rounded-[50rem]">Contact Me</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1784,7 +1784,7 @@
|
||||
<h2 class="text-[0.8rem] uppercase !tracking-[0.05rem] !text-[#343f52] !mb-4">Hello! This is Trunçgil</h2>
|
||||
<h1 class="xl:!text-[2.9rem] !text-[calc(1.415rem_+_1.98vw)] !leading-[1.2] font-bold !mb-7">We bring rapid solutions for your business.</h1>
|
||||
<div class="flex justify-center" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg 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] me-2">Explore Now</a></span>
|
||||
<span><a href="#" class="btn btn-lg btn-outline-primary !rounded-[50rem]">Contact Us</a></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2076,9 +2076,9 @@
|
||||
</div>
|
||||
<!-- /column -->
|
||||
<div class="md:w-10/12 flex-[0_0_auto] !px-[15px] max-w-full md:!ml-[8.33333333%] lg:!ml-0 lg:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full text-center lg:text-left xl:text-left">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[2.7rem] !text-[calc(1.395rem_+_1.74vw)] !mb-5 md:mx-[-1.25rem] lg:mx-0 !mt-7">A digital agency <br class="md:!hidden">specializing on <br class="md:!hidden"><span class="rotator-fade !text-[#3f78e0] ">mobile design,web design,3D animation</span></h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[2.7rem] !text-[calc(1.395rem_+_1.74vw)] !mb-5 md:mx-[-1.25rem] lg:mx-0 !mt-7">A digital agency <br class="md:!hidden">specializing on <br class="md:!hidden"><span class="rotator-fade !text-[#e31e24] ">mobile design,web design,3D animation</span></h1>
|
||||
<p class="lead text-[1rem] !mb-7">We are an award winning design agency that strongly believes in the power of creative ideas.</p>
|
||||
<span><a class="btn btn-lg 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] me-2">Get Started</a></span>
|
||||
<span><a class="btn btn-lg 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] me-2">Get Started</a></span>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
@@ -2535,7 +2535,7 @@
|
||||
<div class="container pt-10 xl:pt-14 lg:pt-14 xl:!pt-14 xxl:!pt-10 xl:pb-10 lg:pb-10 xl:pb-10 xxl:pb-0">
|
||||
<div class="row md:mx-[-20px] xl:mx-[-35px] !mt-[-50px] items-center text-center lg:text-left xl:text-left">
|
||||
<div class="lg:w-6/12 flex-[0_0_auto] !px-[15px] max-w-full" data-cues="slideInDown" data-group="page-title" data-delay="900">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-4 xl:!mr-5 xl:!mt-[-2.5rem] lg:!mt-[-2.5rem]">Grow Your Business with <br class="d-none md:block xl:!hidden lg:!hidden" /><span class="text-[#3f78e0] ">Our Marketing Solutions</span></h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-4 xl:!mr-5 xl:!mt-[-2.5rem] lg:!mt-[-2.5rem]">Grow Your Business with <br class="d-none md:block xl:!hidden lg:!hidden" /><span class="text-[#e31e24] ">Our Marketing Solutions</span></h1>
|
||||
<p class="lead text-[1.2rem] leading-normal !mb-7 xxl:!pr-20">We help our clients to increase their website <br class="d-none md:block xl:!hidden lg:!hidden" /> traffic, rankings and visibility in search results.</p>
|
||||
<div class="inline-flex me-2"><a href="#" class="btn btn-lg btn-grape !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">Try it for Free</a></div>
|
||||
<div class="inline-flex"><a href="#" class="btn btn-lg btn-outline-grape !text-[#e31e24] bg-[#e31e24] !border-[#e31e24] !border-[2px] hover:!text-white hover:bg-[#e31e24] hover:!border-[#e31e24] focus:shadow-[rgba(96,93,186,1)] active:!text-white active:bg-[#e31e24] active:border-[#e31e24] disabled:!text-white disabled:bg-transparent disabled:border-[#e31e24] rounded">Explore Now</a></div>
|
||||
@@ -2596,7 +2596,7 @@
|
||||
<div class="sm:w-6/12 flex-[0_0_auto] !px-[15px] max-w-full xxl:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full max-sm:!text-center text-left" data-cues="slideInDown" data-group="page-title" data-interval="-200" data-delay="500">
|
||||
<h2 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.8rem] !text-[calc(1.405rem_+_1.86vw)] !mb-4 !mt-0 lg:!mt-5 !tracking-[-0.035em] xl:!pr-5 xxl:!pr-0">We bring solutions to make life <span class=" !relative z-[1] after:content-[''] after:absolute after:z-[-1] after:block after:[background-size:100%_100%] after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:w-[110%] after:h-[0.3em] after:-translate-x-2/4 after:left-2/4 style-3 yellow">easier</span></h2>
|
||||
<p class="lead text-[1.15rem] leading-normal !mb-7 xl:!pr-5 lg:!pr-5 xl:!pr-5 xxl:!pr-0">We are a creative company that focuses on long term relationships with customers.</p>
|
||||
<div><a href="#" class="btn btn-lg 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">Read More</a></div>
|
||||
<div><a href="#" class="btn btn-lg 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">Read More</a></div>
|
||||
</div>
|
||||
<!--/column -->
|
||||
</div>
|
||||
@@ -2789,11 +2789,11 @@
|
||||
<div class="absolute shape fuchsia w-6 hidden lg:block" style="top: 0%; right: -25%; transform: rotate(70deg);" data-cue="fadeIn" data-delay="1500"><img src="./assets/img/svg/tri.svg" class="svg-inject icon-svg w-full !h-full" alt="" /></div>
|
||||
<div class="absolute shape yellow w-6 hidden lg:block" style="bottom: 25%; right: -17%;" data-cue="fadeIn" data-delay="1500"><img src="./assets/img/svg/circle.svg" class="svg-inject icon-svg w-full !h-full" alt="" /></div>
|
||||
<div data-cues="slideInDown" data-group="page-title">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[3.2rem] !text-[calc(1.445rem_+_2.34vw)] !mb-5 md:mx-10 lg:mx-0">We are a digital web agency specializing on <br /><span class="rotator-fade !text-[#3f78e0] ">web design.,SEO services.,e-commerce.,Google Adwords.</span></h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[3.2rem] !text-[calc(1.445rem_+_2.34vw)] !mb-5 md:mx-10 lg:mx-0">We are a digital web agency specializing on <br /><span class="rotator-fade !text-[#e31e24] ">web design.,SEO services.,e-commerce.,Google Adwords.</span></h1>
|
||||
<p class="lead text-[1.2rem] !mb-8">We are an award winning digital web agency that strongly believes in the power of creative ideas.</p>
|
||||
</div>
|
||||
<div class="flex justify-center" data-cues="slideInDown" data-delay="600">
|
||||
<span><a class="btn btn-lg 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-[0.8rem] mx-1">See Projects</a></span>
|
||||
<span><a class="btn btn-lg 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-[0.8rem] mx-1">See Projects</a></span>
|
||||
<span><a class="btn btn-lg btn-fuchsia !text-white !bg-[#e668b3] border-[#e668b3] hover:text-white hover:bg-[#e668b3] hover:!border-[#e668b3] active:text-white active:bg-[#e668b3] active:border-[#e668b3] disabled:text-white disabled:bg-[#e668b3] disabled:border-[#e668b3] !rounded-[0.8rem] mx-1">Contact Us</a></span>
|
||||
</div>
|
||||
<!-- /div -->
|
||||
@@ -2850,7 +2850,7 @@
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !tracking-[-0.03em] xl:!text-[3.2rem] !text-[calc(1.445rem_+_2.34vw)] !mb-4 md:!px-8 lg:!px-0">We bring rapid solutions for your <span class=" !relative z-[1] after:content-[''] after:absolute after:z-[-1] after:block after:[background-size:100%_100%] after:bg-no-repeat after:bg-bottom after:bottom-[-0.1em] after:w-[110%] after:h-[0.3em] after:-translate-x-2/4 after:left-2/4 style-1 primary"><em>business</em></span></h1>
|
||||
<p class="lead text-[1.2rem] leading-normal !mb-7">We are creative company that values quality and focuses on establishing long-term relationships with customers.</p>
|
||||
<div>
|
||||
<a class="btn btn-lg 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 !mb-10 xxl:!mb-5">See Projects</a>
|
||||
<a class="btn btn-lg 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 !mb-10 xxl:!mb-5">See Projects</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
@@ -2915,7 +2915,7 @@
|
||||
<div class="row">
|
||||
<div class="lg:w-10/12 flex-[0_0_auto] !px-[15px] max-w-full xl:w-9/12 flex-[0_0_auto] !px-[15px] max-w-full xxl:w-8/12 flex-[0_0_auto] !px-[15px] max-w-full !mx-auto" data-cues="zoomIn" data-group="page-title" data-interval="-200" data-delay="500">
|
||||
<h2 class="h6 uppercase !tracking-[0.05rem] !text-white !mb-5">Hello! We are Trunçgil</h2>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[3.4rem] !text-[calc(1.465rem_+_2.58vw)] !leading-[1.05] !mb-8 !text-white">We have considered our solutions to <span class="relative z-[2] whitespace-nowrap after:content-[''] after:block after:absolute after:w-[102.5%] after:h-[10%] after:left-[-1.5%] after:z-[-1] after:transition-all after:duration-[0.2s] after:ease-in-out after:!mt-0 after:rounded-[5rem] after:bottom-[4%] motion-reduce:after:transition-none after:bg-[#3f78e0] underline-gradient-6"><em>assist</em></span> every stage of your growth.</h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] xl:!text-[3.4rem] !text-[calc(1.465rem_+_2.58vw)] !leading-[1.05] !mb-8 !text-white">We have considered our solutions to <span class="relative z-[2] whitespace-nowrap after:content-[''] after:block after:absolute after:w-[102.5%] after:h-[10%] after:left-[-1.5%] after:z-[-1] after:transition-all after:duration-[0.2s] after:ease-in-out after:!mt-0 after:rounded-[5rem] after:bottom-[4%] motion-reduce:after:transition-none after:bg-[#e31e24] underline-gradient-6"><em>assist</em></span> every stage of your growth.</h1>
|
||||
<div class="flex justify-center !mb-4" data-cues="zoomIn" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a href="#" class="btn btn-lg btn-white">Explore Now</a></span>
|
||||
</div>
|
||||
@@ -2976,7 +2976,7 @@
|
||||
<div class="lg:w-9/12 flex-[0_0_auto] !px-[15px] max-w-full xxl:w-8/12 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] xl:!text-[3.5rem] !text-[calc(1.475rem_+_2.7vw)] md:!px-10 lg:!px-0 xl:!px-8 !mb-5">👋 Hello! I'm <img class="inline w-12 mx-1" src="./assets/img/avatars/avatar.png" alt=""> Camille, a product designer.</h1>
|
||||
<p class="lead text-[1.2rem] md:!px-10 lg:!px-0 lg:mx-[-2.5rem] xl:mx-0 !mb-8">I’m very passionate about the work that I do, and if you are curious you can find my works on <a href="#" class="hover">Dribbble</a>, my portfolio on <a href="#" class="hover">Behance</a>.</p>
|
||||
<a href="#" class="btn btn-lg 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] btn-icon btn-icon-end">See My Works <i class="uil uil-arrow-up-right"></i></a>
|
||||
<a href="#" class="btn btn-lg 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] btn-icon btn-icon-end">See My Works <i class="uil uil-arrow-up-right"></i></a>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
</div>
|
||||
@@ -3029,10 +3029,10 @@
|
||||
<div class="container pt-10 xl:pt-[4.5rem] lg:pt-[4.5rem] md:pt-[4.5rem]">
|
||||
<div class="row mx-[-5px] !mt-[-50px] items-center">
|
||||
<div class="md:w-10/12 flex-[0_0_auto] !px-[15px] max-w-full md:!ml-[8.33333333%] lg:!ml-0 lg:w-5/12 flex-[0_0_auto] !px-[15px] max-w-full text-center lg:text-left xl:text-left order-2 lg:!order-none" data-cues="slideInDown" data-group="page-title" data-delay="600">
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5 md:mx-10 lg:mx-0">Create a powerful but effortless website for <br /><span class="typer !text-[#3f78e0] whitespace-nowrap" data-delay="100" data-words="your business.,your portfolio.,your startup.,digital marketing."></span><span class="cursor !text-[#3f78e0] " data-owner="typer"></span></h1>
|
||||
<h1 class="text-[calc(1.365rem_+_1.38vw)] font-bold !leading-[1.2] xl:!text-[2.4rem] !mb-5 md:mx-10 lg:mx-0">Create a powerful but effortless website for <br /><span class="typer !text-[#e31e24] whitespace-nowrap" data-delay="100" data-words="your business.,your portfolio.,your startup.,digital marketing."></span><span class="cursor !text-[#e31e24] " data-owner="typer"></span></h1>
|
||||
<p class="lead text-[1.15rem] !mb-7">Build your website in minutes with the help of countless amazing features of Trunçgil.</p>
|
||||
<div class="flex justify-center lg:!justify-start !mb-4" data-cues="slideInDown" data-group="page-title-buttons" data-delay="900">
|
||||
<span><a class="btn btn-lg 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] !mr-2 scroll" href="#demos">Check Demos</a></span>
|
||||
<span><a class="btn btn-lg 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] !mr-2 scroll" href="#demos">Check Demos</a></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /column -->
|
||||
@@ -3105,9 +3105,9 @@
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<!-- /section -->
|
||||
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#3f78e0] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
|
||||
<div class="progress-wrap fixed w-[2.3rem] h-[2.3rem] cursor-pointer block shadow-[inset_0_0_0_0.1rem_rgba(128,130,134,0.25)] z-[1010] opacity-0 invisible translate-y-3 transition-all duration-[0.2s] ease-[linear,margin-right] delay-[0s] rounded-[100%] right-6 bottom-6 motion-reduce:transition-none after:absolute after:content-['\e951'] after:text-center after:leading-[2.3rem] after:text-[1.2rem] after:!text-[#e31e24] after:h-[2.3rem] after:w-[2.3rem] after:cursor-pointer after:block after:z-[1] after:transition-all after:duration-[0.2s] after:ease-linear after:left-0 after:top-0 motion-reduce:after:transition-none after:font-Unicons">
|
||||
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
|
||||
<path class="fill-none stroke-[#3f78e0] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||
<path class="fill-none stroke-[#e31e24] stroke-[4] box-border transition-all duration-[0.2s] ease-linear motion-reduce:transition-none" d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
|
||||
</svg>
|
||||
</div>
|
||||
<script src="../../assets/js/plugins.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user