<!DOCTYPE html>
<html lang="zxx">
<head>
<title>意大利咖啡网站模板</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content=""
/>
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/ken-burns.css" type="text/css" media="all" />
<!-- Banner CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/fontawesome-all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="http://fonts.googleapis.com/css?family=Arizonia&subset=latin-ext" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Timmana&subset=telugu" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Bellefair&subset=hebrew,latin-ext" rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- header -->
<div class="header">
<!-- navigation -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<!-- logo -->
<h1>
<a class="navbar-brand" href="index.html">午后时光
<span>意大利咖啡网站</span>
</a>
</h1>
<!-- //logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">首页
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mx-lg-4">
<a class="nav-link" href="about.html">关于我们</a>
</li>
<li class="nav-item dropdown mr-lg-4">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
咖啡精选
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="menu.html">时光咖啡</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="about.html">团队介绍</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">心选咖啡</a>
</li>
<li class="nav-item mx-lg-4">
<a class="nav-link" href="menu.html">时光咖啡</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">在线留言</a>
</li>
</ul>
</div>
</nav>
<!-- //navigation -->
</div>
<!-- //header -->
<!-- banner -->
<div class="banner">
<div id="carouselExampleControls" class="carousel kb_elastic animate_text kb_wrapper" data-ride="carousel" data-interval="6000"
data-pause="hover">
<!-- Wrapper-for-Slides -->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<img src="images/banner.jpg" alt="" class="img-responsive" />
<div class="carousel-caption kb_caption">
<h4 data-animation="animated flipInX">醇香之旅，从一杯开始</h4>
<h3 data-animation="animated flipInX" class="text-capitalize">沉浸在源自世界各地精选咖啡豆的浓郁味蕾的极致诱惑</h3>
</div>
</div>
<div class="carousel-item">
<img src="images/banner4.jpg" alt="" class="img-responsive" />
<div class="carousel-caption kb_caption kb_caption_right">
<h4 data-animation="animated flipInX">限时专享,品味不凡</h4>
<h3 data-animation="animated flipInX" class="text-capitalize">限时专享不容错过享受非凡的咖啡品味让每一天都充满惊喜</h3>
</div>
</div>
<div class="carousel-item">
<img src="images/banner1.jpg" alt="" class="img-responsive" />
<div class="carousel-caption kb_caption kb_caption_center">
<h4 data-animation="animated flipInX">新品上市，尝鲜有礼</h4>
<h3 data-animation="animated flipInX" class="text-capitalize">品尝醇香的新品咖啡！独特的烘焙工艺，搭配创新风味</h3>
</div>
</div>
<div class="carousel-item">
<img src="images/banner3.jpg" alt="" class="img-responsive" />
<div class="carousel-caption kb_caption">
<h4 data-animation="animated flipInX">咖啡文化，与你共享</h4>
<h3 data-animation="animated flipInX" class="text-capitalize">咖啡不仅是一种饮品更是一种文化一起探索咖啡的历史</h3>
</div>
</div>
<div class="carousel-item">
<img src="images/banner2.jpg" alt="" class="img-responsive" />
<div class="carousel-caption kb_caption kb_caption_right">
<h4 data-animation="animated flipInX">匠心制作专属你的味道</h4>
<h3 data-animation="animated flipInX" class="text-capitalize">根据你的口味偏好，为你量身打造独一无二的咖啡体验</h3>
</div>
</div>
</div>
<a class="carousel-control-prev left kb_control_left" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next right kb_control_right" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- //banner -->
<!-- about -->
<div class="about-section py-5">
<div class="container py-xl-5 py-lg-3">
<h5 class="tittle-w3 text-dark text-center mb-4">醇香之旅，从一杯开始</h5>
<div class="about-top text-center mb-5">
<h3 class="subheading-wthree mb-2">沉浸在源自世界各地的精选咖啡豆的浓郁香气中，每一口都是对味蕾的极致诱惑</h3>
<p class="para-w3l">独特的烘焙工艺，搭配创新风味，每一口都是全新的体验,探索我们的咖啡之旅，从这一杯开始，唤醒你的感官世界,受非凡的咖啡品味，让每一天都充满惊喜,独特的烘焙工艺，搭配创新风味，每一口都是全新的体验,从这一杯开始，唤醒你的感官世界</p>
</div>
<div class="row about-main">
<div class="col-lg-6 about-img">
<img src="images/about.png" alt="" class="img-fluid">
</div>
<div class="col-lg-6 about-w3ls-right">
<h3 class="subheading-wthree mb-2">咖啡文化，与你共享</h3>
<p class="para-w3l">独特的烘焙工艺，搭配创新风味，每一口都是全新的体验,探索我们的咖啡之旅，从这一杯开始，唤醒你的感官世界,受非凡的咖啡品味，让每一天都充满惊喜,独特的烘焙工艺，搭配创新风味，每一口都是全新的体验,从这一杯开始，唤醒你的感官世界</p>
<ul class="list-unstyled">
<li class="mb-3 mt-4">
<i class="fas fa-hand-point-right mr-3"></i>醇香之旅，从一杯开始</li>
<li class="mb-3">
<i class="fas fa-hand-point-right mr-3"></i>限时专享，品位不凡</li>
<li class="mb-3">
<i class="fas fa-hand-point-right mr-3"></i>新品上市，尝鲜有礼</li>
<li>
<i class="fas fa-hand-point-right mr-3"></i>匠心制作专属你的味道</li>
</ul>
</div>
</div>
</div>
</div>
<!--//about-->
<!-- video play -->
<div class="about-bottom text-center py-5">
HTML意大利咖啡网站模板.zip （69个子文件） 
HTML意大利咖啡网站模板 
menu.html 10KB js 
bootstrap.js 112KB lightbox-plus-jquery.min.js 91KB SmoothScroll.min.js 13KB coffee.js 773B jquery-2.2.3.min.js 84KB easing.js 5KB move-top.js 1KB jquery.flexisel.js 8KB 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 style.css 24KB ken-burns.css 6KB bootstrap.css 174KB fontawesome-all.css 43KB lightbox.css 4KB index.html 16KB contact.html 8KB about.html 13KB images 
g3.jpg 31KB g2.jpg 36KB
service.png 24KB coffee.png 52KB g8.jpg 44KB banner.jpg 78KB banner4.jpg 173KB k3.png 116KB t3.jpg 13KB banner3.jpg 69KB about.png 191KB g7.jpg 39KB k1.png 101KB k4.jpg 22KB aboutpage2.jpg 46KB g6.jpg 42KB t1.jpg 11KB k2.png 87KB bg.jpg 106KB move-top.png 4KB header.png 84KB t4.jpg 14KB middle.png 184KB banner1.jpg 139KB g5.jpg 24KB img-sprite.png 3KB close.png 280B aboutpage.jpg 54KB bg3.jpg 90KB logo.jpg 15KB t2.jpg 14KB g4.jpg 40KB bg2.jpg 69KB banner2.jpg 75KB g1.jpg 45KB g9.jpg 44KB gallery.html 11KB资源评论
LilyCoder
- 粉丝: 1234
最新资源
- 大数据视角下的语文课堂提问方法探究.docx
- 云计算市场与技术发展趋势.doc
- 通信工程施工管理概述.doc
- 关于强电线路对通信线路的影响及其防护.doc
- 集团大数据平台安全方案规划.docx
- Matlab基于腐蚀和膨胀的边缘检测.doc
- 网络监控系统解决方案酒店.doc
- 电动机智能软起动控制系统的研究与方案设计书(PLC).doc
- jAVA2程序设计基础第十三章.ppt
- 基于PLC的机械手控制设计.doc
- 医院his计算机信息管理系统故障应急预案.doc
- 企业运用移动互联网进行青年职工思想政治教育路径.docx
- 数据挖掘的六大主要功能.doc
- 大数据行政尚在跑道入口.docx
- 用Proteus和Keil建立单片机仿真工程的步骤.doc
- Internet技术与应用网络——资源管理与开发.doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
