分享好友 最新动态首页 最新动态分类 切换频道
HTML网站源码-简约手机产品介绍网页模板-适配移动端&PC端.zip
2024-12-26 08:38
<!-- 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=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/css/bootstrap.css" rel='stylesheet' type='text/css' /> <!--jQuery (necessary for Bootstrap's JavaScript plugins)--> <script src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/js/jquery.min.js"></script> <!-- Custom Theme files --> <link href=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/css/style.css" rel='stylesheet' type='text/css' /> <link rel="stylesheet" type="text/css" href=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/js/move-top.js"></script> <script type="text/javascript" src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"index.html"><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/logo.png" /></a> </div> <!--top-nav--> <nav class="top-nav"> <ul class="top-nav"> <li class="active"><a href=https://download.csdn.net/download/black_cat7/"#home" class="scroll">Home </a></li> <li><a href=https://download.csdn.net/download/black_cat7/"#feature" class="scroll">Features</a></li> <li><a href=https://download.csdn.net/download/black_cat7/"#portfolio" class="scroll">Portfolio</a></li> <li><a href=https://download.csdn.net/download/black_cat7/"#subscribe" class="scroll">Subscribe</a></li> </ul> <a href=https://download.csdn.net/download/black_cat7/"#" id="pull"><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#feature" class="scroll"><h3>Discover<img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#">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=https://download.csdn.net/download/black_cat7/"#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim"> <img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/pic1.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#small-dialog" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim"> <img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/pic2.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#small-dialog2" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim"> <img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/pic3.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#small-dialog3" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim"> <img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/pic4.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#small-dialog4" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim"> <img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/pic5.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/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=https://download.csdn.net/download/black_cat7/"#small-dialog5" class="b-link-stripe b-animate-go thickbox popup-with-zoom-anim"> <img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/pic6.png" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src=https://download.csdn.net/download/black_cat7/"https://download.csdn.net/download/black_cat7/images/icon-eye.png" alt=""/></h2> <p class="b-animate b-from-right b-delay03 "></p></div></a> </div> </div>
最新文章
2025年跨年夜文案朋友圈(必看210句)
跨年夜文案朋友圈有哪些呢?跨年夜大家想说什么话?下面给大家分享一些关于2025年跨年夜文案朋友圈(必看210句),希望能够对大家的需要带来力所能及的有效帮助。1、轻轻的思念,很纯很深;淡淡的问候,真诚;默默的牵挂,难舍难分;热热的祝福,
JVM基础(8)——CMS垃圾回收器
作者简介:大家好,我是smart哥,前中兴通讯、美团架构师,现某互联网公司CTO 联系qq:184480602,加我进群,大家一起学习,一起进步,一起对抗互联网寒冬学习必须往深处挖,
24年排列5第333期[胆王鸿运]P5万位杀号原创
333期胆王鸿运体彩排列5万位杀码:129 开:332期胆王鸿运体彩排列5万位杀码:468 开:67957[万位:6]331期胆王鸿运体彩排列5万位杀码:167 开:71227[万位:7]330期胆王鸿运体彩排列5万位杀码:039 开:81136[万位:8]329期胆王鸿运体彩排列5万位杀码:
Koala 开源项目常见问题解决方案
CCF 编 程 能 力 等 级 认 证 , 英 文 名 Grade Examination of SoftwareProgramming(以下简称 GESP),由中国计算机学会发起并主办,是为青少年计算机和编程学习者提供学业能力验证的平台。GESP 覆盖中小学全学段,符合条件的青少年均可
2025国考证监会云南监管局笔试出成绩和面试隔多久?(版纳华图)
2025国考证监会云南监管局笔试出成绩和面试隔多久?(版纳华图)2025年国考相关信息汇总(公告|职位表|报名入口|报考指南)2025国考笔试成绩查询入口2025国考历年进面分数线2025国考结构化面试2025国考无领导面试  2025年国家公务员笔试已
3D4月连号走势图带连线
功能类福彩3D显示遗漏:显示/隐藏遗漏值,遗漏值是指自上期开出到本期间隔的期数。福彩3D遗漏分层:是将当前遗漏值用柱状图形标注。福彩3D分段线:是每五期使用分隔线,使横向导航更加清晰。福彩3D显示断区:在分区走势中使用,将开出0个号
DH-VTO7531G 大华8寸全数字单元门口机 支持人脸密码二维码刷卡
DH-VTO7531G 大华8寸全数字单元门口机 人脸识别设备,支持对讲、门禁功能。设备集成了人脸、二维码、密码、刷卡等多种开门方式,适用于园区、普通住宅、公寓、学校等场所 8寸IPS高清屏 支持人脸、密码、二维码、刷卡等多种识别方式 支持双
ETF每日观察(12月11日)|三大股指涨跌互现 影视主题ETF领涨
  一、ETF行业快讯  1、三大指数涨跌互现,影视主题ETF涨幅领先  今日,三大指数涨跌互现,南财金融终端显示,截至收盘,上证指数上涨0.29%,深证成指上涨0.33%,创业板指下跌0.11%。ETF市场上,影视主题ETF走势强劲,影视ETF(15985
3D11月周二孤号走势图近500期带连线
功能类福彩3D显示遗漏:显示/隐藏遗漏值,遗漏值是指自上期开出到本期间隔的期数。福彩3D遗漏分层:是将当前遗漏值用柱状图形标注。福彩3D分段线:是每五期使用分隔线,使横向导航更加清晰。福彩3D显示断区:在分区走势中使用,将开出0个号
Google+的五个营销推广技巧
下面我们将提供5个你能使用的G+的方法,让你推广业务,促进市场营销。1. 关闭G+评论,以增加接触这个技巧我认为对社区的高级用户更具媒介作用了解评论系统:当某人评论一篇文章时,如果其他人也评论这篇文章,他都将收到一个通知。因此,评
相关文章
推荐文章
发表评论
0评