黄色风格的名片模板

来源:https://www.sucaihuo.com/js/1805.html 2017-04-24 17:05浏览(465) 收藏

cdn公共库提供的bootstrap-3.3.4 Css样式文件, cdn公共库提供font-awesome-4.6.0 Css样式文件,时刻都在提升这文件特效,文件的兼容性。
黄色风格的名片模板
分类:html5 > 响应式 难易:初级
查看演示 下载资源 下载积分: 20 积分

首先引用一些文件

<script type="text/javascript" src="js/jQueryTween-aio-min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tabslet.min.js"></script>
<script type="text/javascript" src="js/custom.js">

名片,页面菜单,社会导航菜单,主页/配置文件,恢复页面,组合页面。

<li id="home" class="selected">
                        <div class="title-container hidden">
                            <div class="shadow-img"></div> 
                            <h2 class="rotate-out">Welcome To <span class="invert">My Profile</span></h2><!--HOME TITLE-->                          
                        </div>
                        <div class="description hidden">
                            <div class="watermark-home"></div> 

                            <div class="fade-text transparent">
                                <!--DESCRIPTION ON HOME-->
                                <div class="strong-text">Hello, I am <span>Li Dada</span></div>
                                <div class="focus-text"><span>Web Developer & </span><span>Web Designer</span></div>
                                <p class="large-paragraph">I have ten years experience as a web/interface designer.I have a love of clean, elegant styling. I have lots of experience in the production of CSS and HTML for modern websites.</p>         
                                <!--DESCRIPTION ON HOME ENDS-->
                            </div>

                            <!--ALL PERSONAL DETAILS-->
                            <h3 class="personal-info-title title">Personal Info</h3>
                            <ul class="personal-info">
                                <li class="rotate-out rotated"><label>Name</label><span>Anderson smith</span></li>                     
                                <li class="rotate-out rotated"><label>Address</label><span>Melbourne Victoria 3000 Australia</span></li>
                                <li class="rotate-out rotated"><label>Email</label><span>nurealamsabbir@authlab.io</span></li>  
                                <li class="rotate-out rotated"><label>Phone</label><span>+8801979791001</span></li>
                            </ul><!--/ul.personal-info-->
                        </div>
                    </li>
标签: 名片模板
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2