下是一个简单的国庆风格的活动抽奖页面的示例代码。页面中有一个醒目的十一标志,以及一些国庆相关的元素和活动信息。
html复制代码
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>国庆抽奖活动</title> | |
<style> | |
body { | |
background-color: #f2f2f2; | |
font-family: Arial, sans-serif; | |
text-align: center; | |
} | |
.container { | |
max-width: 600px; | |
margin: 0 auto; | |
padding: 20px; | |
} | |
.logo { | |
width: 200px; | |
height: 200px; | |
background-image: url('path/to/logo.png'); | |
background-size: cover; | |
margin: 0 auto; | |
display: block; | |
} | |
.prizes { | |
list-style-type: none; | |
padding: 0; | |
} | |
.prize { | |
margin-bottom: 20px; | |
} | |
.prize-item { | |
font-weight: bold; | |
} | |
.button { | |
display: inline-block; | |
background-color: #ff0000; | |
color: #fff; | |
text-align: center; | |
padding: 10px 20px; | |
margin: 10px 2px; | |
cursor: pointer; | |
border: none; | |
border-radius: 5px; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="logo"></div> | |
<h1>国庆抽奖活动</h1> | |
<p>欢庆国庆,赢取丰厚奖品!</p> | |
<ul class="prizes"> | |
<li class="prize"> | |
<div class="prize-item">iPhone 13</div> | |
<div class="prize-item">价值 6999 元</div> | |
</li> | |
<li class="prize"> | |
<div class="prize-item">Kindle Paperwhite</div> | |
<div class="prize-item">价值 1299 元</div> | |
</li> | |
<li class="prize"> | |
<div class="prize-item">国庆纪念品</div> | |
<div class="prize-item">价值 50 元</div> | |
</li> | |
</ul> | |
<a href="#" class="button">立即参与</a> | |
</div> | |
</body> | |
</html> |
图1
图2
图3
就爱UI - 分享UI设计的点点滴滴
动时间:7月30日-8月10日
活动地址:
pc端链接:
https://youxi.vip.qq.com/m/act/0b278d3d1c_cf_587449.html?_wv=3&_wwv=4
移动端 :
https://youxi.vip.qq.com/m/act/0f2f285fd1_cf_587468.html?_wv=1&_wwv=4
PART1:集火线周年庆拼图,抽IPAD
各位CFer可以通过活动页面完成对应任务,即可集齐一套“火线周年庆”拼图,集齐之后即可开启周年宝箱,奖励丰厚,千万别错过;其中包含永久游戏道具:黑骑士-海王,colt1911-大黄蜂,还有实物奖励:牛年公仔以及终极大奖IPAD等你哦!
*请认真填写需求信息,我们会在24小时内与您取得联系。