Last active
August 29, 2015 14:26
-
-
Save andzi/aace8655b84b195fb388 to your computer and use it in GitHub Desktop.
VPositorySubscribing
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
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> | |
<head> | |
<title>Subscribe to VPository - 1GB Free storage, unlimited teammates and projects</title> | |
<meta name="description" content="Subscribe to VPository for 1GB free storage. VPository, the cloud platform for collaborative software design, business analysis and enterprise architecture." /> | |
<meta name="keywords" content="vpository,free storage,subscription,free subscription,cloud entry" /> | |
<LINK REL="SHORTCUT ICON" HREF="favicon.ico"> | |
<link rel="stylesheet" type="text/css" href="/css/subscribe.css" /> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="page-header"></div> | |
<div class="main"> | |
<div class="form-header">Getting Started</div> | |
<div class="form-content"> | |
<p class="reserved-title1">Confirmation email has been sent to your</p> | |
<p class="reserved-title2">email address</p> | |
<p class="reserved-email">az@lyderis.com</p> | |
<p class="reserved-title3">Please check your mail box after several minutes</p> | |
<p class="reserved-desc">Check your junk mail box if you still don't receive our email within a</p> | |
<p class="reserved-desc2">reasonable amount of time.</p> | |
<p class="finish-detail4">This page can be closed.</p> | |
</div> | |
<div class="form-footer empty-form-footer"> | |
</div> | |
</div> | |
<div class="page-footer"> | |
<div class="vplogo"> | |
<a href="http://www.visual-paradigm.com/" target="_blank"><img alt="Visual Paradigm" src="/images/form_bottom_vp_logo.png" border="0"></a> | |
</div> | |
</div> | |
</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
body, table td, select, button { | |
font-family: Arial Unicode MS,Arial,sans-serif; | |
font-size: small; | |
} | |
table { border-collapse: collapse; } | |
p { margin: 0; } | |
td { padding: 0; } | |
body { | |
background: url("../images/background1.png") repeat; | |
margin: 0; | |
padding: 0; | |
text-align: center; | |
} | |
div.container { | |
text-align: left; | |
width: 640px; | |
margin: 0 auto; | |
} | |
div.vpository-container { | |
text-align: left; | |
width: 640px; | |
margin: 0 auto; | |
} | |
div.page-header { | |
background: url("../images/form_header.png") no-repeat; | |
width: 600px; | |
height: 180px; | |
margin-left: 20px; | |
} | |
div.vpository-page-header { | |
background: url("../images/form_finish_header.png") no-repeat; | |
width: 600px; | |
height: 72px; | |
text-align: center; | |
color: #FFFFFF; | |
font-size: 32px; | |
font-weight: bold; | |
padding-top: 108px; | |
margin-left: 20px; | |
text-shadow: 0 0 1px #000000; | |
} | |
div.vpository-page-header .for { | |
font-size: 16px; | |
color: #B5B5B5; | |
text-shadow: none; | |
} | |
div.main { | |
width: 640px; | |
-moz-box-shadow: 0 0 15px #000000; | |
-webkit-box-shadow: 0 0 15px #000000; | |
box-shadow: 0 0 15px #000000; | |
-moz-border-radius: 10px 10px 0 0; | |
-webkit-border-radius: 10px 10px 0 0; | |
border-radius: 10px 10px 0 0; | |
background-color: #663399; | |
behavior: url('/css/PIE.htc'); | |
} | |
div.main form { | |
margin-bottom: 0; | |
} | |
div.main div.form-header { | |
color: #FFFFFF; | |
font-size: 28px; | |
font-weight: bold; | |
text-align: center; | |
height: 55px; | |
line-height: 55px; | |
} | |
div.main div.form-content { | |
background-color: #FFFFFF; | |
padding: 27px; | |
border: none; | |
} | |
#subscribeForm div.main div.form-content { | |
padding: 27px 27px 0; | |
} | |
#subscribeForm tr.entryPointDescRow { | |
height: 27px; | |
} | |
div.vpository-container div.main div.form-content { | |
padding-bottom: 12px; | |
} | |
div.confirm-container div.main div.form-content { | |
padding: 27px 20px; | |
} | |
div.main div.form-content .desc { | |
font-size: 28px; | |
color: #663399; | |
text-align: center; | |
} | |
div.main div.form-content .desc2 { | |
font-size: 14px; | |
color: #404040; | |
text-align: center; | |
margin: 10px 0 30px; | |
} | |
div.main div.form-content label { | |
font-size: 16px; | |
color: #808080; | |
} | |
div.main div.form-content input { | |
width: 388px; | |
line-height: 30px; | |
height: 30px; | |
font-size: 16px; | |
padding: 0 5px; | |
border: 1px solid #6D6D6D; | |
-moz-border-radius: 4px; | |
-webkit-border-radius: 4px; | |
border-radius: 4px; | |
} | |
div.main div.form-content input.error-field { | |
border-color: #C00000; | |
} | |
div.main div.form-content input#entryPoint { | |
width: 243px; | |
margin-left: 0; | |
} | |
div.main div.form-content input#name { | |
margin-bottom: 5px; | |
} | |
div.main div.form-content .nameDesc { | |
margin-bottom: 5px; | |
} | |
div.main div.form-content .emailDesc { | |
font-size: 14px; | |
color: #404040; | |
margin-bottom: 20px; | |
height: 35px; | |
margin-top: 5px; | |
} | |
div.main div.form-content .entryPointDesc { | |
font-size: 12px; | |
margin-top: 5px; | |
} | |
div.main div.form-content .domainPrefix, | |
div.main div.form-content .domainSuffix { | |
font-size: 16px; | |
color: #404040; | |
} | |
div.main div.form-content .reserved-title1 { | |
margin-top: 50px; | |
} | |
div.main div.form-content .reserved-title3 { | |
margin-top: 54px; | |
} | |
div.main div.form-content .reserved-title1, | |
div.main div.form-content .reserved-title2, | |
div.main div.form-content .reserved-title3 { | |
text-align: center; | |
font-size: 28px; | |
color: #663399; | |
} | |
div.main div.form-content .reserved-email { | |
margin-top: 10px; | |
text-align: center; | |
font-size: 14px; | |
color: #404040; | |
} | |
div.main div.form-content .reserved-desc { | |
margin-top: 10px; | |
} | |
div.main div.form-content .reserved-desc2 { | |
margin-bottom: 26px; | |
} | |
div.main div.form-content .reserved-desc, | |
div.main div.form-content .reserved-desc2 { | |
text-align: center; | |
font-size: 16px; | |
color: #606060; | |
} | |
div.main div.form-footer { | |
background-color: #EAEAEA; | |
-moz-border-radius: 0 0 10px 10px; | |
-webkit-border-radius: 0 0 10px 10px; | |
border-radius: 0 0 10px 10px; | |
padding: 15px 25px; | |
behavior: url('/css/PIE.htc') | |
} | |
div.main div.empty-form-footer { | |
background-color: #FFFFFF; | |
} | |
div.main div.form-footer label { | |
font-size: 14px; | |
color: #404040; | |
} | |
div.main div.form-footer .agreement-div { | |
margin-bottom: 15px; | |
} | |
div.main div.form-footer #runtimeError { color: #c00000; font-size: 12px; margin: 0 0 18px 18px; display: none; } | |
div.main div.form-footer .action-button-container { | |
text-align: center; | |
} | |
div.main div.form-footer .action-button { | |
text-align: left; | |
margin: 0 auto; | |
height: 40px; | |
position: relative; | |
} | |
div.main div.form-footer .action-button-content { | |
text-align: center; | |
background: url('../images/button1_mid.png') repeat-x; | |
margin: 0 28px; | |
height: 40px; | |
} | |
div.main div.form-footer .action-button-content button { | |
border: none; | |
background: none; | |
color: #FFFFFF; | |
font-size: 18px; | |
font-weight: bold; | |
text-shadow: 0 1px 2px #000000; | |
-moz-text-shadow: 0 1px 2px #000000; | |
-webkit-text-shadow: 0 1px 2px #000000; | |
-khtml-text-shadow: 0 1px 2px #000000; | |
padding: 0; | |
line-height: 36px; | |
cursor: pointer; | |
} | |
div.main div.form-footer .action-button-left { | |
width: 28px; | |
height: 40px; | |
background: url('../images/button1_left.png') no-repeat; | |
position: absolute; | |
left: 0px; | |
top: 0px; | |
} | |
div.main div.form-footer .action-button-right { | |
width: 28px; | |
height: 40px; | |
background: url('../images/button1_right.png') no-repeat; | |
position: absolute; | |
right: 0px; | |
top: 0px; | |
} | |
div.page-footer { | |
margin: 20px 0 30px; | |
text-align: center; | |
} | |
div.vplogo { | |
text-align: left; | |
margin: 0 auto; | |
width: 147px; | |
} | |
.error-message { | |
font-size: 12px !important; | |
color: #C00000 !important; | |
} | |
.spacing-error-message { | |
margin-top: 3px; | |
} | |
.confirm-container div.main div.form-content .desc2 { | |
margin: 6px 0 20px; | |
} | |
.session-block { | |
-moz-border-radius: 10px; | |
-webkit-border-radius: 10px; | |
border-radius: 10px; | |
background-color: #ECEBF2; | |
-moz-box-shadow: 0 0 6px #808080 inset; | |
-webkit-box-shadow: 0 0 6px #808080 inset; | |
box-shadow: 0 0 6px #808080 inset; | |
padding: 16px 25px; | |
} | |
.session-block .session-title { | |
font-size: 20px; | |
color: #404040; | |
text-align: center; | |
margin-bottom: 12px; | |
} | |
.field-label { | |
font-size: 16px; | |
color: #808080; | |
} | |
.input-field-label { | |
line-height: 30px; | |
} | |
td.input-field-label { | |
vertical-align: top; | |
} | |
.field-value { | |
font-size: 16px; | |
color: #404040; | |
} | |
.field-value input { | |
margin-left: 0; | |
} | |
.name-container { | |
position: relative; | |
width: 400px; | |
} | |
.whatis { | |
background: url("/images/what_is.png") no-repeat; | |
cursor: pointer; | |
width: 24px; | |
height: 24px; | |
position: absolute; | |
top: 4px; | |
right: 5px; | |
} | |
tr.spacing-row td { | |
padding-top: 5px; | |
} | |
tr.spacing-row2 td { | |
padding-top: 3px; | |
} | |
.spacing-session-block { | |
margin-top: 15px; | |
} | |
.quality { | |
font-size: 14px; | |
color: #808080; | |
float: left; | |
line-height: 20px; | |
} | |
.quality-result { | |
float: left; | |
width: 200px; | |
height: 20px; | |
background: url("/images/password_quality.png") no-repeat 0 -180px; | |
margin-left: 5px; | |
padding-left: 103px; | |
line-height: 20px; | |
color: #404040; | |
font-size: 14px; | |
} | |
.finish-title { | |
font-size: 48px; | |
color: #663399; | |
margin-top: 24px; | |
text-align: center; | |
} | |
.finish-detail1 { | |
font-size: 24px; | |
color: #202020; | |
margin-top: 8px; | |
text-align: center; | |
} | |
.finish-detail2 { | |
font-size: 24px; | |
color: #202020; | |
margin-top: 30px; | |
text-align: center; | |
width: 400px; | |
margin-left: 93px; | |
} | |
.finish-detail3 { | |
font-size: 18px; | |
color: #606060; | |
text-align: center; | |
margin-top: 77px; | |
} | |
.finish-detail4 { | |
font-size: 20px; | |
color: #663399; | |
text-align: center; | |
margin-top: 3px; | |
} | |
.finish-detail5 { | |
font-size: 18px; | |
color: #0064AF !important; | |
margin-top: 10px; | |
text-align: center; | |
text-decoration: underline; | |
} | |
.finish-detail5 a { | |
color: #0064AF !important; | |
} | |
div.mask { | |
position: absolute; | |
left: 0; | |
top: 0; | |
z-index: 100; | |
background-color: #000000; | |
opacity:0.6; filter:alpha(opacity=60); | |
} | |
div.popup { | |
z-index: 101; | |
background-color: #FFFFFF; | |
padding: 0 5px 5px 5px; | |
} | |
div.popup .header { | |
text-align: center; | |
height: 47px; | |
font-size: 16px; | |
color: #202020; | |
line-height: 47px; | |
} | |
div.popup .header .close-button { | |
background: url("../images/close_button.png") no-repeat; | |
cursor: pointer; | |
float: right; | |
margin-right: 5px; | |
margin-top: 11px; | |
width: 24px; | |
height: 24px; | |
} | |
div.popup div.what-is-preview { | |
background: url("../images/login_page_preview.png") no-repeat; | |
width: 512px; | |
height: 384px; | |
} | |
div.starting-mask { | |
position: absolute; | |
left: 0; top: 0; width: 100%;; | |
} | |
div.starting-mask div.mask-content { | |
float: left; | |
} | |
div.starting-mask div.mask-bg { | |
background-color: #000000; | |
opacity:0.8; filter:alpha(opacity=80); | |
text-align: center; | |
position: absolute; | |
left: 0; top: 0; width: 100%; height: 100%; | |
} | |
div.starting-mask div.mask-img { | |
width: 94px; height: 73px; | |
margin: 0 auto; | |
background: url('/images/vpository_logo_starting.png') no-repeat; | |
} | |
div.starting-mask p.mask-text { | |
margin-top: 18px; | |
font-size: 18px; | |
color: #FFFFFF; | |
text-align: center; | |
} |
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
<!DOCTYPE html> | |
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> | |
<head> | |
<title>VPository Subscription Success</title> | |
<meta name="description" content="Congratulation. You successfully subscribed VPository." /> | |
<meta name="keywords" content="vpository,subscription,free storage,unlimited projects" /> | |
<LINK REL="SHORTCUT ICON" HREF="favicon.ico"> | |
<link rel="stylesheet" type="text/css" href="/css/subscribe.css" /> | |
</head> | |
<body> | |
<div class="vpository-container"> | |
<div class="vpository-page-header"><p class="for">for</p>az</div> | |
<div class="main"> | |
<div class="form-header">Finish</div> | |
<div class="form-content"> | |
<p class="finish-title">Congratulations!</p> | |
<p class="finish-detail1">You've subscribed to VPository!</p> | |
<p class="finish-detail5"><a href="https://[cloud-entry-point-name].vpository.com" target="_blank">https://[cloud-entry-point-name].vpository.com</a></p> | |
<p class="finish-detail2">You now have a 1 GB storage, with unlimited teammates and unlimited projects</p> | |
<p class="finish-detail3">What is next?</p> | |
<p class="finish-detail4">Switch back to Visual Paradigm</p> | |
</div> | |
<div class="form-footer empty-form-footer"> | |
</div> | |
</div> | |
<div class="page-footer"> | |
<div class="vplogo"> | |
<a href="http://www.visual-paradigm.com/" target="_blank"><img alt="Visual Paradigm" src="/images/form_bottom_vp_logo.png" border="0"></a> | |
</div> | |
</div> | |
</div> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment