<!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>Opium Blog</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">
<!-- 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 box_1620">
<!-- 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">
<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="single-blog.html">Sinlge Blog</a></li>
<li class="nav-item"><a class="nav-link" href="elements.html">Elements</a></li>
</ul>
</li>
<li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right header_social ml-auto">
<li class="nav-item"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="nav-item"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="nav-item"><a href="#"><i class="fa fa-dribbble"></i></a></li>
<li class="nav-item"><a href="#"><i class="fa fa-behance"></i></a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="logo_part">
<div class="container">
<a class="logo" href="#"><img src="img/logo.png" alt=""></a>
</div>
</div>
</header>
<!--================Header Menu Area =================-->
<!--================Home Banner Area =================-->
<section class="banner_area">
<div class="container">
<div class="row banner_inner">
<div class="col-lg-5"></div>
<div class="col-lg-7">
<div class="banner_content text-center">
<h2>Elements</h2>
<div class="page_link">
<a href="index.html">Home</a>
<a href="elements.html">Elements</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--================End Home 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">Warning</a>
<a href="#" class="genric-btn danger circle">
个人创意简历(可分享的网页)-个人专业展示动态网页模板 Bootstrap-响应式适配移动端.zip
版权申诉
84 浏览量
2024-03-18
11:24:34
上传
评论
收藏 9.53MB ZIP 举报
个人创意简历(可分享的网页)-个人专业展示动态网页模板 Bootstrap-响应式适配移动端.zip （186个子文件） 
bootstrap.css 179KB style.css 71KB animate.css 71KB animated.css 66KB jquery-ui.css 35KB font-awesome.min.css 27KB bootstrap-datetimepicker.min.css 11KB responsive.css 10KB style.css 8KB style.css 8KB simpleLightbox.css 5KB owl.carousel.css 4KB nice-select.css 4KB bootstrap-select.css 3KB owl.carousel.min.css 3KB _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 Linearicons-Free.eot 55KB
ajax-loader.gif 3KB
elements.html 36KB single-blog.html 30KB index.html 28KB category.html 25KB archive.html 24KB contact.html 14KB
banner-2.jpg 2.21MB home-banner.jpg 673KB banner.jpg 337KB blog-3.jpg 250KB m-blog-2.jpg 233KB blog-4.jpg 224KB blog-1.jpg 200KB m-blog-5.jpg 192KB blog-2.jpg 168KB blog-small-6.jpg 161KB news-blog.jpg 155KB g7.jpg 154KB m-blog-3.jpg 147KB causes-2.jpg 125KB cat-post-1.jpg 124KB g1.jpg 122KB g2.jpg 114KB causes-1.jpg 113KB cat-post-3.jpg 108KB 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 blog-small-2.jpg 89KB blog-small-1.jpg 87KB pp-8.jpg 87KB feature-img1.jpg 85KB g4.jpg 83KB blog-small-7.jpg 81KB g3.jpg 80KB pp-10.jpg 79KB choice-3.jpg 77KB blog-small-8.jpg 75KB causes-3.jpg 75KB g6.jpg 73KB l-news-2.jpg 72KB l-news-3.jpg 67KB choice-4.jpg 63KB g5.jpg 63KB choice-1.jpg 62KB choice-2.jpg 62KB cat-post-2.jpg 61KB pp-9.jpg 59KB l-news-4.jpg 59KB pp-7.jpg 39KB post-img2.jpg 38KB post-img1.jpg 35KB pp-6.jpg 30KB pp-13.jpg 29KB pp-5.jpg 27KB pp-14.jpg 27KB pp-11.jpg 25KB pp-2.jpg 25KB pp-4.jpg 25KB pp-12.jpg 24KB pp-3.jpg 18KB add-1.jpg 18KB a2.jpg 17KB g8.jpg 16KB d.jpg 14KB post4.jpg 9KB post1.jpg 9KB Image-02.jpg 9KB Image-07.jpg 8KB add.jpg 8KB post3.jpg 8KB共 186 条
- 1
- 2
资源评论
