<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Forkio: Responsive Bootstrap HTML Template</title>
<meta name="description" content="A free responsive website template made exclusively for Codrops by Pixel Buddha and PSD2HTML">
<meta name="keywords" content="website template, css3, one page, bootstrap, app template, web app, start-up">
<meta name="author" content="Pixel Buddha and PSD2HTML for Codrops">
<link rel="apple-touch-icon" sizes="57x57" href="favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicons/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicons/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicons/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicons/manifest.json">
<link rel="shortcut icon" href="favicons/favicon.ico">
<meta name="msapplication-TileColor" content="#603cba">
<meta name="msapplication-TileImage" content="favicons/mstile-144x144.png">
<meta name="msapplication-config" content="favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="fonts/font-awesome-4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/all.css">
<link href='http://fonts.useso.com/css?family=Montserrat:400,700|Source+Sans+Pro:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrapper">
<header id="header">
<div class="container">
<div class="logo"><a href="#"><img src="images/logo.svg" alt="FORKIO"></a></div>
<nav id="nav">
<div class="opener-holder">
<a href="#" class="nav-opener"><span></span></a>
</div>
<a href="#codrops/?p=23525" class="btn btn-primary rounded">Buy Now</a>
<div class="nav-drop">
<ul>
<li class="active visible-sm visible-xs"><a href="#">Home</a></li>
<li><a href="#">Overview</a></li>
<li><a href="#">About Fork</a></li>
<li><a href="#">Buying Options</a></li>
<li><a href="#">Support</a></li>
</ul>
<div class="drop-holder visible-sm visible-xs">
<span>Follow Us</span>
<ul class="social-networks">
<li><a class="fa fa-github" href="#"></a></li>
<li><a class="fa fa-twitter" href="#"></a></li>
<li><a class="fa fa-facebook" href="#"></a></li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<section class="visual">
<div class="container">
<div class="text-block">
<div class="heading-holder">
<h1>Fork App</h1>
</div>
<p class="tagline">A real gamechanger in the world of web development</p>
<span class="info">Version 2.8 for Mac and Windows</span>
</div>
</div>
<img src="images/img-decor-01.jpg" alt="" class="bg-stretch">
</section>
<section class="main">
<div class="container">
<div id="cta">
<a href="#codrops/?p=23525" class="btn btn-primary rounded">Download For Free Now</a>
<p>Unlimited 30-Days Trial Period</p>
</div>
<div class="row">
<div class="text-box col-md-offset-1 col-md-10">
<h2>Revolutionary editor</h2>
<p>Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate dignissim. Sed id metus id quam auctor molestie eget ut augue. </p>
<div class="social-placeholder"><img src="images/img-social-placeholder-01.png" height="26" width="365" alt=""></div>
</div>
</div>
</div>
</section>
<section class="area">
<div class="container">
<div class="row">
<div class="col-md-5">
<h2 class="visible-xs visible-sm text-primary"><Here is what you get></h2>
<ul class="visual-list">
<li>
<div class="img-holder">
<img src="images/graph-04.svg" width="110" alt="">
</div>
<div class="text-holder">
<h3>Created to Make A Better Web</h3>
<p>Aenean cursus imperdiet nisl id fermentum. Aliquam pharetra dui laoreet vulputate dignissim. Sed id metus id quam auctor molestie eget ut augue. </p>
</div>
</li>
<li>
<div class="img-holder">
<img class="pull-left" src="images/graph-03.svg" width="90" alt="">
</div>
<div class="text-holder">
<h3>Infinite Customization</h3>
<p>Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat massa placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat. </p>
</div>
</li>
<li>
<div class="img-holder">
<img src="images/graph-02.svg" height="84" alt="">
</div>
<div class="text-holder">
<h3>Experimental Features</h3>
<p>Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat massa placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat. </p>
</div>
</li>
<li>
<div class="img-holder">
<img src="images/graph-01.svg" height="71" alt="">
</div>
<div class="text-holder">
<h3>Time-Saving Power Tools</h3>
<p>Maecenas eu dictum felis, a dignissim nibh. Mauris rhoncus felis odio, ut volutpat massa placerat ac. Curabitur dapibus iaculis mi gravida luctus. Aliquam erat volutpat. </p>
</div>
</li>
</ul>
</div>
<div class="col-md-7">
<div class="slide-holder">
<h2 class="hidden-xs hidden-sm text-primary"><Here is what you get></h2>
<div class="img-slide scroll-trigger"><img src="images/img-01.png" height="624" width="1184" alt=""></div>
</div>
</div>
</div>
</div>
</section>
<div class="copyrights">Collect from <a href="http://www.htmldivcss.com/" >手机网站模板</a></div>
<section class="main">
<div class="container">
<div class="block-holder">
<div class="block-frame">
<div class="cycle-gallery">
<div class="mask">
<div class="slideset">
<div class="slide">
<div class="img-box">
<div class="img-holder"><img src="images/user-01.jpg" height="85" width="85" alt=""></div>
<div class="text-holder">
<h3>Steven Walters</h3>
<a href="#">@DoctorS</a>
</div>
</div>
<p><a href="#">@Pixelbuddha</a> Suspendisse sodales sem est, in scelerisque felis scelerisque in. Aenean faucibus mollis risus. Praesent sit amet erat eget eros.</p>
<em class="date">2 hours ago</em>
</div>
<div class="slide">
<div class="img-box">
<div class="img-holder"><img src="images/user-02.jpg" height="85" width="85" alt=""></div>
<div class="text-holder">
<h3>Shane Jennings</h3>
<a href="#">@shanejen</a>
</div>
</div>
<p><a href="#">@PSD2HTML</a> Ut id porta quam. Morbi sit amet m
887web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip
196 浏览量
2023-08-03
11:09:30
上传
评论
收藏 1.22MB ZIP 举报
887web_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip （148个子文件） 
bootstrap.css 143KB font-awesome.css 28KB all.css 27KB font-awesome.min.css 23KB fontawesome-webfont.eot 59KB glyphicons-halflings-regular.eot 20KB
index.html 19KB favicon.ico 15KB
1.jpg 79KB img-decor-02.jpg 58KB img-decor-01.jpg 31KB img-decor-03.jpg 23KB user-03.jpg 3KB user-01.jpg 3KB user-02.jpg 3KB jquery-1.11.2.min.js 94KB jquery.main.js 70KB bootstrap.js 67KB manifest.json 784B bootstrap.css.map 80KB all.css.map 20KB FontAwesome.otf 92KB
img-01.png 26KB apple-touch-icon-precomposed.png 7KB android-chrome-192x192.png 6KB apple-touch-icon.png 6KB apple-touch-icon-180x180.png 6KB mstile-310x310.png 5KB apple-touch-icon-152x152.png 5KB apple-touch-icon-144x144.png 4KB android-chrome-144x144.png 4KB favicon-194x194.png 4KB logo-smashing.png 4KB apple-touch-icon-120x120.png 4KB apple-touch-icon-114x114.png 3KB android-chrome-96x96.png 3KB logo-codrops.png 3KB img-social-placeholder-01.png 3KB mstile-310x150.png 3KB apple-touch-icon-76x76.png 2KB logo-cb.png 2KB logo-w.png 2KB mstile-144x144.png 2KB apple-touch-icon-72x72.png 2KB android-chrome-72x72.png 2KB mstile-150x150.png 2KB apple-touch-icon-60x60.png 2KB apple-touch-icon-57x57.png 2KB favicon-96x96.png 2KB logo-pixel.png 2KB android-chrome-48x48.png 2KB mstile-70x70.png 2KB logo-tnw.png 2KB android-chrome-36x36.png 1KB favicon-32x32.png 636B favicon-16x16.png 308B _variables.scss 31KB all.scss 24KB _glyphicons.scss 20KB _forms.scss 15KB _navbar.scss 15KB _mq.scss 9KB _theme.scss 8KB _normalize.scss 8KB _vendor-prefixes.scss 7KB _panels.scss 6KB _type.scss 6KB _button-groups.scss 6KB _carousel.scss 6KB _navs.scss 5KB _dropdowns.scss 5KB _tables.scss 5KB _responsive-utilities.scss 4KB _gradients.scss 4KB _input-groups.scss 4KB _buttons.scss 4KB _modals.scss 4KB _popovers.scss 4KB _markup-mixins.scss 3KB _grid.scss 3KB _list-group.scss 3KB _tooltip.scss 3KB _forms.scss 3KB _scaffolding.scss 3KB _grid-framework.scss 2KB _print.scss 2KB _pagination.scss 2KB _progress-bars.scss 2KB _alerts.scss 2KB _grid.scss 1KB _code.scss 1KB bootstrap.scss 1KB _badges.scss 1KB _image.scss 1KB _labels.scss 1KB _buttons.scss 1KB _jumbotron.scss 1KB _mixins.scss 996B _thumbnails.scss 930B _pager.scss 909B共 148 条
- 1
- 2
资源评论
