<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>套餐价格 | 自助建站 - 起飞页</title>
<link rel="icon" type="image/png" href="img/qifei.png"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<link rel="stylesheet" type="text/css" href="css/qifei.css"/>
<script src="js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/qifei.js" type="text/javascript" charset="utf-8"></script>
</head>
<style type="text/css">
.packageHeader{
position: relative;
z-index: 50;
overflow: hidden;
background-image: url(img/package-header.jpg);
background-size: 100% auto;
background-repeat: no-repeat;
}
.packageCover{
position: absolute;
z-index: 70;
background-color: #333333;
opacity: 0.7;
width: 100%;
height: 100%;
}
.packageHeaderText{
/*border: 1px solid red ;*/
color: #FFFFFF;
position: relative;
z-index: 100;
text-align: center;
padding: 80px 45px;
}
.package-h-ul li{
padding-left: 45px;
padding-right: 30px;
display: inline-block;
}
.package-h-ul>li+li{
border-left: 1px solid #ADADAD;
}
.package-h-ul li>a{
color: #FFFFFF;
font-size: 15px;
}
.packageHeaderText p{
font-size: 16px;
padding-top:15px;
}
@media (max-width: 769px) {
.packageHeaderText h1{
font-size: 1.4em;
}
.packageHeaderText p{
line-height: 25px;
font-size: 0.8em;
}
.packageHeader{
background-size: 100% 125%;
}
.packageHeaderText{
padding: 5% 5% 0px 5%;
}
}
</style>
<body>
<div class="slideHMenuBox">
<div class="slideHMenuClose"><span style="color: #FFFFFF;" class="glyphicon glyphicon-remove"></span></div>
<div class="slideHMenuUl">
<ul >
<li><a href="index.html">首页</a></li>
<li><a href="template.html">模板</a></li>
<li><a href="package.html">套餐</a></li>
<li><a href="case.html">案例</a></li>
<li><a href="" id="doc">文档</a></li>
<li><a href="" id="abo">关于</a></li>
</ul>
</div>
</div>
<div class="slideHMenuUlSecond1">
<ul>
<li><a href="" id="goBack1">返回上一级</a></li>
<li><a href="template.html">教程中心</a></li>
<li><a href="package.html">建站资讯</a></li>
<li><a href="case.html">更新日志</a></li>
</ul>
</div>
<div class="slideHMenuUlSecond2">
<ul>
<li><a href="" id="goBack2">返回上一级</a></li>
<li><a href="template.html">公司信息</a></li>
<li><a href="package.html">荣誉资质</a></li>
<li><a href="case.html">联系客服</a></li>
</ul>
</div>
<header >
<nav>
<div class="navBox">
<div class="navBrand ">
<img src="img/logo.png" width="102px" height="33px"/>
</div>
<div class="navCenter smallHide">
<ul class="">
<li><a href="index.html">首页</a></li>
<li><a href="template.html">模板</a></li>
<li><a href="package.html">套餐</a></li>
<li><a href="case.html">案例</a></li>
<li><a href="#" class="doc">文档</a></li>
<li><a href="#" class="abo">关于</a></li>
</ul>
</div>
<div class="navbarRight smallHide">
<ul class="">
<li><a href="login.html" id="login">登录</a></li>
<li><a href="register.html" id="regis">注册</a></li>
</ul>
</div>
</div>
<div class="justifyDiv smallShow">
<span id="justifySpan" class="glyphicon glyphicon-align-justify "></span>
</div>
</nav>
<div class="packageHeader">
<div class="packageCover"></div>
<div class="packageHeaderText">
<h1>免费使用所有模板，只需支付托管费用</h1>
<p>敢为人先，起飞页支持用户网站30天无理由退款政策！</p>
</div>
</div>
<div class="smallHide" style="height: 55px;background-color: #666666;">
<ul class="package-h-ul" style="text-align: center;padding-top: 15px;">
<li><a href="#">托管套餐</a></li>
<li><a href="#">代建服务</a></li>
<li><a href="#">定制服务</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</div>
</header>
<style type="text/css">
.part-head>img,.part-head>h3,.part-head>h3>small{
display: inline;
margin-left: 20px;
}
.part-head{
padding-top: 15px;
padding-bottom: 15px;
/*border: 1px solid #E2E2E2;*/
background-color: #EAEAEA;
overflow: hidden;
}
.package-part-1,.package-part-2,.package-part-3{
/*border: 1px solid #E2E2E2;*/
padding-top: 80px;
}
@media (max-width: 992px) {
.package-part-1{
padding-top: 0px;
}
}
</style>
<style type="text/css">
.part-body>div{
background-color: #FFFFFF;
padding: 0;
border-left:1px solid #E2E2E2;
}
.part-body>div:last-child{
border-right:1px solid #E2E2E2;
}
.part-body>div>div{
/*font-size: 13px;*/
padding: 20px 0px;
text-align: center;
border-bottom: 1px solid #E2E2E2;
}
div.sDiv1{
height: 120px;
}
div.sDiv2{
height: 200px;
}
div.sDiv3{
height: 72px;
}
div.sDiv4{
height: 1004px;
}
div.sDiv5{
height: 560px;
}
div.sDiv6{
height: 153px;
}
div.pTitle{
font-size: 16px;
font-weight: bold;
}
div.pPrice{
color: #FF7D00;
}
div.pNote{
color: #FF4767;
}
div.sDiv3>a{
padding: 5px 15px;
}
div.sDiv3>a:hover{
border: 1px solid #3EA3FF;
}
@media (max-width: 992px) {
.part-body>div:not(:last-child){
border-right:1px solid #E2E2E2;
}
}
</style>
<article style="background-color: #F9F9F9;margin-top: 0;padding-bottom: 50px;">
<div class="container">
<div class="package-part-1">
<div class="part-head">
<img src="img/package-1.png" width="103px" height="103px"/>
<h3>1F 基础套餐
<small style="font-size: 14px;">起飞页为用户提供的网站模板和建站功能均为免费，我们只收取空间和服务器租用费</small>
</h3>
</div>
<div class="part-body row">
<div class="col-md-2 col-sm-12 smallHide" style="border-top: 2px solid #B2B2B2;">
<div class="pTitle">套餐名称</div>
<div class="">适用对象</div>
<div class="">域名</div>
<div class="">支持设备</div>
<div class="">空间</div>
<div class="">流量<img src="img/package-？.png" alt="" width="15px" height="15px" /></div>
<div class="">邮箱</div>
<div class="sDiv1">商城</div>
<div class="">自动备份</div>
<div class="">技术支持</div>
<div class="">价格</div>
<div class="sDiv2">备注</div>
<div class="sDiv3"> </div>
</div>
<div class="col-md-2 col-sm-12" style="border-top: 2px solid #FABB01;">
<div class="pTitle">免费版</div>
<div class="">适用于简单网站或评测</div>
<div class="">需另购买</div>
<div class="">PC、平板、手机、微信</div>
<div class="">200M</div>
<div class="">1G/月</div>
<div class="">/</div>
<div class="sDiv1">/</div>
<div class="">/</div>
<div class="">邮件</div>
<div class="pPrice">0元/年</div>
<div class="sDiv2"><p>*选择海外机房可绑定域名(仅限于在起飞页购买的域名)并发布网站</p><p>*网站有起飞�
基于 HTML5 + CSS3 + JavaScript + jQuery + Bootstrap.zip （94个子文件） 
qifeiye2-master 
register.html 7KB js 
bootstrap.min.js 36KB loginRegis.js 2KB jquery-1.11.3.js 288KB qifei.js 9KB case.html 18KB new_file3.html 7KB img 
图片无损压缩2.png 5KB web05.png 199KB 客户反馈1.png 5KB case8.png 113KB 客户反馈3.png 6KB 云解析2.png 5KB
boy-post.jpg 63KB template05.png 1MB 合作伙伴04.png 13KB template08.png 1.36MB temp-1.png 144KB package-3.png 9KB web06.png 233KB about1.jpg 8KB case5.png 168KB 文件合并.png 5KB 3.png 297KB package-？.png 15KB boy-small.jpg 80KB web02.png 313KB case2.png 206KB package-4.png 27KB logo.png 36KB case3.png 76KB 1.jpg 356KB rightNav.png 13KB package-header.jpg 301KB footer02.png 218KB weixin.jpg 25KB about4.jpg 6KB case-header.jpg 172KB 10-5.jpg 13KB template04.png 584KB case-header2.jpg 103KB case1.png 159KB 合作伙伴01.png 16KB case-headerHide.png 2KB case4.png 141KB package-1.png 12KB about2.jpg 8KB 客户反馈2.png 16KB 云解析.png 5KB 合作伙伴02.png 16KB template06.png 584KB case6.png 114KB temp-3.png 59KB case7.png 143KB template01.png 322KB template07.png 1.31MB 合作伙伴03.png 26KB footer01.jpg 138KB 5.png 210KB 4.png 295KB temp-2.png 109KB template02.png 1.66MB web03.png 263KB web04.png 237KB 多层缓存.png 4KB 文件合并2.png 6KB template03.png 920KB web01.png 147KB package-2.png 3KB 多层缓存2.png 5KB close2.png 16KB about3.jpg 7KB 发布2.png 6KB social_icon_24x24.png 119KB 发布.png 5KB qifei.png 3KB 2.png 101KB temp-header.png 22KB close1.png 16KB 图片无损压缩.png 4KB css LoginRegis.css 2KB bootstrap.min.css 118KB reset.css 1KB bootstrap-theme.min.css 23KB qifei.css 16KB login.html 7KB index.html 23KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB template.html 17KB package.html 27KB资源评论
博士僧小星
- 粉丝: 2263
- 资源: 5991
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
