<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="assets/images/giftopia.svg" type="image/x-icon">
<!-- Site Title -->
<title>Giftopia - Shop Left Sidebar</title>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/">
<link href="assets/css/css2.css" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Owl CSS -->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<!-- Video Popup CSS -->
<link rel="stylesheet" href="assets/css/jquery.yu2fvl.css">
<!-- Style Main CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- ================= Loading Start ================= -->
<div class="loading-giftopia">
<span class="loader"></span>
</div>
<!-- ================= Loading End ================= -->
<!-- ================= Header Top Start ================= -->
<div class="header-tp">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-6 col-md-6 col-12">
<div class="header-tp-lf">
<div>
<p><img src="assets/images/truck.svg" alt="truck"> Order Tracking</p>
</div>
<div>
<p><img src="assets/images/protect.svg" alt=""> 100% Secure delivery</p>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12">
<div class="header-tp-rs">
<div>
<p>Need Help?</p>
</div>
<div>
<a href="tel:+15551234567"><img src="assets/images/mobile-phone.svg" alt=""> +1 (555) 123-4567</a>
</div>
<div>
<select name="language">
<option value="en">EN</option>
<option value="fr">FR</option>
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ================= Header Top End ================= -->
<!-- ================= Header Main Start ================= -->
<header id="sticky-header">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-3 col-md-2">
<div class="logo">
<a href='index.html'>
<img src="assets/images/giftopia.svg" alt="">
</a>
<!-- Hamburger Menu -->
<button id="menu-btn" class="hamburger" type="button">
<span class="hamburger-top"></span>
<span class="hamburger-middle"></span>
<span class="hamburger-bottom"></span>
</button>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="main-menu" id="mobile-menu">
<!-- Only Visible On Mobile Devices Start -->
<div class="mobile-search-options">
<div class="search-top-mobile">
<form action="javascript:;">
<input type="search" placeholder="Search Anything...">
<button type="button">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
</svg>
</button>
</form>
</div>
<div class="flex-cus">
<div class="btns-top">
<a class='btn-primary' href='signup.html'>Sign Up</a>
</div>
<div class="btn-carts">
<button>
<span class="current-on-cart">2</span>
<img src="assets/images/shopping-bag.svg" alt="">
</button>
</div>
</div>
</div>
<!-- Only Visible On Mobile Devices End -->
<!-- Main menu Start -->
<nav>
<ul>
<li><a href="#" class="sub-btn">Home</a>
<ul class="submenu">
<li><a href='index.html'>Home V1</a></li>
<li><a href='home-v2.html'>Home V2</a></li>
</ul>
</li>
<li class="active"><a href="#" class="sub-btn">Shop</a>
<ul class="submenu">
<li><a href='shop-full-widht.html'>Shop Full Width</a></li>
<li><a href=''>Shop Left</a></li>
<li><a href='shop-right-sidebar.html'>Shop Right</a></li>
<li><a href='shop-list-view.html'>Shop List</a></li>
<li><a href='shoping-cart.html'>Shop Cart</a></li>
<li><a href='product-categories.html'>Product Categories</a></li>
<li><a href='product-details.html'>Product Details</a></li>
<li><a href='product-on-sell.html'>Product On Sell</a></li>
<li><a href='product-external.html'>Product External</a></li>
<li><a href='product-my-account.html'>Product My Account</a></li>
<li><a href='shoping-cart.html'>Shoping Cart</a></li>
<li><a href='checkout.html'>Checkout</a></li>
<li><a href='order-tracking.html'>Order Tracking</a></li>
<li><a href='wish-list.html'>Wish List</a></li>
</ul>
</li>
<li><a href="#" class="sub-btn">Blog</a>
<ul class="submenu">
<li><a href='blog-list.html'>Blog List</a></li>
<li><a href='blog-list-v2.html'>Blog List V2</a></li>
<li><a href='blog-left-sidebar.html'>Blog Left Sidebar</a></li>
<li><a href='blog-right-sidebar.html'>Blog Right Sidebar</a></li>
<li><a href='blog-details.html'>Blog Details</a></li>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商网页设计,礼品平台搭建模板 Giftopia .zip (261个子文件)
bootstrap.min.css 227KB
style.css 139KB
responsive.css 28KB
css2.css 9KB
owl.carousel.min.css 3KB
xzoom.css 2KB
jquery.yu2fvl.css 498B
xloading.gif 32KB
shop-left-sidebar.html 75KB
shop-right-sidebar.html 75KB
home-v2.html 67KB
index.html 66KB
shop-full-widht.html 63KB
shop-list-view.html 61KB
product-on-sell.html 59KB
product-external.html 59KB
product-details.html 57KB
blog-details.html 41KB
suggested-gift-idea.html 38KB
about-us.html 34KB
blog-right-sidebar.html 33KB
blog-left-sidebar.html 33KB
our-team.html 30KB
faqs.html 29KB
shoping-cart.html 26KB
blog-list.html 25KB
checkout.html 24KB
wish-list.html 24KB
product-categories.html 24KB
blog-list-v2.html 24KB
product-my-account.html 21KB
contact-us.html 21KB
login.html 20KB
signup.html 20KB
order-tracking.html 19KB
error.html 17KB
embed.html 2KB
product-on-sell04.jpg 2.77MB
product-on-sell04.jpg 2.77MB
product-on-sell03.jpg 1.76MB
product-on-sell03.jpg 1.76MB
product-on-sell02.jpg 529KB
product-on-sell02.jpg 529KB
product12.jpg 95KB
product13.jpg 80KB
blog-ls-10.jpg 79KB
product04.jpg 76KB
product03.jpg 75KB
product07.jpg 74KB
product11.jpg 68KB
top-gift02.jpg 67KB
who-we-are.jpg 64KB
top-gift03.jpg 61KB
suggest-gift03.jpg 61KB
blog-ls-05.jpg 60KB
blog-ls-02.jpg 57KB
suggest-gift02.jpg 57KB
cta.jpg 55KB
product18.jpg 54KB
popular-cat14.jpg 53KB
top-gift04.jpg 53KB
popular-cat07.jpg 53KB
product05.jpg 52KB
product-showcase01.jpg 52KB
product15.jpg 51KB
blog-ls-07.jpg 51KB
suggest-gift01.jpg 51KB
popular-cat11.jpg 50KB
product-on-sell01.jpg 50KB
product-on-sell05.jpg 50KB
product06.jpg 48KB
top-gift01.jpg 48KB
popular-cat16.jpg 45KB
blog-ls-11.jpg 44KB
product14.jpg 43KB
video-preview-blog.jpg 42KB
collection01.jpg 41KB
our-story.jpg 41KB
product17.jpg 41KB
product02.jpg 40KB
product16.jpg 40KB
popular-cat19.jpg 39KB
product-on-sell06.jpg 39KB
product-on-sell06.jpg 39KB
product10.jpg 39KB
blog-ls-08.jpg 39KB
blog-ls-04.jpg 38KB
popular-cat05.jpg 38KB
galley-small04.jpg 37KB
blog-ls-01.jpg 37KB
popular-cat04.jpg 36KB
product08.jpg 36KB
product-on-sell08.jpg 36KB
product-on-sell08.jpg 36KB
popular-cat01.jpg 36KB
product09.jpg 34KB
popular-cat17.jpg 34KB
collection02.jpg 33KB
popular-cat20.jpg 33KB
blog-ls-12.jpg 32KB
共 261 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6143
- 资源: 4168
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功