<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<!--- basic page needs
================================================== -->
<meta charset="utf-8">
<title>Blog - Standout</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- mobile specific metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/vendor.css">
<link rel="stylesheet" href="css/main.css">
<!-- script
================================================== -->
<script src="js/modernizr.js"></script>
<script src="js/pace.min.js"></script>
<!-- favicons
================================================== -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
</head>
<body id="top">
<div id="preloader">
<div id="loader"></div>
</div>
<!-- header
================================================== -->
<header class="s-header s-header--blog">
<div class="header-logo">
<a class="site-logo" href="index.html">
<img src="images/logo.svg" alt="Homepage">
</a>
</div>
<nav class="row header-nav-wrap wide">
<ul class="header-main-nav">
<li><a href="index.html" title="intro">Home</a></li>
<li class="current"><a href="blog.html" title="blog">Blog</a></li>
</ul>
<ul class="header-social">
<li><a href="#0"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a href="#0"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#0"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
</nav>
<a class="header-menu-toggle" href="#"><span>Menu</span></a>
</header> <!-- end header -->
<!-- page header
================================================== -->
<section class="page-header">
<div class="row page-header__content narrower text-center">
<div class="col-full">
<h3 class="subhead">Our Blog.</h3>
<h1 class="display-1">
Thoughts, Ideas, Insights and Other Stuff.
</h1>
<a href="#0" class="page-header__search-trigger">
<i class="fas fa-search" aria-hidden="true"></i>
<span>Search the blog</span>
</a>
<div class="page-header__search">
<form role="search" method="get" class="page-header__search-form" action="#">
<label>
<span class="hide-content">Search for:</span>
<input type="search" class="search-field" placeholder="Type Keywords" value="" name="s" title="Search for:" autocomplete="off">
</label>
<input type="submit" class="search-submit" value="Search">
</form>
<a href="#0" title="Close Search" class="page-header__overlay-close">Close</a>
</div> <!-- end page-header__search -->
</div>
</div>
</section> <!-- end page-header -->
<!-- blog content wrap
================================================== -->
<section class="blog-content-wrap">
<div class="row entries-wrap add-top-padding">
<div class="entries">
<article class="col-block">
<div class="item-entry" data-aos="fade-up">
<div class="item-entry__thumb">
<a href="single.html" class="item-entry__thumb-link">
<img src="images/thumbs/post/lamp-400.jpg"
srcset="images/thumbs/post/lamp-400.jpg 1x, images/thumbs/post/lamp-800.jpg 2x" alt="">
</a>
</div>
<div class="item-entry__text">
<div class="item-entry__cat">
<a href="#0">Design</a>
</div>
<h1 class="item-entry__title"><a href="single.html">3 Benefits of Minimalism In Interface Design.</a></h1>
<div class="item-entry__content">
<p>
Aliquam mollitia consequatur et qui iste ducimus repellat. Aut expedita quibusdam est. Tempore dolor omnis in et
voluptate et eligendi debitis eligendi. Nulla autem necessitatibus...
</p>
<a class="more-link" href="single.html">Read More</a>
</div>
</div>
</div> <!-- item-entry -->
</article> <!-- end article -->
<article class="col-block">
<div class="item-entry" data-aos="fade-up">
<div class="item-entry__thumb">
<a href="single.html" class="item-entry__thumb-link">
<img src="images/thumbs/post/blue-400.jpg"
srcset="images/thumbs/post/blue-400.jpg 1x, images/thumbs/post/blue-800.jpg 2x" alt="">
</a>
</div>
<div class="item-entry__text">
<div class="item-entry__cat">
<a href="#0">Workplace</a>
</div>
<h1 class="item-entry__title"><a href="single.html">10 Reasons Why Working Remotely Makes Sense.</a></h1>
<div class="item-entry__content">
<p>
Aliquam mollitia consequatur et qui iste ducimus repellat. Aut expedita quibusdam est. Tempore dolor omnis in et
voluptate et eligendi debitis eligendi. Nulla autem necessitatibus...
</p>
<a class="more-link" href="single.html">Read More</a>
</div>
</div>
</div> <!-- item-entry -->
</article> <!-- end article -->
<article class="col-block">
<div class="item-entry" data-aos="fade-up">
<div class="item-entry__thumb">
<a href="single.html" class="item-entry__thumb-link">
<img src="images/thumbs/post/desk-400.jpg"
srcset="images/thumbs/post/desk-400.jpg 1x, images/thumbs/post/desk-800.jpg 2x" alt="">
</a>
</div>
<div class="item-entry__text">
<div class="item-entry__cat">
<a href="#0">Updates</a>
</div>
<h1 class="item-entry__title"><a href="single.html">New Updates In Standout - August 2018.</a></h1>
<d
没有合适的资源?快使用搜索试试~ 我知道了~
APP功能动态展示响应式网站模板.7z
共96个文件
jpg:36个
css:14个
svg:11个
需积分: 5 0 下载量 135 浏览量
2024-06-20
08:51:13
上传
评论
收藏 4.62MB 7Z 举报
温馨提示
对于追求高效开发与卓越品质的专业人士而言,响应式网站模板源码极具价值。这些模板设计精良,能够自动适应各种设备的屏幕尺寸,从而确保在桌面电脑、平板和手机等设备上均能提供最佳浏览体验。利用这些源码,开发者可以迅速构建具有现代感且灵活的网站架构,大幅缩短设计和开发周期。 研究响应式网站模板源码,不仅能够深入了解响应式设计的实现细节,学习如何在不同断点调整布局和样式,而且有助于提升编程技能,激发创新思维,打造独一无二的网站项目。 综上所述,HTML响应式网站模板源码是网站开发不可或缺的宝贵资源。它们开放源代码的特性使每位开发者都能利用这些资源,轻松创造出能够在不同平台上完美展示的高品质网站。
资源推荐
资源详情
资源评论
收起资源包目录
APP功能动态展示响应式网站模板.7z (96个子文件)
APP功能动态展示响应式网站模板
html
styles.html 23KB
js
main.js 11KB
modernizr.js 8KB
pace.min.js 12KB
jquery-3.2.1.min.js 85KB
plugins.js 84KB
css
main.css 90KB
font-awesome
webfonts
fa-brands-400.woff 62KB
fa-brands-400.ttf 96KB
fa-brands-400.svg 496KB
fa-solid-900.woff 49KB
fa-solid-900.eot 104KB
fa-solid-900.ttf 103KB
fa-brands-400.woff2 53KB
fa-regular-400.woff2 12KB
fa-brands-400.eot 96KB
fa-regular-400.eot 30KB
fa-regular-400.woff 14KB
fa-regular-400.svg 105KB
fa-regular-400.ttf 30KB
fa-solid-900.woff2 39KB
fa-solid-900.svg 382KB
css
fa-regular.min.css 650B
fa-solid.min.css 642B
fa-brands.css 686B
fontawesome.min.css 33KB
fa-regular.css 705B
fa-solid.css 698B
fontawesome.css 41KB
fontawesome-all.min.css 35KB
fontawesome-all.css 43KB
fa-brands.min.css 632B
micons
micons.css 11KB
fonts
icomoon.woff 72KB
icomoon.svg 262KB
icomoon.eot 72KB
icomoon.ttf 72KB
vendor.css 38KB
base.css 16KB
favicon.ico 15KB
index.html 26KB
single.html 22KB
images
wheel-2000.jpg 160KB
app-user.jpg 317KB
phone-app-screens-1000.png 53KB
phone-app-profile-1100.png 145KB
pattern.jpg 310KB
sample-image.jpg 52KB
app-screen-600.png 15KB
logo.svg 4KB
phone-app-screens-600.png 23KB
wheel-500.jpg 39KB
app-screen-2800.png 116KB
blog
blog-bg-01.jpg 679KB
avatars
user-04.jpg 21KB
user-03.jpg 43KB
user-02.jpg 33KB
user-05.jpg 45KB
user-01.jpg 37KB
appstore.png 13KB
icons
icon-arrow-right.svg 849B
icon-play-black.svg 550B
icon-arrow-down.svg 926B
icon-arrow-up.svg 920B
icon-play.svg 626B
icon-arrow-left.svg 817B
thumbs
post
mac-800.jpg 53KB
working-400.jpg 52KB
woodcraft-800.jpg 36KB
jsmith-400.jpg 34KB
fuji-400.jpg 11KB
lamp-400.jpg 35KB
workplace-400.jpg 46KB
desk-800.jpg 58KB
work-remote-800.jpg 51KB
work-remote-400.jpg 9KB
workplace-800.jpg 165KB
jsmith-800.jpg 144KB
blue-400.jpg 35KB
lamp-800.jpg 110KB
blue-800.jpg 121KB
wheel-400.jpg 26KB
watch-800.jpg 61KB
woodcraft-400.jpg 12KB
wheel-800.jpg 57KB
watch-400.jpg 21KB
working-800.jpg 125KB
desk-400.jpg 22KB
fuji-800.jpg 33KB
mac-400.jpg 11KB
app-screen-1400.png 44KB
google-play.png 19KB
wheel-1000.jpg 77KB
phone-app-screens-2000.png 201KB
phone-app-profile-550.png 47KB
blog.html 27KB
共 96 条
- 1
资源评论
master_chenchen
- 粉丝: 1880
- 资源: 1385
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功