- <script src="https://connect.breadpayments.com/sdk.js"></script>
- <style>
- <!--
- /* ADJUST YOUR PRIMARY AND SECONDARY FONTS HERE */
- @import url("https://fonts.googleapis.com/css?family=stalematelf:400");
- @teximport url("https://fonts.googleapis.com/css?family=Nunito+Sans:400,600,700,800");
- @import url("https://fonts.googleapis.com/css?family=play:400,600,700");
- /* SET UNIVERSAL COLORS AND IMAGE HERE */
- :root {
- --brand-color-medium: #59bec9;
- --buttons-hover-color: #007dba;
- --header-color: #13294b;
- --background-photo-url: url('https://i.imgur.com/7wWlEcZ.png');
- --brand-font-family: 'Poppins',Arial,sans-serif;
- --font-color:#13294b;
- }
- body {
- margin: 0;
- padding: 0;
- }
- .bread-content-inner {
- position: absolute;
- width: 90%;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- -ms-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
- .bread-points {
- margin-top: 50px;
- }
- .bread-section {
- position: relative;
- width: 100%;
- text-align: center;
- }
- .bread-style {
- box-sizing: border-box;
- font-family: var(--brand-font-family);
- font-size: 16px;
- }
- .bread-main p {
- color: var(--font-color);
- }
- .bread-header {
- min-height: 300px;
- background: var(--header-color);
- color: #fff;
- background-size:cover;
- background-position: center;
- background-repeat: repeat;
- background-image: /* linear-gradient( rgba(0, 0, 0, .7), rgba(0, 0, 0, 0.7) ), */ var(--background-photo-url);--> */
- }
- .bread-header h6 {
- margin: 0;
- font-family: var(--brand-font-family);
- font-size: 50px;
- line-height: 50px;
- font-weight: 800;
- color:#fff;
- }
- .bread-header h1 {
- margin: 0;
- font-family: var(--brand-font-family);
- font-size: 50px;
- line-height: 50px;
- font-weight: 800;
- color:#fff;
- }
- .bread-header p {
- margin: 2em 0;
- }
- .bread-style h2 {
- font-family: var(--brand-font-family);
- font-style: normal;
- font-weight: 800;
- font-size: 40px;
- line-height: 49px;
- color: var(--font-color);
- }
- .bread-style h3 {
- margin: 0;
- font-family: var(--brand-font-family);
- font-size: 1em;
- color: var(--font-color);
- }
- .bread-main {
- background: #fff;
- color: #333;
- }
- .bread-check-your-rate {
- color: #FFFFFF;
- font-family: var(--brand-font-family);
- margin-bottom: 20px;
- font-size: 23px;
- line-height: 40px;
- font-weight: 800;
- margin-bottom: 6px;
- max-width: 625px;
- width: 80%;
- margin: 0 auto;
- }
- /* 'CHECK YOUR RATE' BOX */
- .bread-rate-box {
- height: 250px;
- background: var(--buttons-hover-color);
- color: #333;
- }
- .bread-footer {
- background: #edeeef;
- color: #333;
- overflow-wrap: break-word;
- margin: auto;
- }
- .bread-contact {
- margin-bottom: 50px;
- }
- .bread-disclosure {
- font-size: 14px;
- margin: 0 auto;
- width: 70%;
- padding: 10px 0;
- }
- a,
- .bread-contact-info {
- text-decoration: none;
- color: var(--brand-color-medium);
- }
- .bread-promo.one {
- background: none;
- border-radius:25px;
- font-family: var(--brand-font-family);
- font-style: normal;
- font-weight: bold;
- font-size: 16px;
- line-height: 22px;
- display: flex;
- align-items: center;
- text-align: center;
- color: #FFFFFF;
- width: 100%;
- height: 50px;
- max-width: 280px;
- justify-content: center;
- border: 1px solid var(--brand-color-medium);
- text-transform: uppercase;
- cursor: pointer;
- margin: 30px auto 0px auto;
- border: 1px solid #FFFFFF;
- border-radius:25px;
- padding: 0px, 21px, 0px, 21px;
- }
- .bread-promo.one:hover {
- background-color: #007dba;
- border: 1px solid #fff;
- text-decoration: none;
- color: #fff;
- transition: all 0.4s ease;
- }
- .bread-promo.bread-promo-two {
- background: var(--buttons-hover-color);
- border: 1px solid #FFFFFF;
- border-radius: 25px;
- padding: 0px, 21px, 0px, 21px;
- min-width: 15px;
- width: 100%;
- max-width: 250px;
- font-style: normal;
- font-weight: bold;
- font-size: 16px;
- line-height: 22px;
- display: flex;
- margin: auto;
- text-align: center;
- height: 50px;
- justify-content: center;
- color: #FFFFFF;
- margin: 30px auto 0px auto;
- align-items: center;
- font-family: var(--brand-font-family);
- }
- .bread-promo.bread-promo-two:hover {
- color: #fff;
- border: 1px solid #FFFFFF;
- transition: all 0.4s ease;
- background: #13294b;
- transition: all 0.4s ease;
- }
- .bread-learn-more {
- font-family: var(--brand-font-family);
- font-style: normal;
- font-weight: 800;
- font-size: 18px;
- line-height: 28px;
- color: var(--brand-color-medium);
- text-transform: uppercase;
- position: relative;
- width: 100%;
- text-align: center;
- }
- #subhead-terms {
- color: black !important;
- }
- .bread-three-col div {
- margin: 50px 20px 0;
- }
- .bread-three-col img {
- margin-bottom: 15px;
- }
- p{
- padding: 5px 0;
- line-height: 1.3;
- }
- @media ALL and (min-width: 768px) {
- .bread-three-col {
- display: flex;
- padding: 0px 15px;
- justify-content: space-between;
- }
- .bread-three-col div {
- width: 30%;
- margin: 0;
- }
- .bread-points {
- margin-top: 75px;
- }
- .bread-style h3 {
- font-size: 1.25em !important;
- }
- p {
- padding: 0;
- }
- }
- -->
- </style>
- <body>
- <div class="bread-header bread-section bread-style">
- <div class="bread-content-inner">
- <h6>0% Financing Available</h6>
- <p>
- Clear, transparent terms. Fair rates. No prepayment penalties.<br /><br />
- </p>
- <div class="bread-promo one" id="bread-placement-1">GET MY RATE</div><br />
- <p> Click here, to check your rate in seconds without leaving our site</p>
- </div>
- </div>
- <script>
- var placements = [
- {
- allowCheckout: false,
- domID: "bread-placement-1",
- },
- {
- allowCheckout: false,
- domID: "bread-placement-2",
- },
- ];
- BreadPayments.setup({
- integrationKey: "f793527b-b6c7-40f8-b871-ab27559bb26e"
- });
- BreadPayments.registerPlacements(placements);
- BreadPayments.on("INSTALLMENT:APPLICATION_CHECKOUT", () => {});
- BreadPayments.on("INSTALLMENT:APPLICATION_DECISIONED", () => {});
- </script>
- </body>
- <!-- END FINANCING PAGE CODE -->
[text] Financing Page
Viewer
*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.
Editor
You can edit this paste and save as new: