web前端大作业-旅行幻想日志响应式网站模板-界面适配移动设备-HTML源码.zip

共287个文件

jpg：125个

js：53个

css：42个

版权申诉

HTML

web大作业

JavaScript

网站源码

186 浏览量 2024-04-03 14:51:15 上传评论收藏 15.07MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

web前端大作业-旅行幻想日志响应式网站模板-界面适配移动设备-HTML源码.zip （287个子文件）

bootstrap.css 179KB

style.css 79KB

animate.css 71KB

animated.css 66KB

jquery-ui.css 35KB

font-awesome.min.css 27KB

font-awesome.min.css 20KB

bootstrap-datetimepicker.min.css 11KB

responsive.css 10KB

shCoreEclipse.css 9KB

shCoreDjango.css 9KB

shCoreFadeToGrey.css 9KB

shCoreDefault.css 9KB

shCoreMidnight.css 8KB

shCoreRDark.css 8KB

shCoreEmacs.css 8KB

shCoreMDUltra.css 8KB

style.css 8KB

shCore.css 6KB

simpleLightbox.css 5KB

owl.carousel.css 4KB

nice-select.css 4KB

bootstrap-select.css 3KB

shThemeEclipse.css 3KB

main.css 3KB

shThemeDjango.css 3KB

owl.carousel.min.css 3KB

shThemeFadeToGrey.css 3KB

shThemeDefault.css 3KB

shThemeMidnight.css 3KB

shThemeRDark.css 3KB

shThemeEmacs.css 3KB

shThemeMDUltra.css 3KB

normalize.min.css 2KB

_testimonials.css 46B

breadcrumb.css 43B

_megazin.css 41B

_feature.css 41B

_button.css 40B

_footer.css 40B

_team.css 38B

fontawesome-webfont.eot 75KB

fontawesome-webfont.eot 71KB

Linearicons-Free.eot 55KB

ajax-loader.gif 3KB

elements.html 34KB

single-blog.html 30KB

index.html 29KB

archive.html 19KB

category.html 17KB

contact.html 12KB

index.html 11KB

banner-2.jpg 2.21MB

home-banner3.jpg 640KB

home-banner2.jpg 384KB

p4.jpg 295KB

p2.jpg 282KB

p3.jpg 265KB

t1.jpg 263KB

t3.jpg 254KB

blog-3.jpg 250KB

m-blog-2.jpg 233KB

blog-4.jpg 224KB

t2.jpg 219KB

p6.jpg 200KB

blog-1.jpg 200KB

m-blog-5.jpg 192KB

c1.jpg 180KB

c4.jpg 174KB

blog-2.jpg 168KB

blog-small-6.jpg 161KB

p5.jpg 156KB

news-blog.jpg 155KB

g7.jpg 154KB

c5.jpg 153KB

b1.jpg 150KB

m-blog-3.jpg 147KB

home-banner.jpg 146KB

b6.jpg 141KB

c6.jpg 140KB

causes-2.jpg 125KB

cat-post-1.jpg 124KB

p1.jpg 123KB

g1.jpg 122KB

b2.jpg 117KB

g2.jpg 114KB

causes-1.jpg 113KB

b3.jpg 111KB

cat-post-3.jpg 108KB

c2.jpg 106KB

l-news-1.jpg 106KB

blog-small-3.jpg 105KB

blog-small-4.jpg 103KB

m-blog-4.jpg 97KB

pp-1.jpg 96KB

m-blog-1.jpg 95KB

blog-small-5.jpg 91KB

c3.jpg 91KB

blog-small-2.jpg 89KB

共 287 条

<!doctype html> <html lang="en"> <head>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="icon" href="img/favicon.png" type="image/png"> <title>Elements</title>  <link rel="stylesheet" href="css/bootstrap.css"> <link rel="stylesheet" href="vendors/linericon/style.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="vendors/owl-carousel/owl.carousel.min.css"> <link rel="stylesheet" href="vendors/lightbox/simpleLightbox.css"> <link rel="stylesheet" href="vendors/nice-select/css/nice-select.css"> <link rel="stylesheet" href="vendors/animate-css/animate.css"> <link rel="stylesheet" href="vendors/jquery-ui/jquery-ui.css">  <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/responsive.css"> </head> <body>  <header class="header_area"> <div class="main_menu"> <nav class="navbar navbar-expand-lg navbar-light"> <div class="container">  <a class="navbar-brand logo_h" href="index.html"> <img src="img/logo.png" alt=""> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>  <div class="collapse navbar-collapse offset" id="navbarSupportedContent"> <ul class="nav navbar-nav menu_nav justify-content-center mx-auto"> <li class="nav-item"> <a class="nav-link" href="index.html">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="category.html">Category</a> </li> <li class="nav-item"> <a class="nav-link" href="archive.html">Archive</a> </li> <li class="nav-item submenu dropdown active"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Pages</a> <ul class="dropdown-menu"> <li class="nav-item"> <a class="nav-link" href="elements.html">Elements</a> </li> <li class="nav-item"> <a class="nav-link" href="single-blog.html">Post Details</a> </li> </ul> </li> <li class="nav-item"> <a class="nav-link" href="contact.html">Contact</a> </li> </ul> <ul class="nav navbar-nav ml-auto search"> <li class="nav-item d-flex align-items-center mr-10"> <div class="menu-form"> <form> <div class="form-group"> <input type="text" class="form-control" placeholder="Search here"> </div> </form> </div> <button type="submit" class="search-icon"> <i class="lnr lnr-magnifier"></i> </button> </li> </ul> </div> </div> </nav> </div> </header>   <section class="home_banner_area banner_area"> <div class="container"> <div class="row"> <div class="col-lg-5"></div> <div class="col-lg-7"> <div class="blog_text_slider"> <div class="blog_text"> <img class="img-fluid" src="img/banner/element-img.png" alt=""> <div class="blog-meta bottom d-flex justify-content-start align-items-center flex-wrap"> <div> <a class="read_more" href="index.html">Home</a> <span class="lnr lnr-arrow-right"></span> <a class="read_more" href="elements.html">Elements</a> </div> </div> </div> </div> </div> </div> </div> </section>   <section class="sample-text-area"> <div class="container"> <h3 class="text-heading title_color">Text Sample</h3> <p class="sample-text"> Every avid independent filmmaker has <b>Bold</b> about making that <i>Italic</i> interest documentary, or short film to show off their creative prowess. Many have great ideas and want to “wow” the<sup>Superscript</sup> scene, or video renters with their big project. But once you have the<sub>Subscript</sub> “in the can” (no easy feat), how do you move from a <del>Strike</del> through of master DVDs with the <u>“Underline”</u> marked hand-written title inside a secondhand CD case, to a pile of cardboard boxes full of shiny new, retail-ready DVDs, with UPC barcodes and polywrap sitting on your doorstep? You need to create eye-popping artwork and have your project replicated. Using a reputable full service DVD Replication company like PacificDisc, Inc. to partner with is certainly a helpful option to ensure a professional end result, but to help with your DVD replication project, here are 4 easy steps to follow for good DVD replication results: </p> </div> </section>   <section class="button-area"> <div class="container border-top-generic"> <h3 class="text-heading title_color">Sample Buttons</h3> <div class="button-group-area"> <a href="#" class="genric-btn default">Default</a> <a href="#" class="genric-btn primary">Primary</a> <a href="#" class="genric-btn success">Success</a> <a href="#" class="genric-btn info">Info</a> <a href="#" class="genric-btn warning">Warning</a> <a href="#" class="genric-btn danger">Danger</a> <a href="#" class="genric-btn link">Link</a> <a href="#" class="genric-btn disable">Disable</a> </div> <div class="button-group-area mt-10"> <a href="#" class="genric-btn default-border">Default</a> <a href="#" class="genric-btn primary-border">Primary</a> <a href="#" class="genric-btn success-border">Success</a> <a href="#" class="genric-btn info-border">Info</a> <a href="#" class="genric-btn warning-border">Warning</a> <a href="#" class="genric-btn danger-border">Danger</a> <a href="#" class="genric-btn link-border">Link</a> <a href="#" class="genric-btn disable">Disable</a> </div> <div class="button-group-area mt-40"> <a href="#" class="genric-btn default radius">Default</a> <a href="#" class="genric-btn primary radius">Primary</a> <a href="#" class="genric-btn success radius">Success</a> <a href="#" class="genric-btn info radius">Info</a> <a href="#" class="genric-btn warning radius">Warning</a> <a href="#" class="genric-btn danger radius">Danger</a> <a href="#" class="genric-btn link radius">Link</a> <a href="#" class="genric-btn disable radius">Disable</a> </div> <div class="button-group-area mt-10"> <a href="#" class="genric-btn default-border radius">Default</a> <a href="#" class="genric-btn primary-border radius">Primary</a> <a href="#" class="genric-btn success-border radius">Success</a> <a href="#" class="genric-btn info-border radius">Info</a> <a href="#" class="genric-btn warning-border radius">Warning</a> <a href="#" class="genric-btn danger-border radius">Danger</a> <a href="#" class="genric-btn link-border radius">Link</a> <a href="#" class="genric-btn disable radius">Disable</a> </div> <div class="button-group-area mt-40"> <a href="#" class="genric-btn default circle">Default</a> <a href="#" class="genric-btn primary circle">Primary</a> <a href="#" class="genric-btn success circle">Success</a> <a href="#" class="genric-btn info circle">Info</a> <a href="#" class="genric-btn warning circle">Wa

评论收藏

内容反馈

版权申诉