个人创意简历(可分享的网页)-个人作品服务信息网页模板Bootstrap-响应式适配移动端.zip资源-CSDN文库

共12个文件

jpg：10个

html：1个

css：1个

版权申诉

HTML源码

适配移动端

31 浏览量 2024-03-18 11:24:35 上传评论收藏 205KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

个人创意简历(可分享的网页)-个人作品服务信息网页模板 Bootstrap-响应式适配移动端.zip （12个子文件）

个人创意简历(可分享的网页)-个人作品服务信息网页模板 Bootstrap-响应式适配移动端

html

style.css 6KB

index.html 7KB

images

img04.jpg 1023B

img01.jpg 430B

img08.jpg 49KB

img03.jpg 420B

img07.jpg 57KB

img10.jpg 47KB

img05.jpg 356B

img02.jpg 18KB

img06.jpg 383B

img09.jpg 34KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Arrangement by FCT</title> <link href="style.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#">Arrangement</a></h1> </div> <div id="search"> <form method="get" action=""> <fieldset> <input type="text" name="s" id="search-text" size="15" value="enter keywords here..." /> <input type="submit" id="search-submit" value="GO" /> </fieldset> </form> </div> </div> <div id="menu"> <ul> <li class="current_page_item"><span><a href="#">Home</a></span></li> <li><a href="#">Blog</a></li> <li><a href="#">Photos</a></li> <li><a href="#">About</a></li> <li><a href="#">Links</a></li> <li><a href="#">Contact</a></li> </ul> </div>  <div id="splash"><img src="images/img07.jpg" width="890" height="444" alt="" /></div>  <div id="page"> <div id="content"> <div class="post"> <h2 class="title"><a href="#">Welcome to Arrangement </a></h2> <p class="meta">Posted by <a href="#">Someone</a> on March 10, 2011  •  <a href="#" class="comments">Comments (64)</a>  •  <a href="#" class="permalink">Full article</a></p> <div class="entry"> <p><img src="images/img08.jpg" width="540" height="300" alt="" /></p> <p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros turpis, cursus egestas at sem.</p> <p><a href="#" class="links">Full Details</a></p> </div> </div> <div class="post"> <h2 class="title"><a href="#">Lorem ipsum sed aliquam</a></h2> <p class="meta">Posted by <a href="#">Someone</a> on March 10, 2011  •  <a href="#" class="comments">Comments (64)</a>  •  <a href="#" class="permalink">Full article</a></p> <div class="entry"> <p><img src="images/img09.jpg" width="540" height="300" alt="" /></p> <p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros turpis, cursus egestas at sem.</p> <p><a href="#" class="links">Full Details</a></p> </div> </div> <div class="post"> <h2 class="title"><a href="#">Phasellus pellentesque turpis </a></h2> <p class="meta">Posted by <a href="#">Someone</a> on March 10, 2011  •  <a href="#" class="comments">Comments (64)</a>  •  <a href="#" class="permalink">Full article</a></p> <div class="entry"> <p><img src="images/img10.jpg" width="540" height="300" alt="" /></p> <p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum ipsum. Proin imperdiet est. Phasellus dapibus semper urna. Pellentesque ornare, orci in felis. Donec ut ante. In id eros turpis, cursus egestas at sem.</p> <p><a href="#" class="links">Full Details</a></p> </div> </div> <div style="clear: both;"> </div> </div>  <div id="sidebar"> <ul> <li> <h2>Aliquam tempus</h2> <p>Mauris vitae nisl nec metus placerat perdiet est. Phasellus dapibus semper consectetuer hendrerit.</p> </li> <li> <h2>Categories</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </li> <li> <h2>Lorem Ipsum</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  </div> <div id="footer-wrapper"> <div id="three-columns"> <div id="column1"> <h2>Consectetuer</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </div> <div id="column2"> <h2>Suspendisse</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </div> <div id="column3"> <h2>Pellentesque</h2> <ul> <li><a href="#">Aliquam libero</a></li> <li><a href="#">Consectetuer adipiscing elit</a></li> <li><a href="#">Metus aliquam pellentesque</a></li> <li><a href="#">Suspendisse iaculis mauris</a></li> <li><a href="#">Urnanet non molestie semper</a></li> <li><a href="#">Proin gravida orci porttitor</a></li> </ul> </div> </div>  </div> <div id="footer"> <p>Copyright (c) 2011 Sitename.com. All rights reserved. Design by <a href="http://www.freecsstemplates.org/" rel="nofollow">FreeCSSTemplates.org</a>.</p> </div> </body> </html>

评论收藏

内容反馈

版权申诉