大体框架

大体分为三个模块
上中下三个模块

一.

部分

我们要完成下面的顶部导航样式：

image.png

代码如下：

我们要完成下面的主导航的样式：

image.png

代码如下：

二

部分
要完成下方的页脚的样式：

image.png

代码如下：

三中间内容部分
第一个section部分：交易量部分样式如下：

image.png

代码如下：

image.png

第二个section部分：广告部分样式如下（带有滚动特效的图片）：

image.png

代码如下：

image.png

第三个section部分：功能亮点介绍样式如下：

image.png

代码如下：


    
        安全
        国家AAA信用平台
银行资金托管
上市公司背景保证
    
    
        权威
        中央电视台推荐
互联网百强企业
标准起草单位
    
    
        省心
        100元起投
用户利益保障机制
保险公司承保

第四个section部分：公告部分样式如下：

image.png

代码如下：

2015-12-31
元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告元旦期间业务受理及值班公告
更多公告

第五个section部分：产品部分样式如下：

image.png

代码如下:

固定期限产品
甄选优质基金
省时省力
坐等收益

    
        
            3个月
            
                约定年化收益率: 3.50% 起
                总成交金额: 1880 万元
            
            
                购买
            
        

        
            3-6个月
            
                约定年化收益率: 3.60% 起
                总成交金额: 2880 万元
            
            
                购买
            
        

        
            6-12个月
            
                约定年化收益率: 4.50% 起
                总成交金额: 3880 万元
            
            
                购买
            
        

        
            12-24个月
            
                约定年化收益率: 5.60% 起
                总成交金额: 4880 万元
            
            
                购买
            
        

        
            24个月以上
            
                约定年化收益率: 6.20% 起
                总成交金额: 5880 万元
            
            
                购买

第六个section部分和第五个类似,此处略过。
第七个section部分底部内容样式如下所示：

image.png

代码如下：

大体框架

安全

权威

省心

固定期限产品 甄选优质基金 省时省力 坐等收益

3个月

3-6个月

6-12个月

12-24个月

24个月以上

你可能感兴趣的:(大体框架)

固定期限产品
甄选优质基金
省时省力
坐等收益