Navigant Credit Union CD Rates Calculator
This calculator helps you estimate the potential earnings from a Certificate of Deposit (CD) at Navigant Credit Union. Certificates of Deposit are a type of savings account with a fixed term and a fixed interest rate. They can be a good option for savers looking for guaranteed returns on their money, especially for funds they don't need immediate access to. By entering the principal amount, the APY (Annual Percentage Yield), and the term length in years, you can see how much your investment could grow.
" +
"Total Earnings: " +
"$" + totalEarnings.toFixed(2) + "" +
"
" +
"" +
"Estimated Future Value: " +
"$" + futureValue.toFixed(2) + "" +
"
";
}
.calculator-wrapper {
font-family: sans-serif;
max-width: 600px;
margin: 20px auto;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.calculator-content {
text-align: center;
}
.calculator-title {
color: #333;
margin-bottom: 15px;
}
.calculator-description {
color: #555;
font-size: 0.95em;
line-height: 1.6;
margin-bottom: 25px;
text-align: left;
}
.calculator-inputs {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 15px;
margin-bottom: 25px;
}
.input-group {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.input-group label {
margin-bottom: 5px;
color: #333;
font-weight: bold;
}
.input-group input[type="number"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box; /* Include padding and border in the element's total width and height */
font-size: 1em;
}
.calculate-button {
grid-column: 1 / -1; /* Span across all columns if using grid */
background-color: #007bff;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 1.1em;
transition: background-color 0.3s ease;
}
.calculate-button:hover {
background-color: #0056b3;
}
.calculator-result {
margin-top: 20px;
padding: 15px;
border: 1px dashed #ddd;
border-radius: 4px;
background-color: #f9f9f9;
text-align: center;
}
.result-item {
margin-bottom: 10px;
font-size: 1.1em;
}
.result-label {
color: #333;
font-weight: bold;
margin-right: 8px;
}
.result-value {
color: #28a745;
font-weight: bold;
}