公众账号

微信公众号二维码 微信扫描关注
来源:http://www.htmlsucai.com/thread-60341-1-1.html

[DIV/CSS] 保障险产品列表3D翻转布局

57 [禁止匿名转载 禁止商业使用]
发表于 2019-7-8 09:19:17 | 显示全部楼层 |阅读模式
 不支持迅雷下载 重复下载不扣金币
保障险产品列表3D翻转布局.jpg
div css3制作四大保障险介绍单排产品列表布局,鼠标悬停3D翻转显示内容详情。这是一款简洁常用的图片列表布局代码。


使用方法:1、head引入css文件
1

<link href="css/style.css" rel="stylesheet" type="text/css" />


2、body引入部分
1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

<!--学历的好处-->
<div class="baozhang">

    <div class="part1 part5">

        <div class="title">

            <h4>四大保障险介绍</h4>

            <p>详细条款内容以合同为准</p>

        </div>

         

        <div class="tBox">

         

            <div class="picBox">

                <div class="clearfix" id="posBox">

                 

                    <div class="fl roll">

                        <div class="box-img">

                            <img src="img/t1.jpg" width="232" height="430" alt=""/>

                        </div>

                        <div class="box-content">

                            <p class="t1">全额奖学金</p>

                            <p class="t2">由中国人保财险提供保障</p>

                            <p class="t3"></p>

                            <p class="t4">为了鼓励学员勤奋学习,让学员学有所获,尚德机构与中国人保合作设立了全额奖学金,保期内可报考科目总数的75%及以上科目,成绩在70分(含70分)及以上,则可以进行奖学金申请。</p>

                        </div>

                    </div>

                     

                    <div class="fl roll">

                        <div class="box-img"><img src="img/t2.jpg" width="232" height="430" alt=""/> </div>

                        <div class="box-content">

                            <p class="t1">不过理赔险</p>

                            <p class="t2">与中国人保财险进行合作</p>

                            <p class="t3"></p>

                            <p class="t4">不过理赔险,简单地说就是:你考得不好?赔!当然了,赔偿是有条件的,前提是要学习,也要去考试哦!(具体点击在线咨询)学习是一项自我增值的过程,而保险让学历提升有了更多保障。有这项保障助你报名无忧哟!</p>

                        </div>

                    </div>

                     

                    <div class="fl roll">

                        <div class="box-img"><img src="img/t3.jpg" width="232" height="430" alt=""/> </div>

                        <div class="box-content">

                            <p class="t1">政策保障险</p>

                            <p class="t2">由中国人保财险提供保障</p>

                            <p class="t3"></p>

                            <p class="t4">大家都知道自考政策会不断变化,像是专业停考,户籍限制报考等,而尚德机构推出的政策保障险就能为你轻松解除政策变化的担忧哦!</p>

                        </div>

                    </div>

                 

                    <div class="fl roll">

                        <div class="box-img"><img src="img/t4.jpg" width="232" height="430" alt=""/> </div>

                        <div class="box-content">

                            <p class="t1">30天不满意退课险</p>

                            <p class="t2">与中国人保财险进行合作</p>

                            <p class="t3"></p>

                            <p class="t4">如果报名后24小时后—30天内,不管什么原因,只要满足理赔条件就可以发起理赔,获得保险公司赔付!就是这么简单!只要你确实有体验、学习,觉得不满意就可以退学</p>

                        </div>

                    </div>

                 

                </div>

            </div>

        </div>

    </div>

     

    <div class="anniuk"> <div class="anniu">点击快速咨询详情</div></div>

     

</div>

<!--学历的好处 End-->







您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新素材
HTML素材网,HTML5模板,网页特效 微信公众账号二维码 淘宝店铺地址二维码
Copyright©2017  HTML素材网  Powered by 智伙伴科技
  ( 鲁ICP备14029286号-3 )
返回顶部返回顶部
发布主题