<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="legal-name-change-card">
<div class="legal-name-change-content">
<span class="legal-name-change-label">NEW JERSEY FAMILY LAW</span>
<h1>Name Change Lawyer in NJ for Legal Name Change Matters</h1>
<div class="legal-name-change-divider"></div>
<p>
A legal name change may be needed after marriage, divorce, adoption, or for other personal reasons. A
<a href="https://garneslaw.com/name-change">name change lawyer in NJ</a>
can explain the required court process, documentation, and legal steps involved in requesting a name change.
The Law Offices of David T. Garnes, LLC assists clients with family law matters and related legal concerns
throughout New Jersey. Understanding the requirements before filing can help you avoid unnecessary delays
and make sure your request is properly prepared.
</p>
<a class="legal-name-change-button" href="https://garneslaw.com/name-change">
Learn More <span>→</span>
</a>
</div>
</div>
.legal-name-change-card {
max-width: 900px;
margin: 30px auto;
padding: 3px;
border-radius: 14px;
background: linear-gradient(135deg, #17365d, #b08d57);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}
.legal-name-change-content {
background: #ffffff;
border-radius: 11px;
padding: 38px 42px;
}
.legal-name-change-label {
display: inline-block;
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
color: #17365d;
margin-bottom: 12px;
}
.legal-name-change-content h1 {
margin: 0;
color: #17365d;
font-size: 32px;
line-height: 1.25;
font-weight: 700;
}
.legal-name-change-divider {
width: 65px;
height: 4px;
background: #b08d57;
margin: 18px 0 20px;
border-radius: 5px;
}
.legal-name-change-content p {
color: #444444;
font-size: 16px;
line-height: 1.8;
margin: 0 0 25px;
}
.legal-name-change-content p a {
color: #17365d;
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid #b08d57;
transition: all 0.25s ease;
}
.legal-name-change-content p a:hover {
color: #b08d57;
border-bottom-color: #17365d;
}
.legal-name-change-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: #17365d;
color: #ffffff !important;
text-decoration: none !important;
padding: 12px 22px;
border-radius: 6px;
font-size: 15px;
font-weight: 600;
transition: all 0.3s ease;
}
.legal-name-change-button:hover {
background: #b08d57;
transform: translateY(-2px);
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
}
.legal-name-change-button span {
font-size: 19px;
transition: transform 0.3s ease;
}
.legal-name-change-button:hover span {
transform: translateX(4px);
}
@media (max-width: 600px) {
.legal-name-change-card {
margin: 20px 10px;
}
.legal-name-change-content {
padding: 28px 22px;
}
.legal-name-change-content h1 {
font-size: 25px;
}
.legal-name-change-content p {
font-size: 15px;
line-height: 1.7;
}
.legal-name-change-button {
width: 100%;
justify-content: center;
box-sizing: border-box;
}
}
document.addEventListener("DOMContentLoaded", function () {
const card = document.querySelector(".legal-name-change-card");
const button = document.querySelector(".legal-name-change-button");
if (card) {
card.classList.add("legal-name-change-hidden");
setTimeout(function () {
card.classList.add("legal-name-change-visible");
}, 150);
}
if (button) {
button.addEventListener("click", function () {
button.classList.add("legal-name-change-clicked");
setTimeout(function () {
button.classList.remove("legal-name-change-clicked");
}, 300);
});
}
});
