前端前端静态模板-非响应式蓝白红-学生作业毕设实训素材.zip资源-CSDN文库

共50个文件

jpg：17个

css：15个

png：8个

版权申诉

前端源码

毕业设计

论文

Html

183 浏览量 2022-04-07 22:08:27 上传评论收藏 563KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

前端前端静态模板-非响应式蓝白红-学生作业毕设实训素材.zip （50个子文件）

非响应式蓝白红

css

images

img03.png 56KB

img01.png 26KB

img02.png 25KB

img04.png 26KB

img09.jpg 992B

img05.png 12KB

img10.png 168B

img08.jpg 3KB

img11.jpg 774B

img06.png 440B

img03.jpg 351B

spacer.gif 43B

img07.png 17KB

img12.jpg 721B

style-fluid.css 482B

style-1000px.css 482B

5grid

jquery.js 91KB

core-desktop.css 2KB

html5shiv.js 2KB

mobileUI-flat.css 1013B

core-noscript.css 3KB

core-1200px.css 415B

core-1000px.css 415B

mobileUI-beveled.css 2KB

init.js 17KB

core-mobile.css 1KB

core.css 6KB

core-fluid.css 394B

style-1200px.css 482B

style-desktop.css 4KB

style-mobile.css 5KB

style.css 5KB

images

pics10.jpg 3KB

pics02.jpg 59KB

pics04.jpg 18KB

pics01.jpg 113KB

pics12.jpg 3KB

pics05.jpg 19KB

pics03.jpg 103KB

pics06.jpg 15KB

pics11.jpg 3KB

pics07.jpg 3KB

spacer.gif 43B

pics08.jpg 3KB

pics09.jpg 3KB

twocolumn2.html 10KB

onecolumn.html 10KB

index.html 11KB

threecolumn.html 9KB

twocolumn1.html 10KB

<!DOCTYPE HTML>  <html> <head> <title>Skylined collect from 即刻工作室</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <noscript> <link rel="stylesheet" href="css/5grid/core.css" /> <link rel="stylesheet" href="css/5grid/core-desktop.css" /> <link rel="stylesheet" href="css/5grid/core-1200px.css" /> <link rel="stylesheet" href="css/5grid/core-noscript.css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/style-desktop.css" /> </noscript> <script src="css/5grid/jquery.js"></script> <script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none"></script>  </head><body class="homepage"> <div id="wrapper"> <div id="header-wrapper"> <header id="header"> <div class="5grid-layout"> <div class="row"> <div class="12u" id="logo">  <h1><a href="#" class="mobileUI-site-name">Skylined</a></h1> <p>collect from 即刻工作室</p> </div> </div> </div> <div class="5grid-layout"> <div class="row"> <div class="12u" id="menu"> <nav class="mobileUI-site-nav"> <ul> <li class="current_page_item"><a href="index.html">Homepage</a></li> <li><a href="threecolumn.html">Three Column</a></li> <li><a href="twocolumn1.html">Two Column #1</a></li> <li><a href="twocolumn2.html">Two Column #2</a></li> <li><a href="onecolumn.html">One Column</a></li> </ul> </nav> </div> </div> </div> </header> <div class="5grid-layout"> <div class="row"> <div id="banner" class="12u"> <div class="container"><a href="#"><img src="images/pics01.jpg" alt=""></a></div> </div> </div> </div> </div> <div id="marketing"> <div class="5grid-layout"> <div class="row divider"> <div class="3u"> <section> <h2 class="title">Maecenas luctus lectus</h2> <p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.</p> <p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Suspendisse dictum porta lectus. Donec placerat odio vel elit.</p> <p class="button-style2"><a href="#">More</a></p> </section> </div> <div class="3u"> <section> <h2 class="title">Etiam posuere augue</h2> <p class="subtitle">Donec leo. Vivamus nibh in augue. Praesent a lacus at urna congue rutrum.</p> <p>Donec nonummy magna quis risus. Quisque eleifend. Phasellus tempor vehicula justo. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem.</p> <p class="button-style2"><a href="#">More</a></p> </section> </div> <div class="3u"> <section> <h2 class="title">Fusce ultrices fringilla</h2> <p class="subtitle">Pellentesque pede. Donec pulvinar metus. In eu odio at lectus pulvinar mollis. </p> <p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Suspendisse dictum porta lectus. Donec placerat odio vel elit.</p> <p class="button-style2"><a href="#">More</a></p> </section> </div> <div class="3u"> <section> <h2 class="title">Nulla luctus eleifend</h2> <p class="subtitle">In posuere eleifend odio. Quisque semper augue mattis wisi. Maecenas ligula.</p> <p>Pellentesque viverra vulputate enim. Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque dictum. Suspendisse dictum porta lectus. Donec placerat odio vel elit.</p> <p class="button-style2"><a href="#">More</a></p> </section> </div> </div> </div> </div> <div id="featured-area"> <div class="5grid-layout"> <div class="row divider"> <div class="4u"> <section> <div class="box-style"> <a href="#"><img src="images/pics04.jpg" alt=""></a> <h3>Etiam posuere augue</h3> <p>Donec nonummy magna quis risus. Quisque eleifend. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem.</p> </div> </section> </div> <div class="4u"> <section> <div class="box-style"> <a href="#"><img src="images/pics06.jpg" alt=""></a> <h3>Etiam posuere augue</h3> <p>Donec nonummy magna quis risus. Quisque eleifend. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem.</p> </div> </section> </div> <div class="4u"> <section> <div class="box-style"> <a href="#"><img src="images/pics05.jpg" alt=""></a> <h3>Etiam posuere augue</h3> <p>Donec nonummy magna quis risus. Quisque eleifend. Aliquam lacinia metus ut elit. Suspendisse iaculis mauris nec lorem.</p> </div> </section> </div> </div> </div> </div> <div id="page"> <div class="5grid-layout"> <div class="row"> <div class="6u"> <div class="mobileUI-main-content" id="content"> <section> <div class="post"> <h2>Integer gravida nibh quis urna</h2> <p class="subtitle">augue praesent a lacus at urna congue rutrum</p> <p><a href="#"><img src="images/pics03.jpg" alt=""></a><br> Welcome to <strong>Skylined</strong>, a free responsive HTML5 website template designed by <a href="http//shop109193845.taobao.com" title="即刻工作室">即刻工作室</a>. It features a modern business-oriented design, content-dense layout, and an easily replaceable banner. And like all of our templates, it is built on HTML5 and CSS3, has full responsive support for desktops, tablets, and mobile devices, and is 100% free to use personally or commercially under the Creative Commons license. Be sure to check out our website for more awesome free HTML5 templates and follow us on Twitter for updates and new releases! Enjoy!</p> <p class="button-style2"><a href="#">Read Full Article</a></p> </div> </section> </div> </div> <div class="3u" id="sidebar1"> <section> <h2>sidebar 1</h2> <ul class="style2"> <li class="first"> <p class="date"><a href="#">October <b>03</b></a></p> <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum. </a></p> </li> <li> <p class="date"><a href="#">September <b>30</b></a></p> <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p> </li> <li> <p class="date"><a href="#">September <b>30</b></a></p> <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p> </li> <li> <p class="date"><a href="#">September <b>30</b></a></p> <p><a href="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</a></p> </li> </ul> </section> </div> <div class="3u"> <div id="sidebar2"> <section> <div class="sbox1"> <h2>sidebar 2</h2> <ul class="style1"> <li class="first"><a href="#">Maecenas luctus lectus at sapien</a></li> <li><a href="#">Etiam rhoncus volutpat erat</a></li> <li><a href="#">Donec dictum metus in sapien</a></li> <li><a href="#">Nulla luctus eleifend purus</a></li> <li><a href="#">Maecenas luctus lectus at sapien</a></li> </ul> </div> </section> <section>

评论收藏

内容反馈

版权申诉