PC / tmuch · 提交

转到一个项目

作者 王毅
提交 56f4f628864b61f938e1fa9b79dd1a508033c05b 1 个父辈 cd04cd45

1

内嵌 并排对比
正在显示 33 个修改的文件 包含 529 行增加 和 0 行删除
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="stylesheet" href="../css/bootstrap.min.css" />
<link rel="stylesheet" href="../css/swiper-3.4.2.min.css" />
<link rel="stylesheet" href="../css/base.css" />
<link rel="stylesheet" href="../css/index.css" />
<title>Tianjin Medical University Cancer Institute & Hospital</title>
<style>
.single_box {
width: 600px;
margin-bottom: 44px;
}
.single_box:last-child {
margin: 0;
}
.content-word {
position: relative;
align-items: flex-start;
display: flex;
display: -webkit-flex;
}
.single_mark {
width: 1000px;
margin: 0 auto;
margin-bottom: 30px;
cursor: pointer;
}
.single_mark img {
width: 100%;
}
.content-word-left {
width: 350px;
min-height: 400px;
flex: unset;
align-self: flex-start;
}
.content-word-right {
border-left: 1px solid #000;
}
.content-word-left h4 {
color: #232323;
line-height: 1.6;
cursor: pointer;
}
/* .content-word-left h4.active,
.content-word-left h4:hover {
color: #00A16C;
} */
.single_part_right {
color: #00a16c;
padding-left: 50px;
display: none;
max-width: 800px;
}
.single_part_right p {
margin-top: 30px;
margin-bottom: 20px;
}
.single_part_right.active {
display: block;
}
.contant {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
}
.contant_title {
font-size: 20px;
font-weight: bold;
color: rgba(114, 113, 113, 1);
margin-bottom: 46px;
}
.contant_titles {
font-size: 20px;
font-weight: bold;
color: rgba(0, 161, 108, 1);
margin-bottom: 46px;
}
.contant_left {
position: relative;
}
.contant_left::after {
content: "";
width: 2px;
height: 733px;
background: rgba(114, 113, 113, 1);
position: absolute;
top: 0;
right: -150px;
}
.contant_right {
margin-left: 280px;
}
.contant_img {
width: 634px;
height: 368px;
}
.contant_img img {
width: 100%;
height: 100%;
}
.contant_one_title {
margin: 18px 0;
font-size: 20px;
font-weight: 400;
color: rgba(114, 113, 113, 1);
}
</style>
</head>
<body>
<nav class="navbar navbar-default bgf mb0">
<div class="container-fluid top_pc_brand">
<div class="navbar-header">
<button type="button" class="navbar-toggle mtperc10 menuPage" data-toggle="collapse" data-target="#bs-example-navbar-collapse-4" aria-expanded="true">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand logo" href="../index.html">
<img class="brand-logo" src="../images/logo.png" alt="" />
</a>
</div>
<div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-4" aria-expanded="true">
<div class="search-group mt30 form-group navbar-text navbar-right">
<a href="http://www.tjmuch.com/" class="langue">中文</a>
<input type="text" class="form-control search-input" placeholder="Search" />
<div class="magnifier">
<img src="../images/search_btn.png" alt="" />
</div>
</div>
</div>
</div>
</nav>
<div class="container-fluid pc">
<div class="mask"></div>
<div class="bs-example" data-example-id="simple-justified-button-group">
<ul class="nav_menu_items">
<li class="btn navbtn-a" role="button">
<a href="javascript:;">ABOUT US</a>
<div class="sec_menu_items">
<a href="../about/welcome.html" class="inner_item">
Welcome Message
</a>
<a href="../about/mission.html" class="inner_item">
Mission and Vision
</a>
<a href="../about/leadership.html" class="inner_item">
Leadership
</a>
<a href="../about/history.html" class="inner_item">
History and Milestones
</a>
<a href="../about/quick.html" class="inner_item">
Quick Facts
</a>
<a href="../about/contact.html" class="inner_item">Contact Us</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="JavaScript:;">CLINICAL RESOURCES</a>
<div class="sec_menu_items">
<div href="../clinical/departments.html" onclick="window.location.href='../clinical/departments.html'" class="inner_item">
Clinical Departments
<div class="third_menu_items">
<a href="../clinical/departm.html" class="inner_item">
Surgical Department
</a>
<a href="../clinical/medical.html" class="inner_item">
Medical Oncology
</a>
<a href="../clinical/radiation.html" class="inner_item">
Radiation Oncology
</a>
<a href="../clinical/diagnostic.html" class="inner_item">
Diagnostic Oncology
</a>
<a href="../clinical/center.html" class="inner_item">
Center of Excellences
</a>
</div>
</div>
<a href="../clinical/activities.html" class="inner_item">
Clinical Activities
</a>
<a href="../clinical/trials.html" class="inner_item">
Clinical Trials
</a>
<a href="../clinical/finddoctor.html" class="inner_item">
Find a Doctor
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">RESEARCH & EDUCATION</a>
<div class="sec_menu_items">
<a href="../research/nationalCancer.html" class="inner_item">
National Cancer Clinical Research Center
</a>
<div href="../research/research.html" onclick="location.href='../research/research.html'" class="inner_item">
Research
<div class="third_menu_items">
<a href="../research/research1.html" class="inner_item">
Research programs
</a>
<a href="../research/research2.html" class="inner_item">
Achievements
</a>
<a href="../research/research3.html" class="inner_item">
Key Labaratories
</a>
<a href="../research/researcher.html" class="inner_item">
Find a Researcher
</a>
</div>
</div>
<div href="../research/education.html" onclick="location.href='../research/education.html'" class="inner_item">
Education
<div class="third_menu_items">
<a href="../research/education.html" class="inner_item">
Graduate Study
</a>
<a href="../research/education.html" class="inner_item">
International Study
</a>
<a href="../research/education.html" class="inner_item">
Continuing Study
</a>
</div>
</div>
<a href="../research/news.html" class="inner_item">
News
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">TIANJIN CANCER INSTITUTE</a>
<div class="sec_menu_items">
<div href="javascript:;" class="inner_item">
About Us
<div class="third_menu_items">
<a href="../institute/aboutus.html" class="inner_item">
About Us
</a>
<a href="../institute/leadership.html" class="inner_item">
Leadership
</a>
<a href="../institute/history.html" class="inner_item">
History
</a>
<a href="../institute/report.html" class="inner_item">
Annual Report
</a>
</div>
</div>
<div href="../clinical/nursing.html" class="inner_item">
Research
<div class="third_menu_items">
<a href="../institute/researchers.html" class="inner_item">
Our Researchers
</a>
<a href="../institute/facilities.html" class="inner_item">
Core Facilities and Services
</a>
<a href="http://www.cancerbiomed.org/index.php/cocr" class="inner_item">
Journal of Clinical Oncology
</a>
</div>
</div>
<a href="../institute/news.html" class="inner_item">
News
</a>
<a href="../institute/concat.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtnActive navbtn-a" role="button">
<a href="../contact.html">NURSING CARE</a>
<div class="sec_menu_items">
<a href="../care/aboutus.html" class="inner_item">
About Us
</a>
<a href="../care/activity.html" class="inner_item">
Nursing Activities
</a>
<a href="../care/training.html" class="inner_item">
Nurse Training
</a>
<a href="../care/achievement.html" class="inner_item">
Research Achievement
</a>
<a href="../care/exchange.html" class="inner_item">
International Exchanges
</a>
<a href="../care/cancer.html" class="inner_item">
Cancer Survivorship Support
</a>
<a href="../care/news.html" class="inner_item">
News & Events
</a>
<a href="../care/contactUs.html" class="inner_item">
Contact Us
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="javascript:;">INTERNATIONAL AFFAIRS</a>
<div class="sec_menu_items">
<a href="../international/conference.html" class="inner_item">
International Conferences
</a>
<a href="../international/training.html" class="inner_item">
Oversea Trainings
</a>
<a href="../international/referral.html" class="inner_item">
International Patients
</a>
<a href="../international/partners.html" class="inner_item">
Partnership Institutions
</a>
</div>
</li>
<li class="btn navbtn-a" role="button">
<a href="../news.html">NEWS RELEASE</a>
</li>
</ul>
</div>
<div class="content padding0">
<!-- Swiper -->
<!-- <div class="img-header">
<img src="../images/care_top.png" width="100%" alt="">
</div> -->
</div>
<div class="content">
<div class="navpath">
Nursing Care<span>></span>About Us
<span>></span>Important Events
</div>
<div class="contant">
<dis class="contant_left">
<div class="contant_title">About Us</div>
<div class="contant_title">Leadership Team</div>
<div class="contant_title">Recognition</div>
<div class="contant_title">Important Events</div>
</dis>
<dis class="contant_right">
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
<div class="contant_one">
<div class="contant_img">
<img src="../images/h6.png" alt="" />
</div>
<div class="contant_one_title">
1861 Ma Gen Ji established London Church Hospital
</div>
</div>
</dis>
</div>
<!-- <div class="content-word">
<div class="content-word-left">
<h4 class="">
Evidence-based Nursing Team
</h4>
<h4 class="">
Innovation & Profession
</h4>
<h4 class="">
Scientific Achievements
</h4>
<h4 class="">
Professional Books
</h4>
</div>
<div class="content-word-right">
<div class="single_part_right active">
<h3>The aims is to combine research conclusions with clinical experience and patients' wishes as
the basis for clinical nursing decision-making.</h3>
<p> We pay great attention to the research of Cancer Rehabilitation, Hospice Care,
Symptom experience and management, Supportive care needs and Quality of life of cancer
patients . In the past 5 years, We have published more than 400 papers in nursing core
periodicals and 12 SCI.</p>
<img src="../images/5-4-1.png" alt="" srcset="">
<p>Research team of Tianjin Medical University Cancer Institute & Hospital
</p>
</div>
<div class="single_part_right">
<img src="../images/5-4-2.png" width="100%" alt="" srcset="">
</div>
<div class="single_part_right">
<img src="../images/5-4-3.png" width="100%" alt="" srcset="">
</div>
<div class="single_part_right">
<img src="../images/5-4-4.png" width="100%" alt="" srcset="">
</div>
</div>
</div> -->
</div>
<footer class="footer-content">
<div class="footer-main">
<ul class="list-unstyled third-ul">
<li>West Huan-Hu Rd, Ti Yuan Bei, Hexi District</li>
<li>Tianjin 300060</li>
<li>China</li>
<li>Tel/Fax: 0086-22-23359337</li>
<li>Email: info@tjmuch.com</li>
</ul>
<ul class="list-unstyled first-ul">
<li><img src="../images/yikeda.png" width="160px" alt="" /></li>
<li><img src="../images/tjuc.png" width="160px" alt="" /></li>
</ul>
</div>
</footer>
</div>
<script src="../js/jquery-1.11.3.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/swiper-3.4.2.jquery.min.js"></script>
<script src="../js/common.js"></script>
<script>
$(".contant_left").mouseover(function() {
$(this)
.addClass("left_titles")
.siblings()
.removeClass("left_titles");
});
$(".contant_left").click(function() {
$(this)
.addClass("left_titles")
.siblings()
.removeClass("left_titles");
var index = $(this).index();
console.log(index);
$(".neirong")
.eq(index)
.show()
.siblings()
.hide();
});
// $(document).ready(function () {
// $(".btn-group").find(".navbtn-a").click(function () {
// console.log(this)
// $(this).siblings('.navbtn-a').removeClass('navbtnActive'); // 删除其他兄弟元素的样式
// $(this).addClass('navbtnActive'); // 添加当前元素的样式
// })
// })
// var swiper = new Swiper('.swiper-container', {
// pagination: '.swiper-pagination',
// paginationClickable: true
// });
// var swiper = new Swiper('.swiper-container1', {
// pagination: '.swiper-pagination',
// slidesPerView: 3,
// paginationClickable: true,
// spaceBetween: 30
// });
// $('.content-word-left').on('click', 'h4', function () {
// $(this).addClass('active').siblings().removeClass('active')
// $('.content-word-right .single_part_right').eq($(this).index()).addClass('active').siblings().removeClass('active')
// })
</script>
</body>
</html>
\ No newline at end of file
... ...