个人创意简历(可分享的网页)-个人专业展示动态网页模板Bootstrap-响应式适配移动端.zip资源-CSDN文库

共186个文件

jpg：94个

css：22个

js：21个

版权申诉

HTML源码

适配移动端

31 浏览量 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

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 条

<!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>Opium Blog</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="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 box_1620">  <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"> <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>   <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>   <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">Warning</a> <a href="#" class="genric-btn danger circle">

评论收藏

内容反馈

版权申诉