<!DOCTYPE html>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">
<link href="css/component.css" rel="stylesheet" type="text/css" />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Josh Cafe Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola Welcome" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!--web-fonts-->
<link href='#css?family=Philosopher:400,700,400italic,700italic|PT+Serif:400,700,400italic' rel='stylesheet' type='text/css'>
<!--js-->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"> </script>
<script src="js/modernizr.custom.js"></script>
<!--//js-->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
});
});
</script>
</head>
<!--start-home-->
<body class="cbp-spmenu-push">
<!--top-header-->
<!--bottom-->
<section class="button">
<button id="showLeftPush"><img src="images/menu-icon.png" alt=""></button>
</section>
<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left" id="cbp-spmenu-s1">
<h3>Menu</h3>
<a class="active scroll" href="#house">Home</a>
<a class="scroll" href="#about">About</a>
<a class="scroll" href="#service">Services</a>
<a class="scroll" href="#test">Testimonials</a>
<a class="scroll" href="#team">Team</a>
<a class="scroll" href="#gallery">Gallery</a>
<a class="scroll" href="#price">Prices</a>
<a class="scroll" href="#contact">Contact</a>
</nav>
<div class="banner" id="house">
<div class="banner-info">
<div class="logo">
<a href="index.html"><h1>Josh<span>Cafe</span></h1><p>Only On Sunday...</p></a>
</div>
<h4>ENJOY THE PREMIUM TASTE OF COFFEE !</h4>
</div>
</div>
<!-- Classie - class helper functions by @desandro https://github.com/desandro/classie -->
<script src="js/classie.js"></script>
<script>
var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
showLeftPush = document.getElementById( 'showLeftPush' ),
showRightPush = document.getElementById( 'showRightPush' ),
body = document.body;
showLeftPush.onclick = function() {
classie.toggle( this, 'active' );
classie.toggle( body, 'cbp-spmenu-push-toright' );
classie.toggle( menuLeft, 'cbp-spmenu-open' );
disableOther( 'showLeftPush' );
};
function disableOther( button ) {
if( button !== 'showLeftPush' ) {
classie.toggle( showLeftPush, 'disabled' );
}
if( button !== 'showRightPush' ) {
classie.toggle( showRightPush, 'disabled' );
}
}
</script>
<!--start-about-->
<div class="about-section" id="about">
<div class="container">
<div class="tittle-head">
<h3 class="tittle">About</h3>
<h4>About</h4>
</div>
<div class="about-top">
<div class="col-md-6 about-text">
<h5>Welcome to Our Josh Cafe...</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since,Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
<p>Dolor amet At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia anim</p>
</div>
<div class="col-md-6 about-pic">
<img src="images/ab.jpg"/>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!--//about-->
<!--start-services-->
<div class="service-section" id="service">
<div class="container">
<div class="tittle-head ser">
<h3 class="tittle">Services</h3>
<h4>Services</h4>
</div>
<div class="serve-grids">
<div class="col-md-6 serve-left">
<div class="col-md-6 service-grid">
<div class="icon">
<i class="glyphicon glyphicon-time"></i>
</div>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-6 service-grid">
<div class="icon">
<i class="glyphicon glyphicon-heart"></i>
</div>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-md-6 serve-img">
<img src="images/s1.jpg"/>
</div>
<div class="clearfix"></div>
<div class="col-md-6 serve-img two">
<img src="images/s2.jpg"/>
</div>
<div class="col-md-6 serve-left two">
<div class="col-md-6 service-grid">
<div class="icon">
<i class="glyphicon glyphicon-filter"></i>
</div>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="col-md-6 service-grid">
<div class="icon">
<i class="glyphicon glyphicon-gift"></i>
</div>
<h5>Amet Dolor</h5>
<p>Sed ut perspiciis iste natus error sit voluptatem accusantium doloremque laudantium.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<!--//about-->
<div class="testimonials" id="test">
<div class="container">
<div class="tittle-head">
<h3 class="tittle">Testimonials</h3>
<h4>Testimonials</h4>
</div>
<div id="top" class="callbacks_container">
<ul class="rslides" id="slider3">
<li>
<div class="testi-top">
<div class="col-md-3 testi-img">
<img src="images/c2.jpg" alt=""/>
</div>
<div class ="col-md-9 monal-text">
<h4>Feugiat lorem</h4>
<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. Praesent euismod nec risus id tempor In sit amet sapien eros risus id tempor In sit amet sapien eros. Praesent euismod nec risus id tempor In sit amet sapien eros. Integer in tincidunt velit. Ut in tinciduntDuis vitae feugiat lorem. Mauris eget ipsum sapien. Praesent euismod nec risus id tempor In sit amet sapien eros. Integer in tincidunt velit. Ut in tincidunt</p>
</div>
<div class="clearfix"></div>
</div>
</li>
<li>
<div class="testi-top">
<div class="col-md-3 testi-img">
<img src="images/c1.jpg" alt=""/>
</div>
<div class ="col-md-9 monal-text">
<h4>Feugiat lorem</h4>
<p>Duis vitae feugiat lorem. Mauris eget ipsum sapien. Praesent euismod nec risus id tempor In sit amet sapien eros risus id tempor In sit amet sapien eros. Praesent euismod nec risus id tempor In sit amet sapien er
咖啡休闲店企业模板是一款HTML5模板，适合咖啡休闲餐饮网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （36个子文件） 
咖啡休闲店企业模板是一款HTML5模板，适合咖啡休闲餐饮网站模板下载。 moban710 js 
bootstrap.js 66KB jquery.swipebox.min.js 7KB responsiveslides.min.js 3KB easing.js 5KB classie.js 2KB move-top.js 1KB modernizr.custom.js 8KB jquery-1.11.1.min.js 94KB css style.css 27KB component.css 4KB bootstrap.css 138KB swipebox.css 4KB
index.html 18KB images 
g3.jpg 32KB g2.jpg 29KB c1.jpg 34KB s1.jpg 47KB s2.jpg 35KB c2.jpg 24KB t3.jpg 28KB g6.jpg 28KB t1.jpg 22KB bg.jpg 55KB
icons.svg 1KB
move-top.png 3KB t4.jpg 23KB menu-icon.png 3KB g5.jpg 37KB t2.jpg 27KB g4.jpg 51KB bg2.jpg 23KB ab.jpg 32KB g1.jpg 20KB fonts glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB资源评论
2301_77342543
- 粉丝: 42
- 资源: 5759
最新资源
- ACC自适应巡航的carsim与simulink联合仿真模型
- 儿童节烟花代码python实现
- 重庆邮电大学信号处理实验二报告
- 基于蒙特卡洛法的概率潮流 以IEEE33节点的电网为研究对象 建立了光伏和风电的概率出力模型 采用蒙特卡洛法进行随机抽样 之后基于抽样序列进行概率潮流计算 最后得到电网的电压概率出力曲线 程序有基
- SPI 接口作为slave的代码，Verilog编写注释详细，功能正确；
- python打包工具-windows一键打包运行
- 温度通信系统 LCD显示+上位机显示 传感器使用的是ds18b20，LCD显示温度，还可以串口通信在pc上显示温度，并且有VB的上位机程序，实时显示波形，实物验证成功 自己写的代码，注释详细 有代码有
- FocusAny v0.5.0 分离窗口快捷键，智能区域，工单使用支持 一个专注高效的AI工具条，可以使用 Alt / Option+空格 一键唤起，通过插件快速安装，可以扩展出非常多的功能
- 国产兼容三菱FX3U源码，最新一波bug修改，修改监控时卡顿问题 8位口令功能，程序消除功能，定时器特殊情况下不运行问题 带modbus-tcp功能，实时时钟，深度测试后，修改一些主要bug后，稳
- 爱乔（上海）医疗科技有限公司创投信息
- 电动汽车优化调度（分时电价调度） 软件：Matlab 介绍：首先利用蒙特卡洛模拟法模拟出电动汽车负荷曲线同时求解出无序充电功率曲线，作为有序充电曲线的对比基础，之后利用拉格朗日松弛算进行电动汽车优化调
- 北京慧夜科技有限公司创投信息
- 基于粒子群优化随机森林(PSO-RF)的数据回归预测 matlab代码
- 信号处理实验报告2-7.7z
- 高速铁路环境的时分-长期演进(TD-LTE)系统A3事件触发切算法的优化 通过对常规的A3事件切判决准则的研究，提供基于用户终端(UE)速度的A3事件触发切判决准则的算法 介绍时分-长期演进(TD
- 北京探马企服科技有限公司创投信息
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
