完整代码|个性引导页【多功能类型】

时间:5天前   阅读:25
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<meta name="bloghost" content="http://www.zshao.vip/">
<title>Zshaowl</title>
<meta name="Keywords" content="网站关键字,用英文的逗号隔开!(一般不超过100个字符)" />
<meta name="description" content="用一段话描述你的网站!(一般不超过200个字符)" />
<meta name="author" content="admin" />
<link rel="stylesheet" type="text/css" href="http://www.zshao.vip/erji/css/style.min.css">



</head>
<body>
<header>


    <div class="head_b">
      
    <!--大标题-->     
        <h1 class="page-name"><a href="" title="引流关注、网络项目推广">引流类的引导页设计</a></h1>
    
    <!--副标题/seo标题-->       
        <div class="page-subname">感觉蛮有意思的引导页布局,就抠了下来,如果有什么不对的,就告诉我们。</div>            

        
     <!--摘要或seo描述-->     
        <p>感觉蛮有意思的引导页布局,就抠了下来,如果有什么不对的,就告诉我们。
</p>            
        
        
            
         <a target="_blank" href="" class="btn">功能按键1</a>
    <a target="_blank" href="" class="btn">功能按键2</a>
    <a target="_blank" href="" class="btn">功能按键3</a>        </div>
    <div class="down_main"><a href="#main" title="点击下拉">∨</a></div>
 
</header>

<div class="main" id="main">    
<!--主要内容放这里-->
<!--主要内容放这里-->
<!--主要内容放这里-->
<div class="spm">

</div>
<div class="spm">


</div>
<!--服务项目-->
<div class="spm fuwubg">
        <div class="webwidth">
    <ul class="fuwu pt10">
                <li><div class="fuwu_ico"><i class="iconfont"></i></div><h2>技术支持</h2><p>专业的技术团队,提供专业的技术支持</p></li>                <li><div class="fuwu_ico"><i class="iconfont"></i></div><h2>安全保障</h2><p>网站安全是指一系列防御措施,以防止网站受到外部计算机入侵者的攻击并篡改网页。</p></li>                <li><div class="fuwu_ico"><i class="iconfont"></i></div><h2>个性化定制</h2><p>个性化定制是指用户介入产品的生产过程,将指定的图案和文字印刷到指定的产品上,用户获得自己定制的个人属性强烈的商品或获得与其个人需求匹配的产品或服务。</p></li>                <li><div class="fuwu_ico"><i class="iconfont"></i></div><h2>售后服务</h2><p>售后服务(After-sales service)售后服务,是指生产企业、经销商把产品(或服务)销售给消费者之后,为消费者提供的一系列服务</p></li>                <li><div class="fuwu_ico"><i class="iconfont"></i></div><h2>品牌设计</h2><p>品牌设计是在企业自身正确定位的基础之上,基于正确品牌定义下的视觉沟通</p></li>                <li><div class="fuwu_ico"><i class="iconfont"></i></div><h2>开发服务</h2><p>Z-blogPHP开发服务,为用户提供Z-blogPHP主题制作、仿站、修改等技术服务</p></li>    </ul>
    </div>
</div>


   
</div>




</body>
</html><!--38.82 ms , 11 query , 2611kb memory , 5 error-->


上一篇:完整代码|个性跳转【需要点击】

下一篇:html代码|个人常用框架代码

网友评论