<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>ballset - HTML5 Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicon -->
<!-- bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css" media="all">
<!-- carousel CSS -->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css" type="text/css" media="all">
<!-- animate CSS -->
<link rel="stylesheet" href="assets/css/animate.css" type="text/css" media="all">
<!-- animated-text CSS -->
<link rel="stylesheet" href="assets/css/animated-text.css" type="text/css" media="all">
<!-- font-awesome CSS -->
<link rel="stylesheet" href="assets/css/all.min.css" type="text/css" media="all">
<!-- font-flaticon CSS -->
<link rel="stylesheet" href="assets/css/flaticon.css" type="text/css" media="all">
<!-- theme-default CSS -->
<link rel="stylesheet" href="assets/css/theme-default.css" type="text/css" media="all">
<!-- meanmenu CSS -->
<link rel="stylesheet" href="assets/css/meanmenu.min.css" type="text/css" media="all">
<!-- transitions CSS -->
<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css" media="all">
<!-- venobox CSS -->
<link rel="stylesheet" href="assets/css/venobox.css" type="text/css" media="all">
<!-- bootstrap icons -->
<link rel="stylesheet" href="assets/css/bootstrap-icons.css" type="text/css" media="all">
<!-- Main Style CSS -->
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="all">
<!-- responsive CSS -->
<link rel="stylesheet" href="assets/css/responsive.css" type="text/css" media="all">
<!-- modernizr js -->
<script src="assets/js/modernizr-3.5.0.min.js"></script>
<link href="assets/css/clash-display.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/aos.css">
</head>
<body>
<!-- loder -->
<div class="loader-wrapper">
<div class="loader"></div>
<div class="loder-section left-section"></div>
<div class="loder-section right-section"></div>
</div>
<!--==================================================-->
<!-- Start ballset Main Menu -->
<!--==================================================-->
<div id="sticky-header" class="ballset_nav_manu">
<div class="container">
<div class="row d-flex align-items-center">
<div class="col-lg-2">
<div class="logo">
<a class="logo_img" href="index.html" title="ballset">
<img src="assets/images/logo.png" alt="logo">
</a>
<a class="main_sticky" href="index.html" title="ballset">
<img src="assets/images/logo2.png" alt="logo">
</a>
</div>
</div>
<div class="col-lg-10">
<nav class="ballset_menu">
<ul class="nav_scroll">
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="service.html">Our Service</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="coach.html">Coach</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li><a href="coach.html">Coach</a></li>
<li><a href="#">Blog <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Gird</a></li>
<li><a href="blog.html">Blog List</a></li>
<li><a href="blog-2.html">Left Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="#">Shop <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="shop.html">Shop One</a></li>
<li><a href="">Shop Two</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Shop Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">My-Account</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- header button -->
<div class="header-search-btn">
<a class="search-box-btn search-box-outer" href="#"><i class="fas fa-search"></i></a>
</div>
<div class="header-button">
<a href="cart.html"><i class="bi bi-cart"></i>Empty Cart</a>
</div>
</nav>
</div>
</div>
</div>
</div>
<!-- ballset Mobile Menu -->
<div class="mobile-menu-area sticky d-sm-block d-md-block d-lg-none ">
<div class="mobile-menu">
<nav class="ballset_menu">
<ul class="nav_scroll">
<li><a href="index.html">Home</a></li>
<li><a href="#">Pages <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="service.html">Our Service</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="coach.html">Coach</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li><a href="coach.html">Coach</a></li>
<li><a href="#">Blog <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="blog-grid.html">Blog Gird</a></li>
<li><a href="blog.html">Blog List</a></li>
<li><a href="blog-2.html">Left Sidebar</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="#">Shop <span><i class="fas fa-chevron-down"></i></span></a>
<ul class="sub-menu">
<li><a href="shop.html">Shop One</a></li>
<li><a href="">Shop Two</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Shop Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="my-account.html">My-Account</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
</div>
<!--==================================================-->
<!-- End ballset Main Menu -->
<!--==================================================-->
<!--==================================================-->
<!-- Start ballset Breatcam Section -->
<!--==================================================-->
<div class="breatcam-section d-flex align-items-center">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12">
<div class="breatcome-title">
<h1>Shop Two</h1>
</div>
<div class="breatcome-content text-left">
<div class="breatcome-text">
<ul>
<li><a href="index.html">Home /</a></li>
<li>Shop Two</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!--==================================================-->
<!-- End ballset Breatcam Section -->
<!--==================================================-->
<!--==================================================-->
<!-- Start ballset Shop Section -->
<!--==================================================-->
<div class="shops-section style-two">
<div class="container">
<div class="row ">
<div class="col-lg-12">
<!-- Tab -->
<div class="tab">
<div class="nav-btn navSidebar-button"><a href="#"><i class="fas fa-align-left"></i> Show filters</a></div>
<div class="widget" data-aos="zoom-in" data-aos-duration="2000">
<form action="javascript:;">
<select name="cars" id="cars">
<option value="7days">Default Sorting</option>
<option value="8days">Sort by popularity</option>
<option value="9days">Sort by average rating</option>
<option value="5days">Sort by latest</option>
<option value="5days">Sort by price: low to high</option>
<option value="5days">Sort by
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
网页设计与制作,羽绒球运动网页设计模板下载.zip (274个子文件)
bootstrap.min.css 152KB
style.css 95KB
bootstrap-icons.css 86KB
animate.css 58KB
all.min.css 57KB
css2.css 39KB
aos.css 28KB
responsive.css 24KB
animated-text.css 20KB
venobox.css 7KB
flaticon.css 7KB
owl.transitions.css 4KB
theme-default.css 4KB
meanmenu.min.css 3KB
owl.carousel.min.css 3KB
clash-display.css 928B
fa-solid-900.eot 199KB
fa-brands-400.eot 131KB
fa-regular-400.eot 34KB
Flaticon.eot 29KB
prev.gif 1KB
next.gif 1KB
close.gif 1KB
shop-2.html 43KB
shop-details.html 36KB
index.html 33KB
shop.html 30KB
checkout.html 28KB
cart.html 24KB
about.html 24KB
blog.html 24KB
blog-2.html 24KB
blog-details.html 23KB
service.html 22KB
team.html 20KB
blog-grid.html 19KB
contact.html 18KB
coach.html 18KB
my-account.html 16KB
hero-bg4.jpg 79KB
hero-bg.jpg 76KB
hero-bg6.jpg 73KB
hero-bg2.jpg 73KB
hero-bg3.jpg 71KB
hero-bg5.jpg 67KB
shop8.jpg 23KB
shop5.jpg 18KB
shop7.jpg 17KB
shop6.jpg 17KB
shop1.jpg 11KB
shop3.jpg 10KB
shop4.jpg 10KB
shop2.jpg 10KB
shop9.jpg 8KB
testi-img2.jpg 5KB
ionicons.js 117KB
jquery-3.6.2.min.js 88KB
price-ranger.js 70KB
bootstrap.min.js 59KB
owl.carousel.min.js 42KB
isotope.pkgd.min.js 34KB
popper.min.js 20KB
venobox.js 17KB
aos.js 13KB
jquery.meanmenu.js 11KB
venobox.min.js 10KB
theme.js 9KB
waypoints.min.js 9KB
modernizr-3.5.0.min.js 8KB
wow.js 7KB
jquery.barfiller.js 6KB
imagesloaded.pkgd.min.js 5KB
jquery.scrollUp.js 5KB
animated-text.js 4KB
jquery.counterup.min.js 2KB
ionicons.esm.js 340B
script.js 304B
blog8.png 585KB
team3.png 318KB
video-bg.png 253KB
blog7.png 245KB
breatcam-bg.png 213KB
address-bg.png 154KB
footer-bg.png 92KB
about-thumb2.png 89KB
tabs2.png 83KB
blog3.png 78KB
about-thumb.png 74KB
project-img2.png 72KB
blog-img2.png 71KB
blog6.png 71KB
project-img3.png 65KB
project-img.png 64KB
tabs.png 63KB
blog10.png 63KB
blog2.png 60KB
project-img4.png 58KB
blog5.png 52KB
blog4.png 49KB
service-img4.png 47KB
共 274 条
- 1
- 2
- 3
资源评论
枫蜜柚子茶
- 粉丝: 6345
- 资源: 4732
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功