<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<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>
<!-- Bootstrap CSS -->
<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">
<!-- main css -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!--================Header Menu Area =================-->
<header class="header_area">
<div class="main_menu">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<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>
<!-- Collect the nav links, forms, and other content for toggling -->
<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>
<!--================ Header Menu Area =================-->
<!--================ Banner Area =================-->
<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>
<!--================ End Banner Area =================-->
<!-- Start Sample Area -->
<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>
<!-- End Sample Area -->
<!-- Start Button -->
<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
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 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 条
- 1
- 2
- 3
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
