Commit 623698fa by Hussain Mohamed

chnages

parent 0a74ca97
......@@ -62,13 +62,13 @@ body {
}
a {
color: var(--accent-color);
color: #282828;
text-decoration: none;
transition: 0.3s;
}
a:hover {
color: color-mix(in srgb, var(--accent-color), transparent 25%);
color: #282828;
text-decoration: none;
}
......@@ -4463,6 +4463,42 @@ section,
width: 150px;
}
.bottom-btn {
padding: 80px 0;
text-align: center; /* Center the button horizontally */
background-color: #3F3D2F;
}
.bottom-btn .btn-submit {
margin: auto;
padding: 20px 40px;
display: inline-flex;
font-size: 20px;
font-weight: 500;
background-color: transparent;
border: 2px solid #FFFFFF; /* White border like the image */
color: #FFFFFF; /* White text color */
transition: background-color 0.3s ease, color 0.3s ease; /* Smooth transition for hover effects */
cursor: pointer;
}
.bottom-btn .btn-submit i {
font-size: 25px;
margin-left: 1px;
opacity: 0; /* Hide arrow by default */
transition: opacity 0.3s ease, transform 0.3s ease;
}
.bottom-btn .btn-submit:hover i {
opacity: 1; /* Show the arrow */
transform: translateX(5px); /* Move the arrow slightly to the right */
}
.bottom-btn .btn-submit i {
margin-left: 10px; /* Space between the text and the icon */
transition: transform 0.3s ease; /* Smooth transition for the icon */
}
.bottom-btn .btn-submit:hover i {
transform: translateX(5px); /* Slightly move the icon to the right */
}
.btnsubmit {
background-color: #038c7f;
border: 2px solid #038c7f;
......
......@@ -131,4 +131,16 @@
</div>
</div>
</section>
<section class="bottom-btn">
<div class="row">
<div class="col-lg-12">
<div class="d-grid">
<a href="<?= route('career') ?>" class="btn-submit">
Lets work together <i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</div>
</section>
@endsection
\ No newline at end of file
......@@ -17,8 +17,8 @@
<div class="col-lg-5">
<nav class="breadcrumbs d-flex">
<ol>
<li><a href="index.html">Home</a></li>
<li><a href="index.html"><?= $record->category->category_name ?></a></li>
<li><a href="<?= route('/') ?>">Home</a></li>
<li><a href="#"><?= $record->category->category_name ?></a></li>
<li><a href="<?= route('products', [$record->product_slug]) ?>"><?= ucwords($record->product_name) ?></a></li>
</ol>
</nav>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment