<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<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>Deni</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- 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">
<!-- fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- owl stylesheets -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.carousel.css" rel="stylesheet" />
</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="#"><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 active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="product.html">Product</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="contact.html">Contact</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<div class="login_menu">
<ul>
<li><a href="#">Login</a></li>
<li><a href="#"><img src="images/user-icon.png"></a></li>
<li><a href="#"><img src="images/trolly-icon.png"></a></li>
<li><a href="#"><img src="images/search-icon.png"></a></li>
</ul>
</div>
</form>
</div>
</nav>
</div>
</div>
<!-- header section end -->
<!-- banner section start -->
<div class="banner_section banner_bg">
<div class="container-fluid">
<div id="my_slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="taital_main">
<div class="taital_left">
<h1 class="banner_taital">Deni Product For Skin</h1>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="taital_right">
<div class="product_img"><img src="images/product-img.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="taital_main">
<div class="taital_left">
<h1 class="banner_taital">Deni Product For Skin</h1>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="taital_right">
<div class="product_img"><img src="images/product-img.png"></div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="taital_main">
<div class="taital_left">
<h1 class="banner_taital">Deni Product For Skin</h1>
<div class="read_bt"><a href="#">Read More</a></div>
</div>
<div class="taital_right">
<div class="product_img"><img src="images/product-img.png"></div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#my_slider" role="button" data-slide="prev">
<i class='fa fa-arrow-up'></i>
</a>
<a class="carousel-control-next" href="#my_slider" role="button" data-slide="next">
<i class='fa fa-arrow-down'></i>
</a>
</div>
</div>
</div>
<!-- banner section end -->
<!-- about section start -->
<div class="about_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-6">
<div><img src="images/about-img.png" class="about_img"></div>
</div>
<div class="col-md-6">
<h1 class="about_taital">About company</h1>
<div class="border"></div>
<p class="about_text">consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitationconsectetur adipiscing </p>
<div class="read_bt_1"><a href="#">Read More</a></div>
<div class="image_1"><img src="images/img-1.png"></div>
</div>
</div>
</div>
</div>
<!-- about section end -->
<!-- product section start -->
<div class="product_section layout_padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="product_taital">Products</h1>
<p class="product_text">Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="image_main"><img src="images/img-2.png" alt="image" /></div>
<h6 class="price_text">Price <br><span style="color: #f75261;">$10</span></h6>
</div>
<div class="item">
<div class="image_main"><img src="images/img-2.png" alt="image" /></div>
<h6 class="price_text">Price <br><span style="color: #f
没有合适的资源?快使用搜索试试~ 我知道了~
毕设&课设&大作业-护肤品牌产品商城响应式网页模板-适配移动端-HTML源码.zip
共74个文件
png:26个
css:20个
js:13个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 17 浏览量
2024-03-28
09:34:01
上传
评论
收藏 3.12MB ZIP 举报
温馨提示
尊敬的设计师、开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的Bootstrap框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
毕设&课设&大作业-护肤品牌产品商城响应式网页模板-适配移动端-HTML源码.zip (74个子文件)
护肤品牌产品商城响应式网页模板-适配移动端-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 10KB
slider-setting.js 3KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
product.html 10KB
css
style.css 18KB
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 14KB
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
about.html 8KB
images
face-img1.png 340KB
face-img.png 363KB
search-icon.png 1KB
fb-icon.png 1KB
product-img.png 158KB
trolly-icon.png 1KB
img-5.png 362KB
logo.png 1KB
angle-right.png 1KB
mail-icon.png 1KB
map-icon.png 1KB
quick-icon.png 1KB
youtub-icon.png 1KB
about-img.png 69KB
twitter-icon.png 1KB
instagram-icon.png 2KB
img-6.png 338KB
user-icon.png 1KB
img-7.png 415KB
img-2.png 8KB
linkedin-icon.png 1KB
img-1.png 117KB
banner-bg.png 8KB
client-img.png 46KB
angle-left.png 1KB
call-icon.png 1KB
blog.html 9KB
共 74 条
- 1
资源评论
DTcode7
- 粉丝: 9528
- 资源: 4695
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 藏区特产销售平台源代码+论文+毕业设计.zip
- B297C8EC5A69641DB3E681E1B3F894E5.mp4
- PrimitivesPro v2.2.unitypackage
- 财务管理系统源代码+论文.zip
- 高级信息通信运行管理员第七套试卷
- UModeler v2.11.6 (May 10, 2024).unitypackage
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本127.0.6486.0)
- 基于FPGA的CORDIC算法旋转模式实现
- bilibili视频解析下载源码
- 基于Selenium的Java爬虫实战(内含谷歌浏览器Chrom和Chromedriver版本124.0.6367.60)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功