<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="zxx">
<head>
<title>Be Clinic Medical Category Bootstrap Responsive Website Template | Home :: W3layouts</title>
<!-- Meta tag Keywords -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8" />
<meta name="keywords" content="Be Clinic Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->
<!-- Custom-Files -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link href="css/css_slider.css" type="text/css" rel="stylesheet" media="all">
<!-- banner slider -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->
<!-- Web-Fonts -->
<link href="//fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Mukta:200,300,400,500,600,700,800&subset=devanagari,latin-ext" rel="stylesheet">
<!-- //Web-Fonts -->
</head>
<body>
<!-- main -->
<div id="home">
<!-- top header -->
<header>
<div class="top-bar py-3">
<div class="container">
<div class="row">
<div class="col-xl-5 col-lg-6 col-md-8 top-social-agile text-lg-left text-center">
<div class="row">
<div class="col-4 header-top_w3layouts">
<p class="text-bl">
<span class="fa fa-map-marker mr-2"></span>Parma Via, Italy
</p>
</div>
<div class="col-4 header-top_w3layouts">
<p class="text-bl">
<span class="fa fa-phone mr-2"></span>+1 000263676
</p>
</div>
<!-- social icons -->
<ul class="col-4 top-right-info">
<li>
<a href="#">
<span class="fa fa-facebook-f"></span>
</a>
</li>
<li class="mx-3">
<a href="#">
<span class="fa fa-twitter"></span>
</a>
</li>
<li>
<a href="#">
<span class="fa fa-google-plus"></span>
</a>
</li>
<li class="ml-3">
<a href="#">
<span class="fa fa-pinterest-p"></span>
</a>
</li>
</ul>
<!-- //social icons -->
</div>
</div>
<div class="col-xl-7 col-lg-6 col-md-4 top-social-agile text-md-right text-center mt-md-0 mt-2">
<div class="row">
<div class="offset-xl-6 offset-lg-4">
</div>
<div class="col-xl-3 col-lg-4 col-6 top-w3layouts p-md-0 text-right">
<!-- login -->
<a href="login.html" class="login-button-2 text-uppercase text-bl">
<span class="fa fa-sign-in mr-2"></span>Login</a>
<!-- //login -->
</div>
<div class="col-xl-3 col-lg-4 col-6 header-w3layouts text-md-right text-left">
<!-- register -->
<a href="register.html" class="login-button-2 text-uppercase text-bl">
<span class="fa fa-pencil-square-o mr-2"></span>Register</a>
<!-- //register -->
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- //top header -->
<!-- second header -->
<div class="main-top">
<div class="container">
<div class="header d-md-flex justify-content-between align-items-center py-3">
<!-- logo -->
<div id="logo">
<h1>
<a href="index.html">
<span class="fa fa-user-md mr-2"></span>
<span class="logo-sp">Be</span> Clinic
</a>
</h1>
</div>
<!-- //logo -->
<!-- nav -->
<div class="nav_w3ls">
<nav>
<label for="drop" class="toggle">Menu</label>
<input type="checkbox" id="drop" />
<ul class="menu">
<li><a href="index.html" class="active">Home</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2"><a href="about.html">About Us</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="mx-lg-4 mx-md-3 my-md-0 my-2">
<!-- First Tier Drop Down -->
<label for="drop-2" class="toggle toogle-2">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span>
</label>
<a href="#">Dropdown <span class="fa fa-angle-down" aria-hidden="true"></span></a>
<input type="checkbox" id="drop-2" />
<ul>
<li><a href="#services" class="drop-text">Services</a></li>
<li><a href="#blog" class="drop-text">Blog</a></li>
<li><a href="single.html" class="drop-text">Blog Details</a></li>
<li><a href="#why" class="drop-text">What We do</a></li>
<li><a href="#team" class="drop-text">Our Doctors</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
<!-- //nav -->
</div>
</div>
</div>
<!-- //second header -->
<!-- banner -->
<div class="banner_w3lspvt">
<div class="csslider infinity" id="slider1">
<input type="radio" name="slides" checked="checked" id="slides_1" />
<input type="radio" name="slides" id="slides_2" />
<input type="radio" name="slides" id="slides_3" />
<ul class="banner_slide_bg">
<li class="banner-top1">
<div class="container">
<div class="banner-info_agile_w3ls text-center mx-auto">
<h3 class="text-wh font-weight-bold">Providing extensive family Health care</h3>
<a href="about.html" class="btn button-w3ls mt-5">Read More</a>
</div>
</div>
</li>
<li class="banner-top2">
<div class="container">
<div class="banner-info_agile_w3ls text-center mx-auto">
<h3 class="text-wh font-weight-bold">Bringing Health to life for the whole family</h3>
<a href="about.html" class="btn button-w3ls mt-5">Read More</a>
</div>
</div>
</li>
<li class="banner-top3">
<div class="container">
<div class="banner-info_agile_w3ls text-center mx-auto">
<h3 class="text-wh font-weight-bold">The best Doctor gives the least Medicines</h3>
<a href="about.html" class="btn button-w3ls mt-5">Read More</a>
</div>
</div>
</li>
</ul>
<div class="navigation">
<div>
<label for="slides_1"></label>
<label for="slides_2"></label>
<label for="slides_3"></label>
</div>
</div>
</div>
</div>
<!-- //banner -->
</div>
<!-- //main -->
<!-- banner bottom -->
<div class="section-2">
<div class="container-fluid">
<div class="row slide">
<div class="col-xl-4 triple-sec p-5">
<h5 class="text-wh font-weight-bold">We have something to be proud of</h5>
<ul class="list-unstyled mt-4">
<li class="style-bottom-w3">
<h4 class="text-wh font-weight-bold">6250</h4>
<p class="text-li">Happy Patients</p>
</li>
<li class="style-bottom-w3 mt-3">
<h4 class="text-wh font-weight-bold">48</h4>
<p class="text-li">Years of experience</p>
</li>
</ul>
</div>
<div class="col-xl-4 triple-sec p-5">
<h5 class="text-wh font-weight-bold">Opening Hours</h5>
<ul class="list-unstyled text-wh mt-4">
<li class="clearfix py-3">
<span class="float-left"> Monday - Friday </span>
没有合适的资源?快使用搜索试试~ 我知道了~
课设&大作业&毕设-牙科医学研究集团响应式网站模板-适配移动端-HTML源码.zip
共41个文件
jpg:22个
html:7个
css:5个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 76 浏览量
2024-03-29
11:37:47
上传
评论
收藏 2.24MB ZIP 举报
温馨提示
开发者以及学生朋友们,您是否在寻求一款高质量、易于定制的响应式HTML网页模板源码?这份针对毕业设计、课程设计以及大型作业的源码资源将完美满足您的需求! 这份源码采用最新的HTML5和CSS3技术,结合流行的响应式网站框架,为您打造了一个高度可定制、跨设备兼容的响应式网页模板。它不仅优化了用户体验,还确保了在不同尺寸的屏幕和设备上均能呈现出完美的布局和样式。 此模板具备丰富的功能组件,如导航栏、轮播图、卡片式布局等,可以灵活组合以满足您的各种设计需求。同时,它还支持多种浏览器和操作系统,让您的作品在各种环境下都能稳定运行。 更令人惊喜的是,这份源码文档齐全、注释清晰,即使您是初学者也能快速上手。我们提供了详细的教程和技术支持,助您轻松完成个性化的网站开发。 总之,这份响应式HTML网页模板源码是您进行毕设、课设或大作业的理想选择。它不仅节省了开发时间,降低了学习成本,还能帮助您提升作品的专业品质。立即获取这份资源,让您的项目脱颖而出!
资源推荐
资源详情
资源评论
收起资源包目录
课设&大作业&毕设-牙科医学研究集团响应式网站模板-适配移动端-HTML源码.zip (41个子文件)
课设&大作业&毕设-牙科医学研究集团响应式网站模板-适配移动端-HTML源码
html
register.html 10KB
css
style.css 34KB
single.css 4KB
bootstrap.css 174KB
font-awesome.min.css 30KB
css_slider.css 12KB
login.html 10KB
index.html 28KB
contact.html 12KB
about.html 23KB
single.html 14KB
images
g3.jpg 40KB
g2.jpg 61KB
2.jpg 225KB
te2.jpg 3KB
team4.jpg 22KB
1.jpg 141KB
team3.jpg 77KB
bg1.jpg 38KB
blog3.jpg 45KB
team2.jpg 79KB
bg.jpg 33KB
move-top.png 3KB
blog2.jpg 40KB
te1.jpg 3KB
bg3.jpg 107KB
g4.jpg 52KB
bg2.jpg 83KB
team1.jpg 19KB
3.jpg 146KB
g1.jpg 26KB
single.jpg 207KB
blog1.jpg 20KB
4.jpg 197KB
fonts
FontAwesome.otf 132KB
fontawesome-webfont.eot 162KB
fontawesome-webfont.woff 96KB
fontawesome-webfont.woff2 75KB
fontawesome-webfont.svg 434KB
fontawesome-webfont.ttf 162KB
gallery.html 14KB
共 41 条
- 1
资源评论
DTcode7
- 粉丝: 3w+
- 资源: 4986
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功