<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>The Minimalist bootstrap Website Template | Home :: w3layouts</title>
<link href="./css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<script src="./js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="./css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" type="text/css" href="./css/component.css" />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
<!--webfonts-->
<!--start-smoth-scrolling-->
<script type="text/javascript" src="./js/move-top.js"></script>
<script type="text/javascript" src="./js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
</head>
<body>
<!--header-->
<div class="header">
<div class="header-top">
<div class="container">
<div class="logo">
<a href="index.html"><img src="./images/logo.png" /></a>
</div>
<!--top-nav-->
<nav class="top-nav">
<ul class="top-nav">
<li class="active"><a href="#home" class="scroll">Home </a></li>
<li><a href="#feature" class="scroll">Features</a></li>
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#subscribe" class="scroll">Subscribe</a></li>
</ul>
<a href="#" id="pull"><img src="./images/menu-icon.png" title="menu" /></a>
</nav>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<!----start-top-nav-script---->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--End-top-nav-script-->
<div class="clearfix"> </div>
</div>
</div>
<!--banner-->
<div class="banner">
<div class="container">
<div class="banner-info">
<h1>One Page Template</h1>
<h2>Minimalist</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse gravida placerat ultricies. Donec in lorem porta, tempus odio ut, iaculis lacus. Etiam dictum, est sit amet cursus dignissim, nulla velit commodo leo, id lacinia nulla elit non libero. </p>
<a href="#feature" class="scroll"><h3>Discover<img src="./images/Arrow.png" class="scroll1" alt=""/></h3></a>
</div>
</div>
</div>
</div>
<!--Features-->
<div class="Features" id="feature">
<div class="container">
<div class="feature-section">
<div class="col-md-6 phone">
<img src="./images/phone.png" class="img-responsive" alt="" />
</div>
<div class="col-md-6 phone-text">
<h3>Vivamus com<span>modo tellus</span></h3>
<p>Fusce eget sapien cursus, elementum nunc vitae, euismod est. Donec vehicula purus enim, id placerat arcu volutpat quis. Aliquam non elementum purus, vitae tristique est. Ut vitae auctor velit. Proin ut malesuada nibh. Suspendisse laoreet elit id aliquam pulvinar. In et lacus nec arcu sodales euismod. Aenean quam turpis, pulvinar eu nibh id.</p>
<a class="slide-btn" href="#">Next<span> </span></a>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--portfolio-->
<div class="Portfolio" id="portfolio">
<div class="container">
<div class="port-section">
<h3>PORTFOLIO</h3>
</div>
<div class="portfolio">
<ul id="filters" class="clearfix">
<li><span class="filter" data-filter="app card icon logo web">All</span></li>
<li><span class="filter" data-filter="card">Branding</span></li>
<li><span class="filter" data-filter="logo">App Store</span></li>
<li class="active"><span class="filter" data-filter="app">Photography</span></li>
</ul>
<div id="portfoliolist">
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic1.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "></p></div></a>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic2.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "></p></div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic3.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "></p></div></a>
</div>
</div>
<div class="portfolio logo mix_all" data-cat="logo" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog3" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic4.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "></p></div></a>
</div>
</div>
<div class="portfolio card mix_all" data-cat="card" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog4" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic5.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "></p></div></a>
</div>
</div>
<div class="portfolio app mix_all" data-cat="app" style="display: inline-block; opacity: 1;">
<div class="portfolio-wrapper">
<a href="#small-dialog5" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim">
<img src="./images/pic6.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="./images/icon-eye.png" alt=""/></h2>
<p class="b-animate b-from-right b-delay03 "></p></div></a>
</div>
</div>
<div class="clearfix"></div>
HTML网站源码-简约手机产品介绍网页模板-适配移动端&PC端.zip
版权申诉
33 浏览量
2024-03-30
11:50:43
上传
评论
收藏 2.81MB ZIP 举报
HTML网站源码-简约手机产品介绍网页模板-适配移动端&PC端.zip （84个子文件） 
HTML网站源码-简约手机产品介绍网页模板-适配移动端&PC端 html mobile css 
style.css 8KB
index.html 5KB images 
left-arrow.png 264B db.png 498B banner.png 6KB pic4.png 18KB
banner.jpg 32KB logo.png 1KB pic2.png 18KB phone.png 1KB move-up.png 1KB pic3.png 18KB fb.png 290B pic5.png 15KB pic1.png 20KB twitter.png 391B a.png 3KB menu-icon.png 653B gg.png 455B l-a.png 264B icon-eye.png 481B pic6.png 14KB smartphone js jquery.magnific-popup.js 47KB modernizr.custom.min.js 2KB menu.js 1KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 91KB css style.css 15KB popuo-box.css 4KB index.html 13KB images left-arrow.png 264B banner.png 6KB pop-up.png 194KB pic4.png 80KB banner.jpg 32KB logo.png 1KB pic2.png 84KB phone.png 2KB move-up.png 1KB pic3.png 100KB pic5.png 68KB pic1.png 90KB a.png 3KB menu-icon.png 653B footer-icons.png 1KB l-a.png 264B icon-eye.png 481B pic6.png 66KB pop-up2.png 163KB Arrow.png 1KB web js jquery.magnific-popup.js 47KB modernizr.custom.min.js 2KB menu.js 1KB easing.js 5KB move-top.js 1KB jquery.mixitup.min.js 14KB jquery.min.js 91KB css style.css 21KB popuo-box.css 5KB bootstrap.css 118KB index.html 15KB images left-arrow.png 264B banner.png 21KB pop-up.png 276KB pic4.png 149KB banner.jpg 90KB logo.png 1KB pic2.png 161KB phone.png 13KB move-up.png 954B pic3.png 218KB pic5.png 123KB pic1.png 173KB a.png 3KB menu-icon.png 514B Mobile-App-developers.jpg 149KB footer-icons.png 1KB l-a.png 264B icon-eye.png 159B pic6.png 128KB pop-up2.png 235KB Arrow.png 949B资源评论
