Skip to content
This repository has been archived by the owner on Jun 24, 2020. It is now read-only.

Commit

Permalink
fix(fr): form resources copy, css, markup fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@cfarm
cfarm committed Aug 11, 2015
1 parent d331e2f commit d94f99e
Show file tree
Hide file tree
Showing 3 changed files with 195 additions and 33 deletions.
54 changes: 39 additions & 15 deletions src/mortgage-closing/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{% extends "base.html" %}
{% set active_page = "mortgage-closing" %}
{% block title %}Mortgage Closing > Consumer Financial Protection Bureau{% endblock title %}
{% block title %}Mortgage Closing{% endblock title %}
{% block content %}
<main class="content content__2-1 content__bleedbar form-resources" id="main" role="main">
<section class="hero hero__mortage-closing">
Expand Down Expand Up @@ -39,14 +39,14 @@ <h4 class="u-mb5">1. Review your Closing Disclosure</h4>
<h4 class="u-mb5">2. Get ready for closing</h4>
<p class="u-mb15">Our closing checklist lets you know what to expect at closing and what questions to ask so you will be prepared.</p>
<p class="u-mb30">
<a href="/owning-a-home/process/compare/" class="jump-link">
<a href="/owning-a-home/resources/checklist_mortgage_closing.pdf" class="jump-link jump-link__download pdf">
<span class="icon-link_text">Get our closing checklist</span>
</a>
</p>
<h4 class="u-mb5">3. Review the rest of your closing documents </h4>
<p class="u-mb15">In addition to your Closing Disclosure, there are other important documents you will need to sign at closing, such as the promissory note and the deed of trust. Get a head start on reviewing these documents by asking your closing agent for a copy of your closing packet in advance. We can help you navigate these documents.</p>
<p class="u-mb30">
<a href="/owning-a-home/resources/mortgage_closing_forms.pdf" class="jump-link jump-link__pdf">
<a href="/owning-a-home/resources/mortgage_closing_forms.pdf" class="jump-link jump-link__download pdf">
<span class="icon-link_text">Navigate your closing documents</span>
</a>
</p>
Expand All @@ -65,23 +65,47 @@ <h4 class="u-mb5">4. Get any errors fixed now, before closing</h4>
<header class="tabbed-header tabbed-pad-top">
<h3 class="subhead tabbed-heading">Resources</h3>
</header>
<p><a href="/owning-a-home/">Owning a Home: Tools and resources for home buyers</a></p>
<p><a href="/f/201503_cfpb_your-home-loan-toolkit-web.pdf">Your home loan toolkit: A step by step guide <span class="cf-icon cf-icon-pdf"></span></a></p>
<p><a href="/find-a-housing-counselor/">Find a housing counselor</a></p>
<p><a href="/complaint/#mortgage">Submit a complaint about problems with your mortgage lender</a></p>
<ul class="list__unstyled list__spaced">
<li class="list_item">
<a class="list_link jump-link" href="/owning-a-home/">
<span class="jump-link_text">Owning a Home: Tools and resources for home buyers</span>
</a>
</li>
<li class="list_item">
<a class="list_link jump-link jump-link__download pdf" href="/f/201503_cfpb_your-home-loan-toolkit-web.pdf">
<span class="jump-link_text">Your home loan toolkit: A step by step guide</span>
</a>
</li>
<li class="list_item">
<a class="list_link jump-link" href="/find-a-housing-counselor/">
<span class="jump-link_text">Find a housing counselor</span>
</a>
</li>
<li class="list_item">
<a class="list_link jump-link" href="/complaint/#mortgage">
<span class="jump-link_text">Submit a complaint about problems with your mortgage lender</span>
</a>
</li>
</ul>
</section>
<section class="block u-mt0">
<header class="tabbed-header tabbed-pad-top u-mb45">
<h3 class="subhead tabbed-heading">For industry professionals</h3>
</header>
<p>
Lenders<br>
<a href="/regulatory-implementation/">Get videos, compliance guides, and other resources</a>
</p>
<p>
Real estate professionals<br>
<a href="/know-before-you-owe/real-estate-professionals/">Learn how the new disclosure forms help you and your clients</a>
</p>
<ul class="list__unstyled list__spaced">
<li class="list_item">
<span class="jump-link_intro">Lenders</span><br>
<a class="list_link jump-link" href="/regulatory-implementation/">
<span class="jump-link_text">Get videos, compliance guides, and other resources</span>
</a>
</li>
<li class="list_item">
<span class="jump-link_intro">Real estate professionals</span><br>
<a class="list_link jump-link" href="/know-before-you-owe/real-estate-professionals/">
<span class="jump-link_text">Learn how the new disclosure forms help you and your clients</span>
</a>
</li>
</ul>
</section>
</aside>
<!-- .content_sidebar -->
Expand Down
56 changes: 41 additions & 15 deletions src/mortgage-estimate/index.html
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{% extends "base.html" %}
{% set active_page = "mortgage-estimate" %}
{% block title %}Mortgage Estimate &gt; Consumer Financial Protection Bureau{% endblock title %}
{% block title %}Mortgage Estimate{% endblock title %}
{% block content %}
<main class="content content__2-1 content__bleedbar form-resources" id="main" role="main">
<section class="hero hero__mortage-estimate">
Expand Down Expand Up @@ -37,12 +37,14 @@ <h4 class="u-mb5">1. Review your Loan Estimate</h4>
</a>
</p>
<h4 class="u-mb5">2. Request additional Loan Estimates from different lenders</h4>
<p class="u-mb15">When you get Loan Estimates from multiple lenders, you can compare to see which lender is offering you your best deal. For the most useful comparison, request the same kind of loan from each lender. </p>
<p class="u-mb30">When you get Loan Estimates from multiple lenders, you can compare to see which lender is offering you your best deal. For the most useful comparison, request the same kind of loan from each lender. </p>
<!--
<p class="u-mb30">
<a href="/owning-a-home/process/compare/" class="jump-link">
<span class="icon-link_text">Learn how to shop for multiple Loan Estimates</span>
</a>
</p>
-->
<h4 class="u-mb5">3. Check to see if your interest rate is locked</h4>
<p class="u-mb15">Some lenders may lock your rate as part of issuing the Loan Estimate, but some may not. Check at the top of page 1 on your Loan Estimate to see whether your rate is locked, and until when. If your rate is not locked, it can change at any time. If your interest rate is locked, your rate won’t change between now and closing, as long as you close within the specified timeframe and there are no changes to your application. </p>
<p class="u-mb30">
Expand All @@ -51,7 +53,7 @@ <h4 class="u-mb5">3. Check to see if your interest rate is locked</h4>
</a>
</p>
<h3 class="u-mt45 u-mb20">What happens next</h3>
<h4 class="u-mb5">1. Decide if you want to proceed with your loan application and let the lender know.</h4>
<h4 class="u-mb5">1. Decide if you want to proceed with your loan application and let the lender know</h4>
<p class="u-mb15">Once you’ve chosen a loan offer, you need to tell the lender you want to proceed with that loan application. This is called “expressing your intent to proceed.” Lenders have to wait until you express your intent to proceed with a particular application before they can charge you application or appraisal fees.</p>
<p class="u-mb30">
<a href="/askcfpb/1989/my-loan-officer-said-that-I-need-to-express-my-intent-to-proceed-in-order-for-my-mortgage-loan-application-to-move-forward.html" class="jump-link">
Expand All @@ -73,23 +75,47 @@ <h4 class="u-mb5">2. Look out for revised Loan Estimates between now and closing
<header class="tabbed-header tabbed-pad-top">
<h3 class="subhead tabbed-heading">Resources</h3>
</header>
<p><a href="/owning-a-home/">Owning a Home: Tools and resources for home buyers</a></p>
<p><a href="/f/201503_cfpb_your-home-loan-toolkit-web.pdf">Your home loan toolkit: A step by step guide <span class="cf-icon cf-icon-pdf"></span></a></p>
<p><a href="/find-a-housing-counselor/">Find a housing counselor</a></p>
<p><a href="/complaint/#mortgage">Submit a complaint about problems with your mortgage lender</a></p>
<ul class="list__unstyled list__spaced">
<li class="list_item">
<a class="list_link jump-link" href="/owning-a-home/">
<span class="jump-link_text">Owning a Home: Tools and resources for home buyers</span>
</a>
</li>
<li class="list_item">
<a class="list_link jump-link jump-link__download pdf" href="/f/201503_cfpb_your-home-loan-toolkit-web.pdf">
<span class="jump-link_text">Your home loan toolkit: A step by step guide</span>
</a>
</li>
<li class="list_item">
<a class="list_link jump-link" href="/find-a-housing-counselor/">
<span class="jump-link_text">Find a housing counselor</span>
</a>
</li>
<li class="list_item">
<a class="list_link jump-link" href="/complaint/#mortgage">
<span class="jump-link_text">Submit a complaint about problems with your mortgage lender</span>
</a>
</li>
</ul>
</section>
<section class="block u-mt0">
<header class="tabbed-header tabbed-pad-top u-mb45">
<h3 class="subhead tabbed-heading">For industry professionals</h3>
</header>
<p>
Lenders<br>
<a href="/regulatory-implementation/">Get videos, compliance guides, and other resources</a>
</p>
<p>
Real estate professionals<br>
<a href="/know-before-you-owe/real-estate-professionals/">Learn how the new disclosure forms help you and your clients</a>
</p>
<ul class="list__unstyled list__spaced">
<li class="list_item">
<span class="jump-link_intro">Lenders</span><br>
<a class="list_link jump-link" href="/regulatory-implementation/">
<span class="jump-link_text">Get videos, compliance guides, and other resources</span>
</a>
</li>
<li class="list_item">
<span class="jump-link_intro">Real estate professionals</span><br>
<a class="list_link jump-link" href="/know-before-you-owe/real-estate-professionals/">
<span class="jump-link_text">Learn how the new disclosure forms help you and your clients</span>
</a>
</li>
</ul>
</section>
</aside>
<!-- .content_sidebar -->
Expand Down
118 changes: 115 additions & 3 deletions src/static/css/module/form-resources.less
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
.respond-to-max(660px, {

.hero_img {
height: 170px;
height: 180px;
background-repeat: no-repeat;
background-position: center center; //wrapper has 15px left padding
}
Expand All @@ -68,7 +68,7 @@

.respond-to-min(661px, {
//padding: 40px 0 0 0;
padding-top: unit(30px / @base-font-size-px, em);
padding-top: unit(15px / @base-font-size-px, em);

&_wrapper {
background-repeat: no-repeat;
Expand All @@ -85,6 +85,7 @@

&_preview {
padding: @grid_gutter-width;
margin-top: unit(15px / @base-font-size-px, em);
}

});
Expand Down Expand Up @@ -148,4 +149,115 @@

}

} //.form-resources
/* Capital Framework styles from the Journey process.less */

/* temp. workaround for .block-link border-color issue */
a.jump-link,
a.list_link {
border-color: @link-underline;

&:visited {
border-color: @link-underline-visited;
}

&:hover {
border-color: @link-underline-hover;
z-index: 10;
}

&:active{
border-color: @link-underline-active;
}
}

/* Borrowed from flapjack.*/


ul > .list__links {
.list__unstyled();
}

.list__links {
.list__unstyled();


.list_item {
margin-bottom: unit(10x / @base-font-size-px, em);

.respond-to-max(@mobile-max, {
margin-bottom: -1px;
});
}

&.list__spaced .list_item + .list_item {
margin-top: 0;
}

.list_link {
.respond-to-max(@mobile-max, {
.block-link();
border-color: @link-underline;

&:visited {
border-color: @link-underline-visited;
}

&:hover {
border-color: @link-underline-hover;
z-index: 10;
}

&:active{
border-color: @link-underline-active;
}

&.icon-link:after {
position: absolute;
margin-bottom: -0.625em;
right: 0;
bottom: 50%;
text-align: right;
}

.icon-link_text {
border-bottom-width: 0;
}
});
}

&.list__icons {
.list_link {
position: relative;
left: -0.125em; // adjust for optical alignment of icons
}

.icon-link:before,
.icon-link:after {
width: 1.125em;
text-align: center;
}
}
}

/* temp. workaround for .block-link border-color issue */
a.jump-link,
a.list_link {
border-color: @link-underline;

&:visited {
border-color: @link-underline-visited;
}

&:hover {
border-color: @link-underline-hover;
z-index: 10;
}

&:active{
border-color: @link-underline-active;
}
}



} //.form-resources

0 comments on commit d94f99e

Please sign in to comment.