<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="UTF-8">
<title>Akala - Mobile Template for Food, Cafe and Restaurant</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="HandheldFriendly" content="True">
<link rel="stylesheet" href="css/materialize.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.transitions.css">
<link rel="stylesheet" href="css/fakeLoader.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="img/favicon.png">
</head>
<body>
<!-- navbar top -->
<div class="navbar-top">
<div class="side-nav-panel-left">
<!-- navbar top -->
<div class="navbar-top">
<div class="side-nav-panel-left">
<a href="#" data-activates="slide-out-left" class="side-nav-left"><i class="fa fa-bars"></i></a>
</div>
<!-- site brand -->
<div class="site-brand">
<a href="index.html"><h1>Akala</h1></a>
</div>
<!-- end site brand -->
<div class="side-nav-panel-right">
<a href="cart.html" class="side-nav-right"><i class="fa fa-shopping-basket"></i><sup>2</sup></a>
</div>
</div>
<!-- end navbar top -->
</div>
</div>
<!-- end navbar top -->
<!-- side nav left-->
<div class="side-nav-panel-left">
<ul id="slide-out-left" class="side-nav side-nav-panel collapsible">
<li class="profil">
<img src="img/profile.jpg" alt="">
<h2>John Doe</h2>
<h6>Mobile Developer</h6>
</li>
<li class="li-top">
<div class="collapsible-header"><i class="fa fa-home"></i>Home <span><i class="fa fa-caret-down"></i></span></div>
<div class="collapsible-body">
<ul class="side-nav-panel">
<li><a href="index.html">Home v1</a></li>
<li><a href="index2.html">Home v2</a></li>
<li><a href="index3.html">Home v3</a></li>
<li><a href="index4.html">Home v4</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header"><i class="fa fa-th-list"></i>Product List <span><i class="fa fa-caret-down"></i></span></div>
<div class="collapsible-body">
<ul class="side-nav-panel">
<li><a href="list-grid.html">List Grid</a></li>
<li><a href="list-list.html">List List</a></li>
<li><a href="list-full.html">List Full</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header"><i class="fa fa-th-large"></i>Product Details <span><i class="fa fa-caret-down"></i></span></div>
<div class="collapsible-body">
<ul class="side-nav-panel">
<li><a href="single.html">Details v1</a></li>
<li><a href="single2.html">Details v2</a></li>
<li><a href="single3.html">Details v3</a></li>
<li><a href="single4.html">Details v4</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header"><i class="fa fa-file-o"></i>Pages <span><i class="fa fa-caret-down"></i></span></div>
<div class="collapsible-body">
<ul class="side-nav-panel">
<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="chef.html">Chef</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="error404.html">404</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
</ul>
</div>
</li>
<li>
<div class="collapsible-header"><i class="fa fa-bold"></i>Blog <span><i class="fa fa-caret-down"></i></span></div>
<div class="collapsible-body">
<ul class="side-nav-panel">
<li><a href="blog.html">Blog</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
</ul>
</div>
</li>
<li><a href="about-us.html"><i class="fa fa-user"></i>About Us</a></li>
<li><a href="contact.html"><i class="fa fa-envelope-o"></i>Contact Us</a></li>
<li><a href="login.html"><i class="fa fa-sign-in"></i>Login</a></li>
<li><a href="register.html"><i class="fa fa-user-plus"></i>Register</a></li>
</ul>
</div>
<!-- end side nav left-->
<!-- checkout -->
<div class="checkout pages section">
<div class="container">
<div class="pages-head">
<h3>CHECKOUT</h3>
</div>
<div class="checkout-content">
<div class="row">
<div class="col s12">
<ul class="collapsible" data-collapsible="accordion">
<li>
<div class="collapsible-header active"><h5>1 - Checkout Method</h5></div>
<div class="collapsible-body">
<h6>Checkout as a Guest or Register</h6>
<form action="#" class="checkout-radio">
<p>
<input type="radio" class="with-gap" id="guest-checkout" name="group1">
<label for="guest-checkout"><span>Guest Checkout</span></label>
</p>
<p>
<input type="radio" class="with-gap" id="register" name="group1">
<label for="register"><span>Register</span></label>
</p>
</form>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis sunt</p>
<a href="" class="button-default">CONTINUE</a>
<div class="checkout-login">
<div class="row">
<form class="col s12">
<h6>Login</h6>
<p>Lorem ipsum dolor sit amet.</p>
<div class="input-field">
<h5>Username/Email</h5>
<input type="text" class="validate" required>
</div>
<div class="input-field">
<h5>Password</h5>
<input type="password" class="validate" required>
</div>
<a href=""><h6>Forgot Password ?</h6></a>
<a href="" class="button-default">LOGIN</a>
</form>
</div>
</div>
</div>
</li>
<li>
<div class="collapsible-header"><h5>2 - Billing Information</h5></div>
<div class="collapsible-body">
<div class="billing-information">
<form action="#">
<div class="input-field">
<h5>Name*</h5>
<input type="text" class="validate" required>
</div>
<div class="input-field">
<h5>Email*</h5>
<input type="email" class="validate" required>
</div>
<div class="input-field">
<h5>Company Name</h5>
<input type="text" class="validate">
</div>
<div class="input-field">
<h5>Address*</h5>
<input type="text" class="validate" required>
</div>
<div class="input-field">
<h5>Town/City*</h5>
<input type="text" class="validate" required>
</div>
<div class="input-field">
<h5>State/Country*</h5>
<input type="text" class="validate" required>
</div>
<div class="input-field">
<h5>Portalcode/ZIP*</h5>
<input type="number" class="validate" required>
</div>
<div class="input-field">
<h5>Phone*</h5>
<input type="number" class="validate" required>
</div>
<a href="" class="button-default">CONTINUE</a>
</form>
</div>
</div>
</li>
<li>
<div class="collapsible-header"><h5>3 - Shipping Information</h5></div>
<div class="collapsible-body">
没有合适的资源?快使用搜索试试~ 我知道了~
餐饮美食外卖预订手机模板 APP .7z
共81个文件
jpg:32个
html:25个
js:9个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
5星 · 超过95%的资源 1 下载量 134 浏览量
2024-03-03
22:43:39
上传
评论
收藏 1.92MB 7Z 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
餐饮美食外卖预订手机模板.7z (81个子文件)
餐饮美食外卖预订手机模板
register.html 6KB
single2.html 10KB
font-awesome
css
font-awesome.min.css 28KB
fonts
fontawesome-webfont.eot 75KB
fontawesome-webfont.woff 88KB
fontawesome-webfont.woff2 70KB
fontawesome-webfont.svg 382KB
fontawesome-webfont.ttf 149KB
index4.html 9KB
js
fakeLoader.min.js 2KB
main.js 874B
jquery.magnific-popup.min.js 20KB
portfolio.js 445B
contact-form.js 3KB
owl.carousel.min.js 23KB
jquery.filterizr.js 40KB
materialize.min.js 135KB
jquery.min.js 84KB
index2.html 9KB
pricing.html 7KB
single4.html 10KB
testimonial.html 7KB
list-grid.html 9KB
reservation.html 7KB
img
cart.jpg 45KB
testimonial2.jpg 4KB
gallery3.jpg 31KB
slide2.jpg 66KB
product5.jpg 29KB
product6.jpg 51KB
about.jpg 71KB
user-comment.jpg 4KB
chef1.jpg 8KB
slide1.jpg 179KB
chef4.jpg 9KB
blog3.jpg 31KB
product4.jpg 53KB
gallery6.jpg 50KB
bg.jpg 36KB
slide3.jpg 89KB
blog2.jpg 45KB
chef3.jpg 7KB
product3.jpg 45KB
gallery2.jpg 35KB
profile.jpg 4KB
chef2.jpg 7KB
testimonial3.jpg 6KB
gallery4.jpg 45KB
gallery5.jpg 53KB
product1.jpg 35KB
bg2.jpg 179KB
gallery1.jpg 29KB
testimonial1.jpg 5KB
product7.jpg 50KB
blog1.jpg 53KB
favicon.png 547B
product2.jpg 31KB
blog-single.html 8KB
css
style.css 26KB
owl.carousel.css 2KB
fakeLoader.css 9KB
normalize.css 8KB
magnific-popup.css 7KB
owl.transitions.css 5KB
materialize.css 151KB
owl.theme.css 2KB
login.html 6KB
error404.html 6KB
about-us.html 6KB
list-list.html 9KB
single3.html 9KB
chef.html 7KB
index.html 11KB
contact.html 7KB
index3.html 10KB
list-full.html 8KB
single.html 9KB
cart.html 8KB
blog.html 8KB
checkout.html 15KB
gallery.html 8KB
共 81 条
- 1
资源评论
- SeaSky2632024-04-30资源内容详实,描述详尽,解决了我的问题,受益匪浅,学到了。
枫蜜柚子茶
- 粉丝: 6242
- 资源: 4606
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功