Commit 623698fa by Hussain Mohamed

chnages

parent 0a74ca97
...@@ -62,13 +62,13 @@ body { ...@@ -62,13 +62,13 @@ body {
} }
a { a {
color: var(--accent-color); color: #282828;
text-decoration: none; text-decoration: none;
transition: 0.3s; transition: 0.3s;
} }
a:hover { a:hover {
color: color-mix(in srgb, var(--accent-color), transparent 25%); color: #282828;
text-decoration: none; text-decoration: none;
} }
...@@ -4463,6 +4463,42 @@ section, ...@@ -4463,6 +4463,42 @@ section,
width: 150px; 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 { .btnsubmit {
background-color: #038c7f; background-color: #038c7f;
border: 2px solid #038c7f; border: 2px solid #038c7f;
......
...@@ -131,4 +131,16 @@ ...@@ -131,4 +131,16 @@
</div> </div>
</div> </div>
</section> </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 @endsection
\ No newline at end of file
...@@ -17,8 +17,8 @@ ...@@ -17,8 +17,8 @@
<div class="col-lg-5"> <div class="col-lg-5">
<nav class="breadcrumbs d-flex"> <nav class="breadcrumbs d-flex">
<ol> <ol>
<li><a href="index.html">Home</a></li> <li><a href="<?= route('/') ?>">Home</a></li>
<li><a href="index.html"><?= $record->category->category_name ?></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> <li><a href="<?= route('products', [$record->product_slug]) ?>"><?= ucwords($record->product_name) ?></a></li>
</ol> </ol>
</nav> </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