easyResponsiveTabs实现自适应tab选项卡式个人简历代码

代码语言:html

所属分类:选项卡

代码描述:easyResponsiveTabs实现自适应tab选项卡式个人简历代码

代码标签: 适应 tab 选项 卡式 个人简历

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <title>手机端个人简历HTML5模板</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);               function hideURLbar(){ window.scrollTo(0,1); }
    </script>
    <!-- //for-mobile-apps -->
    <!-- js -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery-1.8.3.js"></script>
    <!-- //js -->
    <style>
        /*--Author: W3layoutsAuthor URL: http://w3layouts.comLicense: Creative Commons Attribution 3.0 UnportedLicense URL: http://creativecommons.org/licenses/by/3.0/--*/
    /* reset */
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    
    article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {
        display: block;
    }
    
    ol,ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }
    
    blockquote,q {
        quotes: none;
    }
    
    blockquote:before,blockquote:after,q:before,q:after {
        content: '';
        content: none;
    }
    
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    /* start editing from here */
    a {
        text-decoration: none;
    }
    
    .txt-rt {
        text-align: right;
    }
    
    /* text align right */
    .txt-lt {
        text-align: left;
    }
    
    /* text align left */
    .txt-center {
        text-align: center;
    }
    
    /* text align center */
    .float-rt {
        float: right;
    }
    
    /* float right */
    .float-lt {
        float: left;
    }
    
    /* float left */
    .clear {
        clear: both;
    }
    
    /* clear float */
    .pos-relative {
        position: relative;
    }
    
    /* Position Relative */
    .pos-absolute {
        position: absolute;
    }
    
    /* Position Absolute */
    .vertical-base {
        vertical-align: baseline;
    }
    
    /* vertical align baseline */
    .vertical-top {
        vertical-align: top;
    }
    
    /* vertical align top */
    nav.vertical ul li {
        display: block;
    }
    
    /* vertical menu */
    nav.horizontal ul li {
        display: inline-block;
   .........完整代码请登录后点击上方下载按钮下载查看

网友评论0