<!DOCTYPE html>
<html>
<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, shrink-to-fit=no" />
<!-- Site Metas -->
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="images/s4.png" type="image/x-icon">
<title>Thrine</title>
<!-- bootstrap core css -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
<!-- fonts style -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700|Poppins:400,600,700&display=swap" rel="stylesheet" />
<!-- nice select -->
<link rel="stylesheet" href="css/nice-select.min.css" integrity="sha256-mLBIhmBvigTFWPSCtvdu6a76T+3Xyt+K571hupeFLg4=" crossorigin="anonymous" />
<!-- datepicker -->
<link rel="stylesheet" href="css/datepicker.css">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet" />
<!-- responsive style -->
<link href="css/responsive.css" rel="stylesheet" />
</head>
<body>
<div class="hero_area">
<!-- header section strats -->
<header class="header_section">
<div class="container-fluid">
<nav class="navbar navbar-expand-lg custom_nav-container ">
<a class="navbar-brand" href="index.html">
<h3>
Thrine
</h3>
</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 ml-auto" id="navbarSupportedContent">
<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">
<a class="nav-link" href="about.html"> About </a>
</li>
<li class="nav-item">
<a class="nav-link" href="service.html"> Services </a>
</li>
<li class="nav-item">
<a class="nav-link" href="appointment.html"> Appointment </a>
</li>
</ul>
<form class="form-inline ">
<button class="btn nav_search-btn" type="submit">
<i class="fa fa-search" aria-hidden="true"></i>
</button>
</form>
</div>
</nav>
</div>
</header>
<!-- end header section -->
<!-- slider section -->
<section class=" slider_section position-relative">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div>
<h1>
health care
</h1>
<p>
Excepturi quam cum ex, expedita inventore adipisci reprehenderit incidunt doloribus delectus quod, placeat nulla culpa nemo, mollitia natus! Beatae illo quas nemo omnis ullam placeat, obcaecati ducimus rem id. Consectetur.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div>
<h1>
health care
</h1>
<p>
Excepturi quam cum ex, expedita inventore adipisci reprehenderit incidunt doloribus delectus quod, placeat nulla culpa nemo, mollitia natus! Beatae illo quas nemo omnis ullam placeat, obcaecati ducimus rem id. Consectetur.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item ">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="detail-box">
<div>
<h1>
health care
</h1>
<p>
Excepturi quam cum ex, expedita inventore adipisci reprehenderit incidunt doloribus delectus quod, placeat nulla culpa nemo, mollitia natus! Beatae illo quas nemo omnis ullam placeat, obcaecati ducimus rem id. Consectetur.
</p>
<a href="">
Read More
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="img-box">
<img src="images/slider-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
</div>
</section>
<!-- end slider section -->
</div>
<!-- special section -->
<section class="special_section">
<div class="container">
<div class="special_container">
<div class="row">
<div class="col-md-4">
<div class="box b1">
<div class="img-box">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<g>
<g>
<path d="M0,37.647v256h376.471v-256H0z M361.412,278.588H15.059V52.706h346.353V278.588z" />
</g>
</g>
<g>
<g>
<path d="M507.322,188.796c-28.544-11.678-59.982-11.678-88.526,0l-4.678,1.913v46.467c0,10.38,8.444,18.823,18.824,18.823
c2.075,0,3.765,1.689,3.765,3.765v22.588c0,11.915,7.95,22.003,18.823,25.252v8.631h15.059v-8.631
c10.873-3.249,18.824-13.336,18.824-25.252v-22.588c0-2.076,1.69-3.765,3.765-3.765c10.38,0,18.823-8.444,18.823-18.823V190.71
L507.322,188.796z M496.941,237.176c0,2.076-1.69,3.765-3.765,3.765c-10.38,0-18.824,8.444-18.824,18.824v22.588
c0,6.227-5.067,11.294-11.294,11.294c-6.227,0-11.294-5.067-11.294-11.294v-22.588c0-10.38-8.4
小徐博客
- 粉丝: 1973
- 资源: 3479
最新资源
- 智慧云Serverless SDK的微信小程序demo.zip
- 技术资料分享STM32F101x46-DS-CH-V2很好的技术资料.zip
- 技术资料分享STM32F101x8B-DS-CH-V11很好的技术资料.zip
- 掌故-微信小程序.zip
- 技术资料分享STM32F10xxx闪存编程参考手册很好的技术资料.zip
- 基于深度学习的裂缝检测技术项目Python源码.zip
- 技术资料分享STM32F10xxCDE-Errata-CH-V5很好的技术资料.zip
- 技术资料分享STM32F10xx46-Errata-CH-V2很好的技术资料.zip
- 技术资料分享STM32F10xx8B-Errata-CH-V6很好的技术资料.zip
- 我要圣诞帽微信小程序.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈