<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="WristArc - Premium watch HTML E-commerce Template">
<meta name="keywords" content="WristArc - Premium watch HTML E-commerce Template">
<meta name="author" content="WristArc - Premium watch HTML E-commerce Template">
<title>WristArc - Premium watch HTML E-commerce Template</title>
<!-- favicon -->
<!--css-->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/header.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/css/swiper.css">
<link rel="stylesheet" href="assets/css/jqueryui.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="ring-preloader w-100 h-100 position-fixed start-0 top-0">
<div class="lds-dual-ring"></div>
</div>
<!--main content wrapper start-->
<div class="main-wrapper">
<!--header section start-->
<header class="ur_header_section primary-bg-color header-sticky">
<div class="topbar py-2 bottom-border d-none d-lg-block">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-7 col-lg-8">
<div class="topbar-info d-flex align-items-center gap-48 flex-wrap">
<span class="text-white item-single">
<i class="fa fa-phone"></i>
<a href="tel:1234567890" class="text-white">+91-1234567890</a> (7AM - 7PM) </span>
<span class="text-white item-single">
<i class="fa fa-basket-shopping"></i> Free Shipping On Orders </span>
<span class="text-white item-single">
<i class="fa fa-bank"></i> Bank Offers </span>
</div>
</div>
<div class="col-xl-5 col-lg-4">
<div class="d-flex align-items-center justify-content-end gap-48 topbar-info flex-wrap">
<div class="ur-header-select item-single">
<select>
<option>INR</option>
<option>USD</option>
<option>EURO</option>
<option>AUD</option>
</select>
</div>
<div class="ur-header-select item-single">
<select>
<option>EN</option>
<option>GM</option>
<option>SP</option>
</select>
</div>
<a href="checkout.html" class="item-single text-uppercase">CheckOut</a>
</div>
</div>
</div>
</div>
</div>
<div class="header-wrapper">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-2 col-6">
<a href="" class="logo-white">
<img src="assets/images/logo.png" alt="logo" class="img-fluid">
</a>
</div>
<div class="col-xxl-7 col-xl-8 d-none d-xl-block">
<nav class="ur-navmenu">
<ul>
<li class="has-submenu">
<a href="javascript:void(0)">Home</a>
<ul class="submenu-wrapper">
<li>
<a href="">Home Page V1</a>
</li>
<li>
<a href="index-2.html">Home Page V2</a>
</li>
<li>
<a href="index-3.html">Home Page V3</a>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Shop</a>
<ul class="submenu-wrapper">
<li>
<a href="shop-grid.html">Shop Grid</a>
</li>
<li>
<a href="shop-list.html">Shop List</a>
</li>
<li>
<a href="shop-fullwidth.html">Shop Full Width</a>
</li>
<li>
<a href="shop-grid2.html">Shop Grid 2</a>
</li>
<li>
<a href="product-details.html">Product Details</a>
</li>
<li>
<a href="product-details-2.html">Product Details 2</a>
</li>
</ul>
</li>
<li class="has-submenu">
<a href="javascript:void(0)">Pages</a>
<div class="ur-megamenu">
<div class="megamenu-row">
<div class="megamenu-column border-r">
<h6 class="column-title">Shop Layout</h6>
<ul class="pages-list">
<li>
<a href="shop-grid.html">Shop Grid</a>
</li>
<li>
<a href="shop-list.html">Shop List</a>
</li>
<li>
<a href="shop-fullwidth.html">Shop Full Width</a>
</li>
<li>
<a href="shop-grid.html">Filter Sidebar</a>
</li>
</ul>
</div>
<div class="megamenu-column border-r">
<h6 class="column-title">Product Details</h6>
<ul class="pages-list">
<li>
<a href="product-details.html">Product Details</a>
</li>
<li>
<a href="product-details-2.html">Product Details 2</a>
</li>
</ul>
</div>
<div class="megamenu-column">
<h6 class="column-title">Shop Pages</h6>
<ul class="pages-list">
<li>
<a href="login.html">Login</a>
</li>
<li>
<a href="signup.html">Register</a>
</li>
<li>
<a href="login.html">My Account</a>
</li>
<li>
<a href="cart.html">Cart</a>
</li>
<li>
<a href="checkout.html">Checkout</a>
</li>
<li>
<a href="wishlist.html">Wishlist</a>
</li>
</ul>
</div>
<div class="megamenu-column banner">
<div class="megamenu-banner">
<a href="product-details.html" class="p-0">
<img src="assets/images/banner-12.jpg" alt="watch" class="img-fluid">
</a>
</div>
</div>
</div>
</div>
</li>
<li>
<a href="aboutus.html">About Us</a>
</li>
<li class="has-submenu">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
html+css+bootstrap实现电商网页制作,时尚手表电商网站设计 WristArc.zip (235个子文件)
bootstrap.min.css 329KB
style.css 294KB
font-awesome.min.css 129KB
animate.css 79KB
header.css 50KB
jqueryui.css 36KB
swiper.css 35KB
css2.css 16KB
blog.css 9KB
nice-select.css 4KB
flaticon.eot 27KB
index.html 164KB
index-3.html 108KB
index-3.html 108KB
index-2.html 96KB
shop-grid.html 79KB
product-details.html 78KB
product-details-2.html 75KB
shop-list.html 75KB
shop-list.html 75KB
shop-fullwidth.html 73KB
shop-fullwidth.html 73KB
shop-grid2.html 72KB
blog-grid.html 49KB
blog-standard.html 49KB
blog-details.html 44KB
blogs.html 42KB
checkout.html 39KB
aboutus.html 39KB
cart.html 35KB
wishlist.html 33KB
contact.html 32KB
signup.html 30KB
login.html 29KB
bg1.jpg 313KB
sd-1.jpg 227KB
2.jpg 170KB
2.jpg 170KB
6.jpg 155KB
5.jpg 154KB
banner-1.jpg 149KB
4.jpg 138KB
p5.jpg 105KB
banner-12.jpg 100KB
list-8.jpg 97KB
banner-2.jpg 96KB
3.jpg 95KB
3.jpg 95KB
11.jpg 94KB
11.jpg 94KB
p61.jpg 67KB
p41.jpg 64KB
list-10.jpg 59KB
l1.jpg 48KB
1.jpg 44KB
p6.jpg 39KB
l2.jpg 36KB
silverstrap.jpg 34KB
p4.jpg 31KB
bs-1.jpg 31KB
list-5.jpg 30KB
list-7.jpg 29KB
bs-2.jpg 27KB
listing-1.jpg 27KB
list-2.jpg 22KB
p2.jpg 22KB
list-3.jpg 21KB
reflex.jpg 21KB
f1.jpg 21KB
list-9.jpg 18KB
f11.jpg 18KB
bg2.jpg 17KB
f6.jpg 17KB
f5.jpg 16KB
f4.jpg 15KB
f2.jpg 13KB
f3.jpg 13KB
card.jpg 3KB
upi.jpg 3KB
testimonial-img1.jpg 3KB
testimonial-img2.jpg 2KB
testimonial-img3.jpg 2KB
jquery-ui.js 535KB
jquery-ui.min.js 249KB
swiper.min.js 140KB
custom-scrollbar.js 93KB
slick.js 90KB
slick1.js 88KB
jquery.min.js 88KB
jquery.min1.js 87KB
magnific-popup.js 63KB
bootstrap.min.js 59KB
date-picker.min.js 55KB
moment.min.js 50KB
isotop.pkgd.min.js 35KB
app.js 25KB
popper.min.js 20KB
waypoints.js 18KB
script.js 14KB
nice-select.js 7KB
共 235 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6333
- 资源: 4732
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- densenet模型-python语言pytorch框架的图像分类宠物行为分类识别-不含数据集图片-含逐行注释和说明文档.zip
- alexnet模型-基于深度学习识别水果种类-不含数据集图片-含逐行注释和说明文档.zip
- earsertrweeqewrr
- alexnet模型-基于深度学习对草莓品级果识别-不含数据集图片-含逐行注释和说明文档.zip
- 微信小程序五子棋游戏,有悔棋,清屏等功能
- alexnet模型-python语言pytorch框架训练识别餐桌美食-不含数据集图片-含逐行注释和说明文档.zip
- proteus下载安装 具体步骤
- proteus下载安装 具体步骤
- proteus下载安装 具体步骤
- proteus下载安装 具体步骤
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功