如何用bootstrap制作简历
文章标签
如何用
注意:Bootstrap相关文件的路径,Bootstrap依赖jQuery,需要先加载jQuery
index.html:
nbsp;html> <meta> <meta> <script></script> <script></script> <link> <link> <title>个人简历</title> <nav> <div> <button> <span></span> <span></span> <span></span> </button> <div> <ul> <li><a></a></li> <li><a>基本信息</a></li> <li><a>职业技能</a></li> <li><a>项目展示</a></li> <li><a>请联系我</a></li> </ul> </div> </div> </nav> <div> <h1>个人简历</h1> </div> <div> <div> <h2>基本信息</h2> <div> <blockquote> 某某 XX工程师 </blockquote> <div> @@##@@ </div> <div> <h3>个人介绍</h3> </div> <div> <span>滴滴答答滴滴答答滴滴答答滴滴答 答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答滴滴答答</span> </div> <div> <table> <tr> <td>姓名</td> <td>YYY</td> <td>年龄</td> <td>18</td> </tr> <tr> <td>学校</td> <td>XX大学</td> <td>学历</td> <td>本科</td> </tr> <tr> <td>专业</td> <td>软件工程</td> <td>学制</td> <td>全日制</td> </tr> </table> </div> </div> <div> <!-- 大屏幕 --> <div> <h2>个人荣誉</h2> <hr> <p2>获得******************************************</p2> <h2>我的空间</h2> <hr> <div> <div> <a><button>个人博客</button></a> </div> <div> <a><button>个人博客园</button></a> </div> <div> <a><button>我的github</button></a> </div> </div> <h2>个人技能</h2> <hr> <p>1.***************</p> <p>2.***************</p> <p>3.***************</p> <p>4.***************</p> <p>5.***************</p> </div> </div> </div> <div> <h2>职业技能</h2> <p> <span>JavaScript</span> <span>Vue.js</span> <!-- <span class="label label-success">ssh</span> --> </p> <div> <div> <span>熟悉</span> </div> </div> <p> <span>Node.js</span> <span>PHP</span> <!-- <span class="label label-success">ssh</span> --> </p> <div> <div> <span>熟悉</span> </div> </div> <p> <span>html/css</span> </p> <div> <div> <span>熟悉</span> </div> </div> <p> <span>数据结构/算法</span> </p> <div> <div> <span>熟悉</span> </div> </div> </div> <div> <h2>项目展示</h2> <div> <div> <ol> <li> <li> <li> <li> </ol> <div> <div> @@##@@ <div>项目 1</div> </div> <div> @@##@@ <div>项目 2</div> </div> <div> @@##@@ <div>项目 3</div> </div> <div> @@##@@ <div>项目 4</div> </div> <!--左右翻页--> <a> <span></span> </a> <a> <span></span> </a> </div> </div> </div> <div> <div> <ol> <li> <li> <li> <li> </ol> <div> <div> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <div>项目 1</div> </div> <div> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <p>项目说明</p> <div>项目 2</div> </div> <div> <p>项目说明</p> <div>项目 3</div> </div> <div> <p>项目说明</p> <div>项目 4</div> </div> <!--左右翻页--> <a> <span></span> </a> <a> <span></span> </a> </div> </div> </div> </div> <div> <h2>请联系我</h2> <div> <div>如果你感兴趣</div> <div> <form> <label>Email</label> <input> <br> <div> <button>请联系我</button> <button>重置</button> </div> <div></div> </form> </div> </div> </div> </div>