<!DOCTYPE html>
<html lang="en">
<head>
<!-- basic -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 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>HomeCare</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<!-- bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- style css -->
<link rel="stylesheet" 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">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="logo"><a href="index.html"><img src="images/logo.png"></a></div>
<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="health.html">Health</a>
</li>
<li class="nav-item">
<a class="nav-link" href="medicine.html">Medicine</a>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="client.html">Client</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#"><img src="images/search-icon.png"></a>
</li>
</ul>
</div>
</nav>
<!-- header section end -->
<!-- banner section start -->
<div id="main_slider" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="banner_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="banner_taital">Health <br><span style="color: #151515;">Care</span></h1>
<p class="banner_text">There are many variations of passages of Lorem Ipsum</p>
<div class="btn_main">
<div class="more_bt"><a href="#">Contact Now</a></div>
<div class="contact_bt"><a href="#">Get A Quote</a></div>
</div>
</div>
<div class="col-md-6">
<div class="image_1"><img src="images/img-1.png"></div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="banner_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="banner_taital">Health <br><span style="color: #151515;">Care</span></h1>
<p class="banner_text">There are many variations of passages of Lorem Ipsum</p>
<div class="btn_main">
<div class="more_bt"><a href="#">Contact Now</a></div>
<div class="contact_bt"><a href="#">Get A Quote</a></div>
</div>
</div>
<div class="col-md-6">
<div class="image_1"><img src="images/img-1.png"></div>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="banner_section">
<div class="container">
<div class="row">
<div class="col-md-6">
<h1 class="banner_taital">Health <br><span style="color: #151515;">Care</span></h1>
<p class="banner_text">There are many variations of passages of Lorem Ipsum</p>
<div class="btn_main">
<div class="more_bt"><a href="#">Contact Now</a></div>
<div class="contact_bt"><a href="#">Get A Quote</a></div>
</div>
</div>
<div class="col-md-6">
<div class="image_1"><img src="images/img-1.png"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#main_slider" role="button" data-slide="prev">
<i class="fa fa-long-arrow-left" style="font-size:24px; padding-top: 4px;"></i>
</a>
<a class="carousel-control-next" href="#main_slider" role="button" data-slide="next">
<i class="fa fa-long-arrow-right" style="font-size:24px; padding-top: 4px;"></i>
</a>
</div>
</div>
<!-- banner section end -->
<!-- health section start -->
<div class="health_section layout_padding">
<div class="container">
<h1 class="health_taital">Best Of Health care for you</h1>
<p class="health_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis</p>
<div class="health_section layout_padding">
<div class="row">
<div class="col-sm-7">
<div class="image_main">
<div class="main">
<img src="images/img-2.png" alt="Avatar" class="image" style="width:100%">
</div>
<div class="middle">
<div class="text"><img src="images/icon-1.png" style="width: 40px;"></div>
</div>
</div>
</div>
<div class="col-sm-5">
<div class="image_main_1">
<div class="main">
<img src="images/img-3.png" alt="Avatar" class="image" style="width:100%">
</div>
<div class="middle">
<div class="text"><img src="images/icon-1.png" style="width: 40px;"></div>
</div>
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
基于HTML+CSS+JS开发的网站-医学健康护理指导网页.7z
共79个文件
png:28个
css:20个
js:13个
0 下载量 12 浏览量
2024-07-24
16:40:46
上传
评论
收藏 4.31MB 7Z 举报
温馨提示
1. 实用性和学习价值 实践案例:这些代码通常提供实际网站构建的示例,包括布局、交互和动态效果,有助于理解理论知识在现实项目中的应用。 技术栈覆盖:包含HTML5、CSS3和现代JavaScript(如ES6+),紧跟Web开发趋势,帮助学习者掌握最新技术。 2. 易于理解和修改 清晰的结构:良好的代码组织和注释,便于初学者理解代码逻辑和功能实现。 模块化设计:代码可能采用模块化方式编写,使得部分功能可以轻松地被提取或替换,适合个性化定制。 3. 兼容性和响应式设计 跨浏览器兼容:确保网站在不同浏览器中表现一致,提高用户体验。 响应式布局:适应各种设备屏幕尺寸,从桌面到移动设备,提供无缝的视觉体验。 4. 性能优化 加载速度:优化图像和脚本,减少HTTP请求,提升页面加载速度。 代码压缩:使用Gzip等方法压缩文件大小,加快数据传输。 5. 互动和动画 用户交互:利用JavaScript创建动态表单验证、下拉菜单等,增强用户参与度。 动画效果:通过CSS3或JavaScript实现平滑过渡和动画,增加视觉吸引力。
资源推荐
资源详情
资源评论
收起资源包目录
基于HTML+CSS+JS开发的网站-医学健康护理指导网页.7z (79个子文件)
【web课设】医学健康护理指导网页-HTML源码
html
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 9KB
slider-setting.js 3KB
jquery.min.js 85KB
bootstrap.min.js.map 172KB
health.html 8KB
css
style.css 17KB
.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
client.html 10KB
index.html 18KB
contact.html 8KB
images
quote-icon.png 1KB
icon-6.png 4KB
search-icon.png 1KB
fb-icon.png 2KB
icon-5.png 3KB
img-3.png 1.03MB
logo.png 2KB
icon-2.png 3KB
mail-icon.png 1KB
map-icon.png 1KB
icon-7.png 3KB
icon-1.png 1KB
twitter-icon.png 2KB
right-arrow.png 1002B
instagram-icon.png 2KB
play-icon.png 5KB
footer-logo.png 2KB
img-2.png 245KB
linkedin-icon.png 2KB
contact-bg.png 10KB
img-1.png 78KB
icon-4.png 3KB
banner-bg.png 260KB
client-img.png 164KB
call-icon.png 1KB
icon-3.png 2KB
Untitled-28.png 1.18MB
knowledge-bg.png 526KB
news.html 8KB
medicine.html 7KB
共 79 条
- 1
资源评论
master_chenchengg
- 粉丝: 6441
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功