%- include('../layouts/header.ejs', {title: 'Checkout', state: 'checkout'}); %> <<<<<<< HEAD
<%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Checkout Page'}); %> ======= .form-control:valid { background-color: #212226; color: white; } .custom-select { background-color: #212226; color: white; } .input-group-text { background-color: #212226; color: white; } .comp-color { background-color: #212226; } .nav-radius { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .title { color: white; font-family: 'Poppins', sans-serif; display: flex; margin-top: 15px; margin-left: 48px; justify-content: left; text-align: left; background-color: #1b1c1e; } .bag-list { display: flex; color: white; border-bottom: 1px solid white; background-color: #1b1c1e; font-family: 'Poppins', sans-serif; margin-bottom: 1%; justify-content: left; text-align: left; } .body-right { margin-right: 48px; color: white; width: 30%; height: 100%; } .body-left { margin-left: 48px; margin-right: 48px; } .full-body { display: flex; } .info { margin-left: 30px; } .titlesummary { text-align: center; border-bottom: 1px solid white; margin: 10px; } .modal { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0, 0, 0); background-color: rgba(0, 0, 0, 0.4); } .modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 80%; } .close { color: #aaaaaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; } .navbar-brand { width: 5%; } @media screen and (max-width: 500px) { .navbar-brand { width: 15vw; height: 15vw; } } @media only screen and (max-width: 1000px) { .full-body { display: grid !important; } .body-right { margin-left: 48px; width: 500px; } } @media (max-width: 600px) { .full-body { font-size: 7px; } .img { width: 30px; height: 30px; } .info { margin-left: 5px; } .titletr { word-break: keep-all; } .titletrdes { word-break: normal; } .titlesummary { font-size: 10px; } .body-right { width: 504px; } .body-left { width: 504px; } } @media (max-width: 541px) { .body-right { width: 444px; } .body-left { width: 444px; } } @media (max-width: 412px) { .body-right { width: 315px; } .body-left { width: 315px; } } @media (max-width: 415px) { .body-right { width: 318px; } .body-left { width: 318px; } } @media (max-width: 376px) { .body-right { width: 280px; } .body-left { width: 280px; } } @media (max-width: 361px) { .body-right { width: 264px; } .body-left { width: 264px; } } @media (max-width: 321px) { .body-right { width: 224px; } .body-left { width: 224px; } } @media (max-width: 281px) { .body-right { width: 184px; } .body-left { width: 184px; } } .btn-pay { width: 100%; background-color: darkred; border-color: darkred; border-radius: 100px; position: center; margin: auto; text-align: center; } .btn-pay:hover { background-color: red; border-color: red; } :focus { outline: 0 !important; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important; } .none{ text-decoration: none !important; color: white; width: 100%; } <%- include('../layouts/navbar.ejs', {types: 'v1', state: 'product-list'}); %> >>>>>>> b290a94b42343230384ada3e0d78163842a26420Item | Item Price | Sub Total |
---|---|---|
Fashione Shoes Size : 44 Qty : 1 |
Rp 1.999.999,00 | Rp 1.999.999,00 |
Fashione Shoes Size : 44 Qty : 1 |
Rp 1.999.999,00 | Rp 1.999.999,00 |
Fashione Shoes Size : 44 Qty : 1 |
Rp 1.999.999,00 | Rp 1.999.999,00 |
Total Price | Rp 5.999.997,00 |
Please enter your delivery address