css实现英文A4纸竖形个人简历效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现英文A4纸竖形个人简历效果代码

代码标签: css 英文 A4纸 竖形 个人 简历

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">





    <style>
        body {background: rgb(204,204,204); font-size:12px; font-family:Calibri; }
        .page { width:595px; height:842px; margin:0 auto; background:white;  box-shadow: 0 0 0.5cm rgba(0,0,0,0.5); padding:50px; box-sizing:border-box; margin-bottom: 18.89px; }
    </style>



</head>

<body>
    <div class="page">
        <table>
            <tr>
                <td style="font-size:14px">Abhilash N</td>
            </tr>
            <tr>
                <td>www.abhilashwebdeveloper.com</td>
            </tr>
            <tr>
                <td><a href="" class="__cf_email__" data-cfemail="">[email&#160;protected]</a></td>
            </tr>
            <tr>
                <td>+91-9743657093</td>
            </tr>
        </table>

        <table width="100%" style="margin-top:15px;">
            <tr style="background:#CCC;">
                <td style="width:50%; text-align:center">SKILL SET</td>
                <td style="width:50%; text-align:center;">PROFILE SNAPSHOT</td>
            </tr>
            <tr>
                <td style="text-align:center">Requirement Gathering </td>
                <td>
                    <ul style="margin:0px;padding:0px; padding-left:20px;">
                        <li>A result oriented professional with <b>5+ years
of experience</b> in <b>PHP, HTML, CSS, Javascript,
MySQL, Photoshop</b></li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">Wireframe and Mockup </td>
                <td>
                    <ul style="margin:0px;padding:0px; padding-left:20px;">
                        <li>Presently working as<b> team leader / developer at Bispark, Dharwad</b></li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">Web Designing </td>
                <td>
                    <ul style="margin:0px;padding:0px; padding-left:20px;">
                        <li>Drove efforts towards <b>maintaining software development practices</b>; adhere to company standards for coding and unit/functional test coverage </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">Coding </td>
                <td>
                    <ul style="margin:0px;padding:0px; padding-left:20px;">
                        <li>I enjoy <b>learning new things</b> and can assimilate new ideas quickly. </li>
                    </ul>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">Testing </td>
                <td>
                    <ul style="margin:0px;padding:0px; padding-left:20px;">
                        <li>A keen communicator with <b>honed interpersonal, problem solving abilities</b> </li>
                    </ul>
                </td>
            </tr>
        </table>

        <table width="100%" style="margin-top:15px;">
            <tr style="background:#CCC; text-align:center;">
                <td colspan="2">TECHNICAL SKILLS</td>
            </tr>
            <tr>
                <td width="">Designing:</td>
                <td width="">Photoshop</td>
            </tr>
            <tr>
                <td width="">Coding Languages:</td>
                <td width="">PHP (CodeIgniter, WordPress), JavaScript</td>
            </tr>
            <tr>
                <td width="">Web Technologies:</td>
                <td width="">HTML, CSS and JavaScript (JQuery, JQuery Mobile, Bootstrap)</td>
            </tr>
            <tr>
                <td width="">Databases:</td>
                <td width="">MySQL</td>
            </tr>
        </tab.........完整代码请登录后点击上方下载按钮下载查看

网友评论0