<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="Askbootstrap" />
<meta name="author" content="Askbootstrap" />
<title>Swiggiweb - Online Food Ordering Website Template</title><!-- Slick Slider -->
<link rel="stylesheet" type="text/css" href="assets/css/slick.min.css" />
<link rel="stylesheet" type="text/css" href="assets/css/slick-theme.min.css" /><!-- Feather Icon-->
<link href="assets/css/feather.css" rel="stylesheet" type="text/css" /><!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet" /><!-- Custom styles for this template -->
<link href="assets/css/style.css" rel="stylesheet" /><!-- Sidebar CSS -->
<link href="assets/css/demo.css" rel="stylesheet" />
</head>
<body class="fixed-bottom-bar">
<header class="section-header">
<section class="header-main shadow-sm bg-white">
<div class="container">
<div class="row align-items-center">
<div class="col-1">
<a href="index.html" class="brand-wrap mb-0"><img alt="#" class="img-fluid" src="assets/picture/logo_web.png" /></a><!-- brand-wrap.// -->
</div>
<div class="col-3 d-flex align-items-center m-none">
<div class="dropdown mr-3">
<a class="text-dark dropdown-toggle d-flex align-items-center py-3" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<div>
<i class="feather-map-pin mr-2 bg-light rounded-pill p-2 icofont-size"></i>
</div>
<div>
<p class="text-muted mb-0 small">Select Location</p>Jawaddi Ludhiana...
</div></a>
<div class="dropdown-menu p-0 drop-loc" aria-labelledby="navbarDropdown">
<div class="osahan-country">
<div class="search_location bg-primary p-3 text-right">
<div class="input-group rounded shadow-sm overflow-hidden">
<div class="input-group-prepend">
<button class="border-0 btn btn-outline-secondary text-dark bg-white btn-block"><i class="feather-search"></i></button>
</div><input type="text" class="shadow-none border-0 form-control" placeholder="Enter Your Location" />
</div>
</div>
<div class="p-3 border-bottom">
<a href="index.html" class="text-decoration-none">
<p class="font-weight-bold text-primary m-0"><i class="feather-navigation"></i>New York,USA</p></a>
</div>
<div class="filter">
<h6 class="px-3 py-3 bg-light pb-1 m-0 border-bottom">Choose your country</h6>
<div class="custom-control border-bottom px-0 custom-radio">
<input type="radio" id="customRadio1" name="location" class="custom-control-input" /><label class="custom-control-label py-3 w-100 px-3" for="customRadio1">Afghanistan</label>
</div>
<div class="custom-control border-bottom px-0 custom-radio">
<input type="radio" id="customRadio2" name="location" class="custom-control-input" checked="checked" /><label class="custom-control-label py-3 w-100 px-3" for="customRadio2">India</label>
</div>
<div class="custom-control border-bottom px-0 custom-radio">
<input type="radio" id="customRadio3" name="location" class="custom-control-input" /><label class="custom-control-label py-3 w-100 px-3" for="customRadio3">USA</label>
</div>
<div class="custom-control border-bottom px-0 custom-radio">
<input type="radio" id="customRadio4" name="location" class="custom-control-input" /><label class="custom-control-label py-3 w-100 px-3" for="customRadio4">Australia</label>
</div>
<div class="custom-control border-bottom px-0 custom-radio">
<input type="radio" id="customRadio5" name="location" class="custom-control-input" /><label class="custom-control-label py-3 w-100 px-3" for="customRadio5">Japan</label>
</div>
<div class="custom-control px-0 custom-radio">
<input type="radio" id="customRadio6" name="location" class="custom-control-input" /><label class="custom-control-label py-3 w-100 px-3" for="customRadio6">China</label>
</div>
</div>
</div>
</div>
</div>
</div><!-- col.// -->
<div class="col-8">
<div class="d-flex align-items-center justify-content-end pr-5">
<!-- search --><a href="search.html" class="widget-header mr-4 text-dark">
<div class="icon d-flex align-items-center">
<i class="feather-search h6 mr-2 mb-0"></i><span>Search</span>
</div></a><!-- offers --><a href="offers.html" class="widget-header mr-4 text-white btn bg-primary m-none">
<div class="icon d-flex align-items-center">
<i class="feather-disc h6 mr-2 mb-0"></i><span>Offers</span>
</div></a><!-- signin --><a href="login.html" class="widget-header mr-4 text-dark m-none">
<div class="icon d-flex align-items-center">
<i class="feather-user h6 mr-2 mb-0"></i><span>Sign in</span>
</div></a><!-- my account -->
<div class="dropdown mr-4 m-none">
<a href="#" class="dropdown-toggle text-dark py-3 d-block" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img alt="#" src="assets/picture/1.jpg" class="img-fluid rounded-circle header-user mr-2 header-user" />Hi Osahan</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
<a class="dropdown-item" href="profile.html">My account</a><a class="dropdown-item" href="faq.html">Delivery support</a><a class="dropdown-item" href="contact-us.html">Contant us</a><a class="dropdown-item" href="terms.html">Term of use</a><a class="dropdown-item" href="privacy.html">Privacy policy</a><a class="dropdown-item" href="login.html">Logout</a>
</div>
</div><!-- signin --><a href="checkout.html" class="widget-header mr-4 text-dark">
<div class="icon d-flex align-items-center">
<i class="feather-shopping-cart h6 mr-2 mb-0"></i><span>Cart</span>
</div></a><a class="toggle" href="#"><span></span></a>
</div><!-- widgets-wrap.// -->
</div><!-- col.// -->
</div><!-- row.// -->
</div><!-- container.// -->
</section><!-- header-main .// -->
</header>
<div class="d-none">
<div class="bg-primary p-3 d-flex align-items-center">
<a class="toggle togglew toggle-2" href="#"><span></span></a>
<h4 class="font-weight-bold m-0 text-white">Osahan Bar</h4>
</div>
</div>
<div class="offer-section py-4">
<div class="container position-relative">
<img alt="#" src="assets/picture/popular5.png" class="restaurant-pic" />
<div class="pt-3 text-white">
<h2 class="font-weight-bold">Conrad Chicago Restaurant</h2>
<p class="text-white m-0">963 Madyson Drive Suite 679</p>
<div class="rating-wrap d-flex align-items-center mt-2">
<ul class="rating-stars list-unstyled">
<li><i class="feather-star text-warning"></i><i class="feather-star text-warning"></i><i class="feather-star text-warning"></i><i class="feather-star text-warning"></i><i class="feather-star"></i></li>
</ul>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
外卖平台网站模板设计,HTML订餐网站源代码.zip (91个子文件)
外卖平台网站模板设计,HTML订餐网站源代码
faq.html 42KB
terms.html 38KB
coming-soon.html 33KB
profile.html 35KB
restaurant.html 55KB
forgot_password.html 7KB
offers.html 47KB
assets
picture
offers.png 18KB
reviewer6.png 3KB
Designer_by46.svg 8KB
Coffee.png 5KB
pro2.jpg 51KB
Sandwich.png 7KB
pro4.jpg 63KB
user1.jpg 8KB
pro1.jpg 116KB
1.jpg 68KB
reviewer3.png 3KB
Pizza.png 20KB
popular1.png 348KB
reviewer4.png 3KB
popular3.png 446KB
starter2.jpg 6KB
starter3.jpg 6KB
ColaCan.png 6KB
playmarket.png 5KB
Breakfast.png 12KB
axis.png 659B
reviewer5.png 3KB
Fries.png 9KB
popular2.png 370KB
reviewer1.png 4KB
popular8.png 435KB
pro3.jpg 131KB
cooking_lyxy.svg 8KB
popular6.png 414KB
Burger.png 9KB
starter1.jpg 6KB
location.png 28KB
reviewer2.png 4KB
popular5.png 380KB
popular4.png 421KB
popular7.png 369KB
user2.png 4KB
Steak.png 13KB
logo_web.png 4KB
barbecue_3x93.svg 10KB
Salad.png 10KB
image
ajax-loader.gif 4KB
js
osahan.js 2KB
hc-offcanvas-nav.js 17KB
slick.min.js 42KB
bootstrap.bundle.min.js 79KB
jquery.min.js 88KB
css
style.css 27KB
css2.css 12KB
slick.min.css 1KB
bootstrap.min.css 157KB
demo.css 19KB
slick-theme.min.css 2KB
feather.css 11KB
fonts
slick.ttf 2KB
slick.eot 2KB
1Ptvg83HX_SGhgqk0gotcqA.woff2 21KB
Feather.woff 64KB
1Ptvg83HX_SGhgqk0AotcqA.woff2 8KB
1Ptvg83HX_SGhgqk0QotcqA.woff2 24KB
1Ptvg83HX_SGhgqk2wotcqA.woff2 16KB
Feather.ttf 64KB
1Ptvg83HX_SGhgqk3wot.woff2 27KB
slick.woff 1KB
status_canceled.html 25KB
search.html 35KB
location.html 22KB
privacy.html 38KB
successful.html 22KB
map.html 30KB
favorites.html 34KB
login.html 8KB
contact-us.html 35KB
not-found.html 31KB
status_onprocess.html 26KB
trending.html 38KB
index.html 55KB
verification.html 7KB
status_complete.html 26KB
maintence.html 31KB
most_popular.html 41KB
my_order.html 35KB
signup.html 8KB
checkout.html 41KB
共 91 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6184
- 资源: 4168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功