<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<!-- Title -->
<title>Medica - Health & Medical Template | Home</title>
<!-- Favicon -->
<link rel="icon" href="img/core-img/favicon.ico">
<!-- Core Style CSS -->
<link rel="stylesheet" href="css/core-style.css">
<link rel="stylesheet" href="style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- Preloader -->
<div id="preloader">
<div class="medica-load"></div>
<img src="img/core-img/plus.png" alt="logo">
</div>
<!-- ***** Header Area Start ***** -->
<header class="header-area">
<!-- Top Header Area -->
<div class="top-header-area gradient-background">
<div class="container h-100">
<div class="row h-100">
<div class="col-12 h-100">
<div class="h-100 d-md-flex justify-content-between align-items-center">
<div class="top-header-social-info">
<a href="#" data-toggle="tooltip" data-placement="left" title="Pinterest"><i class="fa fa-pinterest" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Dribbble"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Behance"><i class="fa fa-behance" aria-hidden="true"></i></a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Linkedin"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
<div class="top-header-menu">
<nav class="top-menu">
<ul>
<li><a href="#">FAQ</a></li>
<li><a href="#">Book</a></li>
<li><a href="#">Appointment</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">contact@business.com</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Main Header Area -->
<div class="main-header-area" id="stickyHeader">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12 h-100">
<div class="main-menu h-100">
<nav class="navbar h-100 navbar-expand-lg">
<!-- Logo Area -->
<a class="navbar-brand" href="index.html"><img src="img/core-img/logo.png" alt="Logo"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#medicaMenu" aria-controls="medicaMenu" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i> Menu</button>
<div class="collapse navbar-collapse" id="medicaMenu">
<!-- Menu Area -->
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Pages</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="index.html">Home</a>
<a class="dropdown-item" href="about-us.html">About Us</a>
<a class="dropdown-item" href="services.html">Services</a>
<a class="dropdown-item" href="blog.html">News</a>
<a class="dropdown-item" href="contact.html">Contact</a>
<a class="dropdown-item" href="elements.html">Elements</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about-us.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<!-- Search Form -->
<div class="header-search-form ml-auto">
<form action="#">
<input type="search" class="form-control" placeholder="Input your keyword then press enter..." id="search" name="search">
<input class="d-none" type="submit" value="submit">
</form>
</div>
<!-- Search btn -->
<div id="searchbtn">
<i class="ti-search" aria-hidden="true"></i>
</div>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- ***** Header Area End ***** -->
<!-- ***** Hero Area Start ***** -->
<section class="hero-area">
<div class="hero-slides owl-carousel">
<!-- Single Hero Slide -->
<div class="single-hero-slide height-800 bg-img" style="background-image: url(img/bg-img/hero1.jpg);">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-12">
<div class="hero-slides-content">
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
探索未来设计的数字前沿,这份精心设计的“web前端网站源码”无疑是您不可错过的创意宝藏。它巧妙融合了现代网页设计的灵动,打造出一个既展现专业实力又兼顾用户体验的在线空间。 该源码采用了最前沿的HTML5、CSS3及JavaScript技术,确保网站在不同设备上均能完美呈现,从桌面大屏到手机小屏,都能享受流畅无阻的浏览体验。独特的响应式设计,让信息架构清晰明了,无论是产品展示、企业介绍还是新闻动态,都能以最佳布局吸引访客目光。 通过这份源码,您可以轻松搭建起具备高度互动性和用户友好性的网站。它不仅是您企业线上形象的闪亮名片,更是吸引潜在客户、提升品牌影响力的有力工具。立即拥有,开启您的数字化之旅,让每一行代码都成为推动行业进步的力量!
资源推荐
资源详情
资源评论
收起资源包目录
web前端网站源码:蓝色整形医疗展示响应式网站-HTML源码.zip (100个子文件)
bootstrap.min.css 139KB
animate.css 47KB
font-awesome.min.css 30KB
core-style.css 29KB
themify-icons.css 16KB
magnific-popup.css 5KB
owl.carousel.css 5KB
responsive.css 4KB
style.css 420B
fontawesome-webfont.eot 162KB
themify.eot 77KB
index.html 44KB
about-us.html 32KB
elements.html 31KB
services.html 28KB
blog.html 27KB
contact.html 22KB
favicon.ico 2KB
hero3.jpg 417KB
cta1.jpg 413KB
hero4.jpg 216KB
hero6.jpg 172KB
hero1.jpg 153KB
service3.jpg 127KB
service.jpg 117KB
hero5.jpg 112KB
hero2.jpg 101KB
service6.jpg 94KB
service5.jpg 74KB
service4.jpg 71KB
service1.jpg 66KB
service8.jpg 64KB
service2.jpg 64KB
3.jpg 54KB
2.jpg 49KB
1.jpg 49KB
service7.jpg 36KB
d7.jpg 20KB
d4.jpg 17KB
d8.jpg 17KB
d6.jpg 16KB
d1.jpg 16KB
d5.jpg 15KB
d3.jpg 14KB
d2.jpg 14KB
testimonials2.jpg 4KB
fp3.jpg 2KB
fp2.jpg 2KB
fp1.jpg 2KB
plugins.js 198KB
jquery-2.2.4.min.js 84KB
bootstrap.min.js 48KB
popper.min.js 19KB
active.js 5KB
map-active.js 1KB
FontAwesome.otf 132KB
doctor.png 85KB
about1.png 83KB
medical1.png 74KB
2.png 7KB
5.png 6KB
3.png 6KB
logo.png 5KB
footer-logo.png 4KB
signature.png 3KB
4.png 3KB
1.png 3KB
plus.png 2KB
cardiogram.png 2KB
scanner.png 2KB
glasses.png 2KB
ribbon.png 2KB
lungs.png 2KB
microscope.png 2KB
blood-donation.png 2KB
mortar.png 2KB
emergency-call.png 2KB
stomach.png 2KB
blood.png 2KB
head.png 2KB
medicine.png 2KB
molecule.png 2KB
nuclear.png 2KB
injection.png 2KB
ambulance.png 2KB
doctor.png 1KB
hospital2.png 1KB
hospital.png 1KB
stethoscope.png 1KB
stretcher.png 1KB
alarm-clock.png 1KB
map-pin.png 1KB
envelope.png 954B
fontawesome-webfont.svg 434KB
themify.svg 229KB
fontawesome-webfont.ttf 162KB
themify.ttf 77KB
fontawesome-webfont.woff 96KB
themify.woff 55KB
fontawesome-webfont.woff2 75KB
共 100 条
- 1
资源评论
master_chenchengg
- 粉丝: 1w+
- 资源: 2157
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于SpringBoot+Vue的校园招聘管理系统(前端代码)
- C++期末大作业-2024-QT仓库商品管理系统,经过老师审定过的,应该能够满足学习、使用需求,如果有需要的话可以放心下载使用
- DH-GSTN5600 剩余电流式电气火灾监控探测器 安装使用说明书
- 天津理工大学信息系统设计实验
- jsp ssm 学校录取查询系统 高校志愿填报录取 项目源码 web java【项目源码+数据库脚本+项目说明+软件工具】毕设
- jsp ssm 网上购物系统 在线购物 在线商城平台 项目源码 web java【项目源码+数据库脚本+项目说明+软件工具】毕设
- 29网课交单平台源码最新修复全开源版本
- jsp ssm 超市网上购物系统 超市管理 超市购物 项目源码 web java【项目源码+数据库脚本+项目说明+软件工具】毕
- 海湾火灾自动报警系统主要设备参数
- C++自制多功能游戏头文件
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功