<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="images/favicon.png">
<title>Dish - Cafe, Food and Restaurant Mobile Template</title>
<link rel="stylesheet" href="css/materialize.css">
<link rel="stylesheet" href="css/loaders.css">
<link rel="stylesheet" href="css/lightbox.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- preloader -->
<div class="preloader">
<div class="spinner"></div>
</div>
<!-- end preloader -->
<!-- navbar -->
<div class="navbar navbar-home">
<div class="container">
<div class="row">
<div class="col s3">
<div class="content-left">
<a href="#slide-out" data-activates="slide-out" class="sidebar"><i class="fas fa-bars"></i></a>
</div>
</div>
<div class="col s6">
<div class="content-center">
<a href="index.html"><h1>Dish</h1></a>
</div>
</div>
<div class="col s3">
<div class="content-right">
<div class="content-search">
<a href="#slide-out-right" data-activates="slide-out-right" class="sidebar-right-search">
<i class="fas fa-search"></i>
</a>
</div>
<div class="content-cart">
<a href="#slide-out-cart" data-activates="slide-out-cart" class="sidebar-right-cart">
<i class="fas fa-shopping-cart"><sup>3</sup></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- end navbar -->
<!-- sidebar left -->
<div class="sidebar-panel">
<ul id="slide-out" class="collapsible side-nav">
<li class="list-top">
<div class="user-view">
<div class="image">
<img src="images/logo.png" alt="">
</div>
<h3>Dish</h3>
<span>Mobile Template</span>
</div>
</li>
<li><a href="index.html">Home</a></li>
<li>
<div class="collapsible-header">
Dish Page<span><i class="fas fa-angle-right right"></i></span>
</div>
<div class="collapsible-body">
<ul>
<li><a href="product.html">Product</a></li>
<li><a href="product-details.html">Product Details</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="reservation.html">Reservation</a></li>
<li><a href="gallery.html">Gallery</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header">
Pages<span><i class="fas fa-angle-right right"></i></span>
</div>
<div class="collapsible-body">
<ul>
<li><a href="about.html">About</a></li>
<li><a href="calendar.html">Calendar</a></li>
<li><a href="pricing-table.html">Pricing Table</a></li>
<li><a href="page-not-found.html">Page Not Found</a></li>
<li><a href="coming-soon.html">Coming soon</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header">
Blog<span><i class="fas fa-angle-right right"></i></span>
</div>
<div class="collapsible-body">
<ul>
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</div>
</li>
<li><a href="contact.html">Contact us</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="index.html">Log Out</a></li>
</ul>
</div>
<!-- end sidebar left -->
<!-- sidebar search -->
<div class="sidebar-panel sidebar-search">
<ul id="slide-out-right" class="collapsible side-nav">
<li>
<div class="form">
<input type="search"><button class="button"><i class="fas fa-search"></i></button>
</div>
<div class="clear"></div>
</li>
<li><h5>Popular Search</h5></li>
<li><a href="">Juice</a></li>
<li><a href="">Coffea</a></li>
<li><a href="">Chicken</a></li>
<li><a href="">Fried</a></li>
<li><a href="">Stick</a></li>
<li><a href="">Food</a></li>
<li><a href="">Meat</a></li>
</ul>
</div>
<!-- end sidebar search -->
<!-- sidebar cart -->
<div class="sidebar-panel sidebar-cart">
<div id="slide-out-cart" class="collapsible side-nav">
<div class="content">
<div class="cart-img">
<img src="images/product3.jpg" alt="">
</div>
<div class="cart-title">
<a href="">Healty vegetables are full</a>
<h5>$18</h5>
</div>
<div class="cart-remove">
<a href=""><i class="fas fa-trash-alt"></i></a>
</div>
<div class="clear"></div>
</div>
<div class="content">
<div class="cart-img">
<img src="images/product1.jpg" alt="">
</div>
<div class="cart-title">
<a href="">Delicious thick noodles</a>
<h5>$28</h5>
</div>
<div class="cart-remove">
<a href=""><i class="fas fa-trash-alt"></i></a>
</div>
<div class="clear"></div>
</div>
<div class="content">
<div class="cart-img">
<img src="images/product2.jpg" alt="">
</div>
<div class="cart-title">
<a href="">Special chicken meat sauce</a>
<h5>$32</h5>
</div>
<div class="cart-remove">
<a href=""><i class="fas fa-trash-alt"></i></a>
</div>
<div class="clear"></div>
</div>
<div class="cart-button">
<ul>
<li>
<button class="button">View Cart</button>
</li>
<li>
<button class="button">Checkout</button>
</li>
</ul>
</div>
</div>
</div>
<!-- end sidebar cart -->
<!-- slider -->
<div class="slide">
<div class="slide-show owl-carousel owl-theme">
<div class="content">
<div class="mask"></div>
<img src="images/slider1.jpg" alt="">
<div class="caption">
<h2>Welcome to <span>Dish</span></h2>
<p>Mobile Template</p>
</div>
</div>
<div class="content">
<div class="mask"></div>
<img src="images/slider2.jpg" alt="">
<div class="caption">
<h2>Cassava Sauce</h2>
<p>Mobile Template</p>
</div>
</div>
<div class="content">
<div class="mask"></div>
<img src="images/slider3.jpg" alt="">
<div class="caption">
<h2>Roasted Meat</h2>
<p>Mobile Template</p>
</div>
</div>
</div>
</div>
<!-- end slider -->
<!-- features -->
<div class="features segments">
<div class="container">
<div class="row">
<div class="col s4">
<div class="content">
<i class="fas fa-wifi"></i>
<span>Free Wifi</span>
</div>
</div>
<div class="col s4">
<div class="content">
<i class="fas fa-leaf"></i>
<s
没有合适的资源?快使用搜索试试~ 我知道了~
移动端美食餐饮外卖网页模板APP.zip
共71个文件
jpg:27个
html:18个
png:8个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 156 浏览量
2024-03-03
22:48:21
上传
评论
收藏 1.85MB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
移动端美食餐饮外卖网页模板.zip (71个子文件)
calendar.html 8KB
register.html 8KB
coming-soon.html 3KB
page-not-found.html 7KB
product-details.html 11KB
js
numscroller.js 4KB
lightbox.js 18KB
main.js 1KB
countdown.min.js 3KB
materialize.js 359KB
owl.carousel.min.js 43KB
jquery.min.js 85KB
product.html 8KB
testimonial.html 8KB
reservation.html 8KB
blog-single.html 9KB
pricing-table.html 9KB
css
style.css 29KB
loaders.css 725B
font-awesome.min.css 50KB
owl.theme.default.min.css 1013B
lightbox.css 4KB
materialize.css 178KB
owl.carousel.min.css 3KB
login.html 7KB
index.html 13KB
contact.html 8KB
about.html 7KB
images
testimonial1.png 2KB
gallery8.jpg 28KB
slider3.jpg 103KB
gallery3.jpg 85KB
product5.jpg 36KB
prev.png 1KB
bg-pricing1.jpg 51KB
product6.jpg 17KB
about.jpg 88KB
bg-pricing2.jpg 34KB
loading.gif 8KB
gallery7.jpg 28KB
logo.png 3KB
testimonial2.png 2KB
blog3.jpg 50KB
next.png 1KB
product4.jpg 43KB
gallery6.jpg 46KB
testimonial3.png 2KB
blog2.jpg 36KB
slider2.jpg 152KB
close.png 280B
product3.jpg 34KB
gallery2.jpg 24KB
gallery9.jpg 38KB
gallery4.jpg 48KB
gallery5.jpg 30KB
product1.jpg 51KB
slider1.jpg 119KB
gallery1.jpg 48KB
bg-coming-soon.jpg 88KB
bg-pricing3.jpg 35KB
bg-pricing4.jpg 94KB
blog1.jpg 38KB
favicon.png 704B
product2.jpg 68KB
cart.html 11KB
blog.html 8KB
fonts
fa-brands-400.woff2 67KB
fa-regular-400.woff2 15KB
fa-solid-900.woff2 70KB
checkout.html 11KB
gallery.html 8KB
共 71 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6864
- 资源: 5108
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功