<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Fabulous - Bootstrap 5 eCommerce Template</title>
<meta name="robots" content="noindex, follow">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicon -->
<!-- CSS
============================================ -->
<!-- google fonts -->
<link href="assets/css/css2.css" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Font-awesome CSS -->
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<!-- Slick slider css -->
<link rel="stylesheet" href="assets/css/slick.min.css">
<!-- animate css -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Nice Select css -->
<link rel="stylesheet" href="assets/css/nice-select.css">
<!-- jquery UI css -->
<link rel="stylesheet" href="assets/css/jqueryui.min.css">
<!-- main style css -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- Start Header Area -->
<header class="header-area">
<!-- main header start -->
<div class="main-header d-none d-lg-block">
<!-- header top start -->
<div class="header-top black-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<div class="top-left-navigation">
<ul class="nav align-items-center">
<li class="language">
<img src="assets/images/en.png" alt="flag"> ENGLISH
<i class="fa fa-angle-down"></i>
<ul class="dropdown-list">
<li><a href="#"><img src="assets/images/en.png" alt="flag"> English</a></li>
<li><a href="#"><img src="assets/images/fr.png" alt="flag"> French</a></li>
</ul>
</li>
<li class="curreny-wrap">
$ CURRENCY
<i class="fa fa-angle-down"></i>
<ul class="dropdown-list curreny-list">
<li><a href="#">$ USD</a></li>
<li><a href="#">€ EURO</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="col-lg-6 d-flex justify-content-end">
<div class="header-social-link">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-pinterest"></i></a>
</div>
<ul class="user-info-block">
<li><a href="my-account.html"><i class="fa fa-user-circle"></i> My Account</a></li>
<li><a href="checkout.html"><i class="fa fa-credit-card"></i> Checkout</a></li>
<li><a href="login-register.html"><i class="fa fa-sign-in"></i> Sign In</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- header top end -->
<!-- header middle area start -->
<div class="header-main-area black-soft sticky">
<div class="container">
<div class="row align-items-center position-relative">
<!-- start logo area -->
<div class="col-auto">
<div class="logo">
<a href="">
<img src="assets/images/logo.png" alt="Brand Logo">
</a>
</div>
</div>
<!-- start logo area -->
<!-- main menu area start -->
<div class="col-auto position-static">
<div class="main-menu-area">
<div class="main-menu">
<!-- main menu navbar start -->
<nav class="desktop-menu">
<ul>
<li class="active"><a href="">Home <i class="fa fa-angle-down"></i></a>
<ul class="dropdown">
<li><a href="">Home version 01</a></li>
</ul>
</li>
<li class="position-static"><a href="#">pages <i class="fa fa-angle-down"></i></a>
<ul class="megamenu dropdown">
<li class="mega-title"><span>column 01</span>
<ul>
<li><a href="shop.html">shop grid left
sidebar</a></li>
<li><a href="shop-grid-right-sidebar.html">shop grid right
sidebar</a></li>
<li><a href="shop-list-left-sidebar.html">shop list left
sidebar</a></li>
<li><a href="shop-list-right-sidebar.html">shop list right
sidebar</a></li>
</ul>
</li>
<li class="mega-title"><span>column 02</span>
<ul>
<li><a href="product-details.html">product details</a></li>
<li><a href="product-details-affiliate.html">product
details
affiliate</a></li>
<li><a href="product-details-variable.html">product details
variable</a></li>
<li><a href="product-details-group.html">product details
group</a></li>
</ul>
</li>
<li class="mega
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商源码必备,运动鞋网站设计模板 Fabulous.zip (142个子文件)
bootstrap.min.css 152KB
style.css 118KB
animate.css 58KB
font-awesome.min.css 30KB
css2.css 23KB
jqueryui.min.css 16KB
nice-select.css 4KB
slick.min.css 1KB
fontawesome-webfont3e6e.eot 162KB
index.html 191KB
shop.html 135KB
shop-list-left-sidebar.html 135KB
shop-list-right-sidebar.html 135KB
shop-grid-right-sidebar.html 135KB
shop-list-full-width.html 121KB
shop-grid-full-4-col.html 121KB
shop-grid-full-3-col.html 121KB
product-details-variable.html 81KB
product-details-group.html 80KB
product-details-affiliate.html 79KB
product-details.html 79KB
checkout.html 70KB
blog-details-audio.html 61KB
blog-list-left-sidebar.html 61KB
blog-list-right-sidebar.html 61KB
my-account.html 61KB
blog-right-sidebar.html 60KB
blog-left-sidebar.html 60KB
blog-details-left-sidebar.html 60KB
blog-details.html 60KB
blog-details-video.html 59KB
blog-details-image.html 59KB
blog-grid-full-width.html 55KB
about-us.html 54KB
compare.html 52KB
cart.html 50KB
login-register.html 48KB
wishlist.html 48KB
contact-us.html 47KB
home1-slide2.jpg 180KB
home2-slide1.jpg 117KB
sidebar-banner.jpg 93KB
banner_1.3.jpg 82KB
bg-testimonial.jpg 78KB
about.jpg 76KB
bg_spe.jpg 56KB
banner_1.2.jpg 51KB
blog-1.jpg 50KB
blog-3.jpg 44KB
product-details-img3.jpg 39KB
02.jpg 36KB
product-details-img4.jpg 35KB
blog-4.jpg 33KB
03.jpg 33KB
product-details-img2.jpg 27KB
04.jpg 27KB
product-details-img1.jpg 27KB
01.jpg 26KB
blog-2.jpg 25KB
bg-listcate.jpg 20KB
product-6.jpg 13KB
paypal-card.jpg 13KB
product-2.jpg 12KB
product-5.jpg 10KB
product-7.jpg 10KB
product-8.jpg 9KB
product-3.jpg 9KB
product-9.jpg 9KB
product-10.jpg 8KB
product-4.jpg 8KB
product-1.jpg 7KB
cat-hover.jpg 7KB
cat-bg.jpg 5KB
cart-1.jpg 4KB
cart-2.jpg 3KB
avatar.jpg 1KB
js.js 177KB
jquery-3.6.0.min.js 87KB
bootstrap.bundle.min.js 77KB
slick.min.js 43KB
masonry.pkgd.min.js 24KB
jqueryui.min.js 22KB
main.js 11KB
modernizr-3.6.0.min.js 8KB
imagesloaded.pkgd.min.js 5KB
google-map.js 4KB
countdown.min.js 4KB
nice-select.min.js 3KB
image-zoom.min.js 3KB
ajaxchimp.js 2KB
ajax-mail.js 1KB
category-2.png 146KB
category-3.png 133KB
category-1.png 99KB
testimonial-1.png 17KB
logo.png 6KB
payment-2.png 5KB
comment-icon.png 5KB
4.png 1KB
download.png 1KB
共 142 条
- 1
- 2
资源评论
枫蜜柚子茶
- 粉丝: 7407
- 资源: 5103
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功