<!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
70 浏览量
2023-06-20
19:35:53
上传
评论
收藏 9.32MB ZIP 举报
蓝色欧美风格响应式资讯展示网页模板.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资源评论
