<!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="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
<title>Shahala</title>
</head>
<body class="article-pg">
<header class="mt-0 pt-0">
<div class="bg-cover clearfix pt-3">
<h2 class="logo">Shahala</h2>
<nav class="nav nav-fill mx-auto">
<li class="nav-item">
<a href="https://www.51qianduan.com/">51前端</a>
</li>
<li class="nav-item">
<a href="https://www.51qianduan.com/">51前端</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fab fa-instagram"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fab fa-google-plus-g"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><i class="fas fa-rss"></i></a>
</li>
</nav>
<input type="text" id="nav-search" class="nav-search mx-auto" name="" class="form-control">
<div class="ml-0 mr-0 pb-1">
<nav class="navbar navbar-expand-md">
<button class="navbar-toggler ml-auto" data-target="#my-nav" data-toggle="collapse"
aria-controls="my-nav" aria-expanded="false" onclick="myFunction(this)"
aria-label="Toggle navigation">
<span class="bar1"></span> <span class="bar2"></span> <span class="bar3"></span>
</button>
<div id="my-nav" class="collapse navbar-collapse">
<ul class="navbar-nav mx-auto">
<li class="nav-item">
<a class="nav-link" href="#">NEWS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">HISTORY</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">CULTURE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">TECH</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">LIFE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">OPINION</a>
</li>
<li class="nav-item">
<form action="" method="POST">
<div class="input-group mt-0 mx-auto" style="width:16px;">
<div class="">
<img src="assets/images/search-icon.png" id="toggle-search"
class="ml-2 toggle-search" alt="search icon">
</div>
</div>
</form>
</li>
</ul>
</div>
</nav>
</div>
<ul class="nav nav-fill mx-auto breadc pb-3">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li><img src="assets/images/star-shape.png" class="mt-2" alt=""></li>
<li class="nav-item">
<a class="nav-link" href="#">Article</a>
</li>
</ul>
</div>
</header>
<div class="container-fluid ar-content">
<div class="container">
<div class="row">
<div class="col-lg-9 pr-5">
<div class="card ar-img-over">
<img class="card-img" src="assets/images/article-banner.png" alt="">
<div class="card-img-overlay">
<a href="https://www.51qianduan.com/">51前端</a>
</div>
</div>
<div class="row date-time mt-3">
<div class="col text-white">
<a href="#"> <i class="fas fa-retweet"></i> Share</a>
</div>
<div class="col text-right"><a href="#"> June 3, 2019 6 <i
class="far fa-comments"></i></a></div>
</div>
<h2>Lorem ipsum dolor sit amet, consectetur.</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et
dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere. Magna pars studiorum,
prodita quaerimus. Magna pars studiorum, prodita quaerimus. Fabio vel iudice vincam, sunt in
culpa qui officia. Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</p>
<div class="media my-5">
<div class="q-box d-flex align-items-center justify-content-center"><img
src="assets/images/quote.png" alt=""></div>
<div class="bbg media-body">
<h5 class="mb-0">Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor
incidunt ut labore et dolore magna aliqua.</h5>
</div>
</div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et
dolore magna aliqua. Idque Caesaris facere voluntate liceret: sese habere. Magna pars studiorum,
prodita quaerimus. Magna pars studiorum, prodita quaerimus. Fabio vel iudice vincam, sunt in
culpa qui officia. Vivamus sagittis lacus vel augue laoreet rutrum faucibus.blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta
nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem.
Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est
etiam processus dynamicus, qui sequitur mutationem consuetudium lectorum. Mirum est notare quam
littera gothica, quam nunc putamus parum claram, anteposuerit litterarum formas humanitatis per
seacula quarta decima et quinta decima. </p>
<p> Eodem modo typi, qui nunc nobis videntur parum Nam liber tempor cum soluta nobis eleifend option
congue nihil imperdiet doming id quod mazim placerat facer possim assum. Typi non habent
claritatem insitam; est usus legentis in iis qui facit eoru
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
蓝色欧美风格响应式资讯展示网页模板.zip (80个子文件)
22183
assets
js
bootstrap.js 121KB
bootstrap.bundle.js.map 350KB
article.js 2KB
bootstrap.bundle.min.js.map 287KB
bootstrap.min.js 50KB
main.js 2KB
popper.min.js 20KB
jquery-1.12.0.min.js 95KB
bootstrap.bundle.min.js 69KB
bootstrap.bundle.js 207KB
bootstrap.js.map 207KB
owl.carousel.min.js 43KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
jquery-3.3.1.slim.min.js 68KB
jquery.yu2fvl.js 6KB
css
style.css 20KB
bootstrap.min.css 138KB
bootstrap-grid.css 37KB
bootstrap.css 170KB
bootstrap-reboot.css 5KB
bootstrap-grid.min.css 28KB
bootstrap-reboot.min.css 4KB
sass
style.scss 21KB
images
heart.png 242B
quote-bg.png 554B
news3.png 213KB
article-banner.png 524KB
home-bg.png 3.52MB
search-icon.png 207B
gallery-img1.png 238KB
video-cover2.jpg 41KB
t-post2.png 29KB
right-img.jpg 203KB
comment-user2.png 8KB
interior.png 188KB
comment-user1.png 19KB
star-shape.png 118B
play2.png 42KB
gallery-img2.jpg 509KB
comment-user3.png 16KB
quote.png 361B
carlla-willstons.jpg 16KB
architecture.png 191KB
news2.png 219KB
news6.png 247KB
t-post3.png 22KB
gallery-img3.jpg 138KB
insta6.png 4KB
news4.png 114KB
comment-icon.png 128B
food.png 172KB
play4.png 16KB
stay-bg.png 997B
play-icon.png 794B
news5.png 237KB
video-cover1.jpg 176KB
travel.png 186KB
insta5.png 18KB
close.png 529B
ar-left.png 212KB
right-icon.png 134B
play3.png 41KB
insta1.png 14KB
gallery-img4.jpg 146KB
ar-right.png 208KB
t-post1.png 11KB
insta3.png 10KB
play1.png 32KB
left-img.jpg 327KB
play5.png 29KB
full-screen.png 163B
insta4.png 18KB
insta2.png 18KB
fonts
Roboto-Italic.ttf 129KB
Roboto-Regular.ttf 123KB
Montserrat-Bold.ttf 255KB
Angeline_Vintage.ttf 550KB
article.html 31KB
index.html 24KB
共 80 条
- 1
资源评论
小徐博客
- 粉丝: 1742
- 资源: 872
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功