| Server IP : 103.6.199.200 / Your IP : 18.188.113.189 Web Server : Microsoft-IIS/10.0 System : Windows NT EMPUSA 10.0 build 20348 (Windows Server 2016) i586 User : EMPUSA$ ( 0) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : C:/Domains/tradepan/eup4u.com/wwwroot/ |
Upload File : |
<%@ page language="C#" autoeventwireup="true" inherits="Popup, App_Web_ounu0rxs" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<LINK href="scc502/Popup.css" rel="stylesheet">
</head>
<body>
<form id="form1" runat="server">
<h2>Popup Form</h2>
<p>Click on the button at the bottom of this page to open the login form.</p>
<p>Note that the button and the form is fixed - they will always be positioned to the bottom of the browser window.</p>
<button class="open-button" onclick="openForm()">Open Form</button>
<div class="form-popup" id="myForm">
<div class="form-container">
<h1>Login</h1>
<label for="email"><b>Email</b></label>
<input type="text" placeholder="Enter Email" name="email" required>
<label for="psw"><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<button type="submit" class="btn">Login</button>
<button type="submit" class="btn cancel" onclick="closeForm()">Close</button>
<asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" />
</div>
</div>
</form>
<script >
function openForm() {
document.getElementById("myForm").style.display = "block";
}
function closeForm() {
document.getElementById("myForm").style.display = "none";
}
</script>
<br />
<br />
<div class="cart__row-wrapper" style="font-weight: 400; font-size: 13px; word-spacing: 0px;
text-transform: none; color: rgb(255,255,255); text-indent: 0px; font-style: normal;
font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; white-space: normal;
letter-spacing: normal; background-color: rgb(38,34,29); box-sizing: border-box;
outline: none; font-variant-ligatures: normal; font-variant-caps: normal; orphans: 2;
widows: 2; webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial">
<div class="cart__row" style="border-top: 0px; margin-top: 0px; padding-top: 0px;
position: relative; box-sizing: border-box; outline: none">
<div class="grid--full" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
margin: 0px; padding-top: 0px; list-style-type: none; box-sizing: border-box;
outline: none">
<div class="grid__item large--one-whole" style="padding-left: 0px; min-height: 1px;
float: left; vertical-align: top; width: 360px; box-sizing: border-box; outline: none">
<div class="order-item-wrapper" style="box-sizing: border-box; outline: none">
<div class="order-item-img" style="box-sizing: border-box; outline: none">
<a class="cart__image" href="https://www.hairdepot.my/products/schwarzkopf-osis-session-extreme-hold-hairspray-3-500ml"
style="display: inline-block; background: none transparent scroll repeat 0% 0%;
margin-bottom: 5px; width: 80px; cursor: pointer; color: rgb(255,62,134); position: relative;
height: 80px; text-decoration: none; box-sizing: border-box; max-width: 100%;
outline: none">
<img alt="Schwarzkopf Osis+ Session Extreme Hold Hairspray (3) 500ml (*For West Malaysia Only*)"
src="https://s3.ap-southeast-1.amazonaws.com/cdn.store-assets.com/s/132952/i/13086282.jpeg"
style="border-right: 0px; border-top: 0px; display: block; z-index: 2; right: 0px;
left: 0px; margin: auto; border-left: 0px; width: auto! important; bottom: 0px;
border-bottom: 0px; position: absolute; top: 0px; box-sizing: border-box; max-width: 100%;
outline: none; max-height: 100%" />
</a>
</div>
<div class="order-item-detail" style="padding-left: 15px; box-sizing: border-box;
outline: none">
<a class="h5" href="https://www.hairdepot.my/products/schwarzkopf-osis-session-extreme-hold-hairspray-3-500ml"
style="font-weight: bold; font-size: 1.07em; background: none transparent scroll repeat 0% 0%;
margin: 0px 0px 15px; cursor: pointer; color: rgb(255,139,182); line-height: 1.6;
font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-decoration: none;
box-sizing: border-box; outline: none">Schwarzkopf Osis+ Session Extreme Hold Hairspray
(3) 500ml (*For West Malaysia Only*)</a><div style="box-sizing: border-box; outline: none">
MYR 32.00</div>
<a class="cart__remove" data-quantity="1" data-variant-id="14846781" style="display: block;
background: none transparent scroll repeat 0% 0%; margin-bottom: 10px; width: 30px;
cursor: pointer; text-decoration: none; box-sizing: border-box; opacity: 0.6;
outline: none"><small style="font-size: 0.85em; box-sizing: border-box; outline: none">
<svg id="Es_1" class="svg-icon" data-name="Es 1" viewbox="0 0 486.4 486.4" xmlns="http://www.w3.org/2000/svg">
</svg>
<path d="M443.33,72.28H343.46V56A52.85,52.85,0,0,0,290.67,3.2H195.73A52.85,52.85,0,0,0,142.94,56V72.28H43.07a13.32,13.32,0,1,0,0,26.64H67.15V412A71.34,71.34,0,0,0,138.4,483.2H348A71.34,71.34,0,0,0,419.25,412v-313h24.08a13.32,13.32,0,0,0,0-26.64ZM169.58,56a26.2,26.2,0,0,1,26.15-26.16h94.94A26.21,26.21,0,0,1,316.82,56V72.28H169.58Zm223,356A44.69,44.69,0,0,1,348,456.56H138.4A44.7,44.7,0,0,1,93.79,412v-313H392.71V412Z">
</path>
<path d="M243.2,398.59a12.23,12.23,0,0,0,12.29-12.28V169.11a12.29,12.29,0,0,0-24.58,0v217.1A12.31,12.31,0,0,0,243.2,398.59Z">
</path>
<path d="M157.46,398.59a13.77,13.77,0,0,0,13.83-13.83V170.65a13.84,13.84,0,0,0-27.67,0V384.76A13.84,13.84,0,0,0,157.46,398.59Z">
</path>
<path d="M328.94,398.59a13.77,13.77,0,0,0,13.84-13.83V170.65a13.84,13.84,0,0,0-27.67,0V384.76A13.77,13.77,0,0,0,328.94,398.59Z">
</path>
</small></a>
</div>
</div>
</div>
<div class="grid__item large--one-whole" style="padding-left: 0px; min-height: 1px;
float: left; vertical-align: top; width: 360px; box-sizing: border-box; outline: none">
<div class="grid--full" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
margin: 0px; padding-top: 0px; list-style-type: none; box-sizing: border-box;
outline: none">
<div class="grid__item one-half text-left" style="padding-left: 0px; min-height: 1px;
float: left; vertical-align: top; width: 180px; text-align: left! important;
box-sizing: border-box; outline: none">
<div class="cart-qty-adjust" style="box-sizing: border-box; outline: none">
<a class="input-group-btn btn-qty-adjust btn" data-adjust="0" style="border-right: medium none;
padding-right: 0px; border-top: rgb(149,149,149) 1px solid; padding-left: 0px;
font-weight: 400; font-size: 1.2em; background: none transparent scroll repeat 0% 0%;
padding-bottom: 0px; margin: 0px; vertical-align: middle; border-left: rgb(149,149,149) 1px solid;
width: 25px; cursor: pointer; color: rgb(255,255,255); line-height: 1.42; padding-top: 0px;
border-bottom: rgb(149,149,149) 1px solid; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
white-space: nowrap; position: relative; height: 25px; text-align: center; text-decoration: none;
box-sizing: border-box; outline: none; box-shadow: none; border-image: initial;
user-select: none; appearance: none; border-radius: 0px; transition: background-color 0.1s ease-in 0s;
min-width: 25px; align-items: center; justify-content: center">-</a><input id="updates_14846781"
class="cart__quantity-selector" min="0" name="updates[]" style="border-right: rgb(149,149,149) 1px solid;
padding-right: 8px; border-top: rgb(149,149,149) 1px solid; display: block; padding-left: 8px;
font-weight: 700; font-size: 1em; background: none transparent scroll repeat 0% 0%;
padding-bottom: 0px; margin: 0px; border-left: rgb(149,149,149) 1px solid; width: 50px;
color: rgb(255,255,255)! important; line-height: 1.42; padding-top: 0px; border-bottom: rgb(149,149,149) 1px solid;
font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 25px;
text-align: center; box-sizing: border-box; max-width: 100%; outline: none; appearance: none;
border-radius: 0px; webkit-font-smoothing: antialiased; text-size-adjust: 100%"
type="number" value="1" /><a class="input-group-btn btn-qty-adjust btn" data-adjust="1"
style="border-right: rgb(149,149,149) 1px solid; padding-right: 0px; border-top: rgb(149,149,149) 1px solid;
padding-left: 0px; font-weight: 400; font-size: 1.2em; background: none transparent scroll repeat 0% 0%;
padding-bottom: 0px; margin: 0px; vertical-align: middle; border-left: medium none;
width: 25px; cursor: pointer; color: rgb(255,255,255); line-height: 1.42; padding-top: 0px;
border-bottom: rgb(149,149,149) 1px solid; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
white-space: nowrap; position: relative; height: 25px; text-align: center; text-decoration: none;
box-sizing: border-box; outline: none; box-shadow: none; border-image: initial;
user-select: none; appearance: none; border-radius: 0px; transition: background-color 0.1s ease-in 0s;
min-width: 25px; align-items: center; justify-content: center">+</a></div>
</div>
<div class="grid__item one-half text-right" style="padding-left: 0px; min-height: 1px;
float: left; vertical-align: top; width: 180px; text-align: right! important;
box-sizing: border-box; outline: none">
<span class="h5" style="font-weight: bold; font-size: 1.07em; margin: 0px 0px 15px;
line-height: 1.6; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
box-sizing: border-box; outline: none">MYR 32.00</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="cart__row subtotal-section" style="font-weight: 400; font-size: 13px;
word-spacing: 0px; text-transform: none; color: rgb(255,255,255); text-indent: 0px;
padding-top: 30px; font-style: normal; font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif;
white-space: normal; letter-spacing: normal; position: relative; background-color: rgb(38,34,29);
box-sizing: border-box; outline: none; font-variant-ligatures: normal; font-variant-caps: normal;
orphans: 2; widows: 2; webkit-text-stroke-width: 0px; text-decoration-style: initial;
text-decoration-color: initial">
<div class="grid" style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
margin: 0px 0px 0px -30px; padding-top: 0px; list-style-type: none; box-sizing: border-box;
outline: none">
<div class="grid__item text-right" style="padding-left: 30px; min-height: 1px; float: left;
vertical-align: top; width: 390px; text-align: right! important; box-sizing: border-box;
outline: none">
<div id="cart_storewide-discounts" style="box-sizing: border-box; outline: none">
</div>
<div id="cart__voucher-section" style="box-sizing: border-box; outline: none">
</div>
<p style="margin: 0px 0px 15px; box-sizing: border-box; outline: none">
<span class="cart__subtotal-title" style="box-sizing: border-box; outline: none">Subtotal</span><span>
</span><span id="cartSubtotal" class="h5 cart__subtotal" style="display: inline;
font-weight: bold; font-size: 1.07em; margin: 0px 0px 0px 10px; line-height: 1.6;
font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box;
outline: none">MYR 32.00</span></p>
<div id="promotion__code-input-wrapper" style="box-sizing: border-box; outline: none">
<p class="promotion__code-input" style="margin: 0px 0px 15px; box-sizing: border-box;
outline: none">
<span class="input-group" style="float: right; position: relative; border-collapse: separate;
box-sizing: border-box; max-width: 350px; outline: none">
<input class="input-group-field" name="voucher_code" placeholder="Discount code"
style="border-right: rgb(149,149,149) 1px solid; padding-right: 15px; border-top: rgb(149,149,149) 1px solid;
display: block; padding-left: 15px; font-size: 1em; padding-bottom: 0px; margin: 0px;
vertical-align: middle; border-left: rgb(149,149,149) 1px solid; width: 236px;
color: rgb(51,51,51)! important; line-height: 40px; padding-top: 0px; border-bottom: rgb(149,149,149) 1px solid;
font-family: HelveticaNeue, 'Helvetica Neue', Helvetica, Arial, sans-serif; height: 40px;
box-sizing: border-box; max-width: 100%; outline: none; appearance: none; border-radius: 8px 0px 0px 8px;
webkit-font-smoothing: antialiased; text-size-adjust: 100%" type="text" /><span class="input-group-btn"
style="padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px;
vertical-align: middle; width: 113px; padding-top: 0px; white-space: nowrap;
position: relative; box-sizing: border-box; outline: none"><input id="applycode"
class="btn" name="apply" style="border-right: transparent 1px solid; padding-right: 34px;
border-top: transparent 1px solid; display: inline-block; padding-left: 34px;
font-weight: bold; font-size: 1.2em; padding-bottom: 0px; margin: 0px 0px 3px;
vertical-align: middle; border-left: transparent 1px solid; width: auto; cursor: pointer;
color: rgb(255,255,255); line-height: 38px; padding-top: 0px; border-bottom: transparent 1px solid;
font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; white-space: nowrap;
height: 40px; background-color: rgb(0,0,0); text-align: center; text-decoration: none;
box-sizing: border-box; max-width: 100%; outline: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 15px;
user-select: none; appearance: none; border-radius: 0px 8px 8px 0px; transition: background-color 0.1s ease-in 0s;
webkit-font-smoothing: antialiased; text-size-adjust: 100%" type="button" value="Apply" /></span></span></p>
</div>
<p style="margin: 0px 0px 15px; box-sizing: border-box; outline: none">
<em style="font-style: italic; box-sizing: border-box; outline: none">Shipping, taxes,
and discounts will be calculated at checkout.</em></p>
</div>
</div>
</div>
<br class="Apple-interchange-newline" />
</body>
</html>