<!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">
<!-- mobile metas -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas -->
<title>Caraft</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- owl carousel style -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.0.0-beta.2.4/assets/owl.carousel.min.css" />
<!-- bootstrap css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css">
<!-- fevicon -->
<link rel="icon" href="images/fevicon.png" type="image/gif" />
<!-- Scrollbar Custom CSS -->
<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
<!-- Tweaks for older IEs-->
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<!-- owl stylesheets -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!--header section start -->
<div class="header_section">
<div class="container">
<nav class="navbar navbar-dark bg-dark">
<a class="logo" href="index.html"><img src="images/logo.png"></a>
<div class="search_section">
<ul>
<li><a href="#">Log In</a></li>
<li><a href="#"><img src="images/shopping-bag.png"></a></li>
<li><a href="#"><img src="images/search-icon.png"></a></li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample01" aria-controls="navbarsExample01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarsExample01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="category.html">Category</a>
</li>
<li class="nav-item">
<a class="nav-link" href="products.html">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="clients.html">Client</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
</div>
</nav>
</div>
<!--banner section start -->
<div class="banner_section layout_padding">
<div id="my_slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h4 class="banner_taital"><span class="font_size_90">50%</span> Discount Online Shop</h4>
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p>
<div class="book_bt"><a href="#">Shop Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
<div class="button_main"><button class="all_text">All</button><input type="text" class="Enter_text" placeholder="Enter keywords" name=""><button class="search_text">Search</button></div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h4 class="banner_taital"><span class="font_size_90">50%</span> Discount Online Shop</h4>
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p>
<div class="book_bt"><a href="#">Shop Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
<div class="button_main"><button class="all_text">All</button><input type="text" class="Enter_text" placeholder="Enter keywords" name=""><button class="search_text">Search</button></div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h4 class="banner_taital"><span class="font_size_90">50%</span> Discount Online Shop</h4>
<p class="banner_text">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration </p>
<div class="book_bt"><a href="#">Shop Now</a></div>
</div>
</div>
<div class="col-md-6">
<div><img src="images/img-1.png" class="image_1"></div>
</div>
</div>
<div class="button_main"><button class="all_text">All</button><input type="text" class="Enter_text" placeholder="Enter keywords" name=""><button class="search_text">Search</button></div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
<i class=""><img src="images/left-icon.png"></i>
</a>
<a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
<i class=""><img src="images/right-icon.png"></i>
</a>
</div>
</div>
<!--banner section end -->
</div>
<!--header section end -->
<!--category section start -->
<div class="container">
<div class="category_section">
<div class="row">
<div class="col-lg-2 col-sm-12">
<h1 class="
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 【设计思路】 用户友好性:界面简洁直观,易于操作,减少用户的学习成本。 模块化设计:将系统功能模块化,每个模块负责一类功能,方便扩展和维护。 Responsiveness:后台管理系统应当是响应式设计,能够适配不同设备屏幕大小,包括电脑、平板和手机等。 权限控制:根据用户角色设定不同的权限,确保用户只能访问其权限范围内的功能。 数据安全:对用户数据进行加密存储、访问控制等措施,保护用户隐私和系统安全。 日志功能:记录关键操作日志,保留操作痕迹。
资源推荐
资源详情
资源评论
收起资源包目录
紫色家居商城.zip (83个子文件)
紫色家居商城
Address.url 114B
js
bootstrap.js 120KB
.DS_Store 8KB
bootstrap.bundle.js.map 351KB
modernizer.js 141KB
jquery.mCustomScrollbar.concat.min.js 44KB
bootstrap.bundle.min.js.map 287KB
jquery-3.0.0.min.js 11KB
bootstrap.min.js 49KB
jquery.validate.js 48KB
popper.min.js 19KB
bootstrap.bundle.min.js 69KB
bootstrap.bundle.js 206KB
bootstrap.js.map 208KB
plugin.js 897KB
custom.js 10KB
slider-setting.js 3KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
category.html 10KB
clients.html 10KB
css
style.css 20KB
.DS_Store 8KB
bootstrap-grid.css.map 95KB
bootstrap.min.css 137KB
bootstrap-grid.css 37KB
bootstrap-grid.min.css.map 67KB
bootstrap-reboot.min.css.map 25KB
icomoon.css 28KB
responsive.css 12KB
normalize.css 7KB
default-skin.css 11KB
meanmenu.css 4KB
bootstrap.css.map 415KB
jquery-ui.css 35KB
slick.css 2KB
bootstrap.css 169KB
font-awesome.min.css 30KB
bootstrap-reboot.css 5KB
jquery.fancybox.min.css 14KB
bootstrap-reboot.css.map 58KB
jquery.mCustomScrollbar.min.css 42KB
animate.min.css 52KB
owl.carousel.min.css 3KB
bootstrap-grid.min.css 28KB
bootstrap.min.css.map 545KB
bootstrap-reboot.min.css 4KB
nice-select.css 4KB
index.html 21KB
contact.html 9KB
images
icon-10.png 1KB
left-icon.png 1000B
icon-6.png 2KB
icon-8.png 2KB
search-icon.png 1KB
shopping-bag.png 1KB
fb-icon.png 1KB
Untitled-32.png 581KB
icon-5.png 2KB
img-4.png 50KB
img-3.png 53KB
newsletter-bg.png 581KB
img-5.png 80KB
logo.png 2KB
icon-2.png 2KB
icon-7.png 1KB
icon-1.png 2KB
twitter-icon.png 2KB
icon-9.png 2KB
instagram-icon.png 2KB
toggle-icon.png 1KB
img-6.png 163KB
img-7.png 56KB
right-icon.png 997B
img-2.png 82KB
linkedin-icon.png 2KB
img-1.png 122KB
icon-4.png 2KB
banner-bg.png 197KB
img-8.png 185KB
img-9.png 23KB
icon-3.png 1KB
products.html 8KB
共 83 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6054
- 资源: 3700
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- LS416 高性能DSP的声控处理芯片语音识别模块AD设计硬件(原理图+PCB)+L2416-M-26P模块封装库+器件手册
- 基于tensorflow实现LSTM, CNN, SVM, MLP语音情感识别源码.zip
- 基于JSP在线学生选课管理系统源码.zip
- 基于JSP在线学生信息管理系统源码.zip
- 常用DHT11 MIC SHT11 VS1838B CHT8305 MQ-3 温湿度气体等传感元件2D3D封装库.PcbLib
- 基于JSP在线新闻管理系统包含前后台源码.zip
- 基于JSP在线文具销售平台商城源码.zip
- tiamo软件教程.doc
- nvm管理Nodejs多版本工具
- Unit1Howcanwebecomegoodlearners知识点整理(良心出品必属精品).doc
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功