81 lines
3.4 KiB
PHTML
Executable File
81 lines
3.4 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Brand Story_ORICO</title>
|
||
<meta name="keywords" content="Brand Story">
|
||
<meta name="description" content="Backuper">
|
||
{include file="include/head" /}
|
||
<script type="text/javascript">
|
||
var navID = "1";
|
||
</script>
|
||
<style>
|
||
.width_screen{width:100%; display: block; position: relative; bottom:0;}
|
||
.width_screen img{width:100%; display: block;}
|
||
.text_img{position: absolute; top:0; left:0}
|
||
.text_img img{width:100%;}
|
||
.text{position: absolute; width:100%; top:13.5em; left:0; z-index: 1;}
|
||
.text_content{width:7.5em; margin:auto;}
|
||
.text_content input{border-radius: 10vw; border:0; width:92%; padding-left:4%; padding-right: 4%; line-height:1.4em; background-color:#b2cdec; font-size: 0.75em; color:#262626;}
|
||
.text_content button{background-color:#edd614; border-radius: 10vw; width:100%; border:0; color:#202020; cursor: pointer; line-height:1.4em; margin-top:0.54em; font-size: 0.75em;}
|
||
.email_text{font-size: 0.75em; width:90%; margin:5% auto; color:#333; line-height: 1.8em;}
|
||
.email_text p{margin-top:1em; margin-bottom: 1em;}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="width_screen">
|
||
<img src="__PUBLIC__/m_weben/images/backuper/background.jpg">
|
||
</div>
|
||
<div class="text_img">
|
||
<img src="__PUBLIC__/m_weben/images/backuper/text.png">
|
||
</div>
|
||
<div class="text">
|
||
<div class="text_content">
|
||
<from action="" method="post" id="form1">
|
||
<input placeholder="Email" name="email" type="text" class="email">
|
||
<button onclick="submit()">Signup Now!</button>
|
||
</from>
|
||
</div>
|
||
</div>
|
||
<div class="email_text">
|
||
<p>Terms and Conditions:</p>
|
||
-This campaign is open to the following countries: United States, Canada, Russia, Ukraine, Kazakhstan, France, Sweden, Belgium, Luxembourg, Poland, Netherlands, Portugal, Finland, United Kingdom, Germany, Italy, Spain, Australia, Vietnam, Japan, South Korea, Czech Republic, Ireland, Hungary, Denmark, Croatia, Greece, Malta, Slovenia, Lithuania, Cyprus, Latvia, Estonia, Slovakia, Austria, Pakistan, Myanmar, Philippines, Thailand, Malaysia, Indonesia.<br>
|
||
-By submitting your email to receive marketing messages from ORICO.<br>
|
||
-ORICO reserves the right of final explanation.
|
||
</div>
|
||
|
||
|
||
<script>
|
||
function placeholderPic(){
|
||
var w = document.documentElement.offsetWidth;
|
||
if(w>750){
|
||
document.documentElement.style.fontSize=750/20+'px';
|
||
}else{
|
||
document.documentElement.style.fontSize=w/20+'px';
|
||
}
|
||
}
|
||
placeholderPic();
|
||
window.onresize=function(){
|
||
placeholderPic();
|
||
};
|
||
//提交订单
|
||
function submit(){
|
||
var email = $(".email").val();
|
||
$.ajax({
|
||
url: "http://www.orico.cc/us/email/index", // 提交到controller的url路径
|
||
type: "post", // 提交方式
|
||
data: {"email": email}, // data为String类型，必须为 Key/Value 格式。
|
||
dataType: "json", // 服务器端返回的数据类型
|
||
success: function (data) { // 请求成功后的回调函数，其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据，然后通过data这个参数取JSON数据中的值
|
||
if (data.code == 200) {
|
||
alert(data.msg);
|
||
} else if(data.code = 404){
|
||
alert(data.msg);
|
||
}else if(data.code=500){
|
||
alert(data.msg);
|
||
}
|
||
},
|
||
});
|
||
};
|
||
</script>
|
||
</body></html> |