<!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>Sidi</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- owl carousel style -->
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/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://cdn.bootcdn.net/ajax/libs/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://cdn.bootcdn.net/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css" media="screen">
</head>
<body>
<!--header section start -->
<div class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="logo" href="index.html"><img src="images/logo.png"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="shop.html">Shop</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">Our Product</a>
</li>
<li class="nav-item">
<a class="nav-link" href="client.html">Clients</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
</ul>
<div class="search_menu">
<ul>
<li><a href="#"><img src="images/bag-icon.png"></a></li>
<li><a href="#"><img src="images/search-icon.png"></a></li>
</ul>
</div>
</div>
</nav>
<!--banner section start -->
<div class="banner_section layout_padding">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h1 class="banner_taital">Best Collections 2023</h1>
<p class="banner_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p>
<div class="btn_main">
<div class="more_bt"><a href="#">About Us</a></div>
<div class="contact_bt"><a href="#">Shop Now</a></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="image_1"><img src="images/img-1.png"></div>
<div class="image_2"><img src="images/img-2.png"></div>
<div class="play_icon"><img src="images/play-icon.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h1 class="banner_taital">Best Collections 2023</h1>
<p class="banner_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p>
<div class="btn_main">
<div class="more_bt"><a href="#">About Us</a></div>
<div class="contact_bt"><a href="#">Shop Now</a></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="image_1"><img src="images/img-1.png"></div>
<div class="image_2"><img src="images/img-2.png"></div>
<div class="play_icon"><img src="images/play-icon.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row">
<div class="col-md-6">
<div class="taital_main">
<h1 class="banner_taital">Best Collections 2023</h1>
<p class="banner_text">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem</p>
<div class="btn_main">
<div class="more_bt"><a href="#">About Us</a></div>
<div class="contact_bt"><a href="#">Shop Now</a></div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="image_1"><img src="images/img-1.png"></div>
<div class="image_2"><img src="images/img-2.png"></div>
<div class="play_icon"><a href="#"><img src="images/play-icon.png"></a></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="one_text_1">01</span>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
解锁网页开发秘籍,这套源码集成了HTML的结构力量、CSS的视觉魔法、JavaScript的交互智慧、jQuery的效率工具箱及Bootstrap的响应式盔甲。从基础搭建到动态交互,一步到位。 HTML筑基,强化网页骨络; CSS妆点,让设计灵动多彩; JavaScript驱动,实现页面互动; jQuery加持,简化操作,加速开发; Bootstrap响应,适配多端,无缝浏览。 无论你是编程新手还是高手,这份资源都能带你深入前端世界的核心,实践中学以致用,创造既美观又强大的网页作品。立刻行动,激发你的前端创造力!
资源推荐
资源详情
资源评论
收起资源包目录
HTML+CSS+JS+JQ+Bootstrap的多彩数码产品商城网站.7z (73个子文件)
【web课设】多彩数码产品商城网站-HTML源码
html
js
bootstrap.js 120KB
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 9KB
slider-setting.js 3KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
product.html 19KB
shop.html 8KB
css
style.css 17KB
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 10KB
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
client.html 8KB
index.html 29KB
contact.html 8KB
images
left-arrow.png 1003B
quote-icon.png 2KB
search-icon.png 1KB
bag-icon.png 1KB
fb-icon.png 2KB
img-4.png 65KB
img-3.png 57KB
img-5.png 44KB
logo.png 1KB
twitter-icon.png 2KB
right-arrow.png 997B
instagram-icon.png 2KB
play-icon.png 3KB
products-bg.png 8KB
img-6.png 10KB
img-12.png 270KB
img-7.png 43KB
img-2.png 69KB
linkedin-icon.png 2KB
img-1.png 210KB
img-10.png 79KB
banner-bg.png 1MB
img-8.png 54KB
img-9.png 386KB
blog.html 8KB
共 73 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Ruby - Ruby 开发 - 常用知识点
- 响应式营销型运动健身器材pbootcms网站模板
- ingress.yaml
- LabVIEW练习44,计算学生三门课(语文,数学,英语)的平均分,并根据平均分划分成绩等级
- densenet模型-基于深度学习对时尚配饰识别-不含数据集图片-含逐行注释和说明文档.zip
- 【C语音期末/课程设计】银行客户管理系统(DevC项目)
- densenet模型-基于深度学习识别电子产品-不含数据集图片-含逐行注释和说明文档.zip
- shufflenet模型-基于卷积神经网络识别地理特征-不含数据集图片-含逐行注释和说明文档.zip
- 西北工业大学编译原理试点班大作业-实现一个能够正常工作的Sysy语法编译器+源代码+文档说明+实验报告
- shufflenet模型-图像分类算法对农作物种类识别-不含数据集图片-含逐行注释和说明文档.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功