File "index.html"
Full path: E:/sites/Single15/tinmung2007/webroot/thien chua/NiemTinThac/niem tin thac/index.html
File size: 7.07 KiB (7241 bytes)
MIME-type:
Charset: utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="shortcut icon" href="assets/images/favicon.png">
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="" />
<meta name="author" content="" />
<link
href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900"
rel="stylesheet"
/>
<title>tinmung.net-Trang Thiên Chúa</title>
<!--
Reflux Template
https://templatemo.com/tm-531-reflux
-->
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<!-- Additional CSS Files -->
<link rel="stylesheet" href="assets/css/fontawesome.css" />
<link rel="stylesheet" href="assets/css/templatemo-style.css" />
<link rel="stylesheet" href="assets/css/owl.css" />
<link rel="stylesheet" href="assets/css/lightbox.css" />
<style type="text/css">
<!--
p.MsoNormal {
margin-top:0in;
margin-right:0in;
margin-bottom:8.0pt;
margin-left:0in;
line-height:107%;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
}
-->
</style>
</head>
<body>
<div id="page-wraper">
<!-- Sidebar Menu -->
<div class="responsive-nav">
<i class="fa fa-bars" id="menu-toggle"></i>
<div id="menu" class="menu">
<i class="fa fa-times" id="menu-close"></i>
<div class="container">
<div><img src="../niemtinthac/niem tin thac.jpg"></div>
<div class="author-content">
<h4>NIỀM TÍN THÁC</h4>
<span>Paul De Jeagher, S,J</span>
</div>
<nav class="main-nav" role="navigation">
<li><a href="loi tua.html">Lời Tựa</a></li>
<li><a href="loi noi dau.html">Lời Nói Đầu</a></li>
<li><a href="chuong 1.html">Chương 1</a></li>
<li><a href="chuong 2.html">Chương 2</a></li>
<li><a href="chuong 3.html">Chương 3</a></li>
<li><a href="chuong 4.html">Chương 4</a></li>
<li><a href="chuong 5.html">Chương 5</a></li>
<li><a href="chuong 6.html">Chương 6</a></li>
<li><a href="chuong 7.html">Chương 7</a></li>
<li><a href="chuong 8.html">Chương 8</a></li>
<li><a href="chuong 9.html">Chương 9</a></li>
<li><a href="chuong 10.html">Chương 10</a></li>
<li><a href="chuong 11.html">Chương 11</a></li>
<li><a href="chuong 12.html">Chương 12</a></li>
<li><a href="chuong 13.html">Chương 13</a></li>
<li><a href="chuong 14.html">Chương 14</a></li>
<li><a href="chuong 15.html">Chương 15</a></li>
<li><a href="chuong 16.html">Chương 16</a></li>
<li><a href="chuong 17.html">Chương 17</a></li>
<li><a href="chuong 18.html">Chương 18</a></li>
<li><a href="chuong 19.html">Chương 19</a></li>
<li><a href="chuong 20.html">Chương 20</a></li>
<li><a href="chuong 21.html">Chương 21</a></li>
<li><a href="chuong 22.html">Chương 22</a></li>
<li><a href="chuong 23.html">Chương 23</a></li>
<li><a href="chuong 24.html">Chương 24</a></li>
</nav>
<div class="social-network">
<ul class="soial-icons">
<li>
<a href=""
><i class="fa fa-facebook"></i
></a>
</li>
<li>
<a href="#"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-dribbble"></i></a>
</li>
<li>
<a href="#"><i class="fa fa-rss"></i></a>
</li>
</ul>
</div>
<div class="copyright-text">
<p>Copyright tinmung.net</p>
</div>
</div>
</div>
</div>
<section class="section about-me" data-section="section1">
<div class="container">
<table width="50%" border="0" align="center">
<tr>
<td> </td>
<td rowspan="2"><br><br><p class="MsoNormal" align="center" style="text-align:center;"><span style="line-height:107%; font-family:'Bodoni MT',serif; font-size:90.0pt; color:blue; ">NIỀM</span></p></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><p class="MsoNormal" align="center" style="text-align:center;"><span style="line-height:107%; font-family:'Niagara Engraved'; font-size:90.0pt; color:#C00000; ">X ÁC T ÍN</span></p></td>
<td> </td>
</tr>
</table>
</div>
<div class="left-image-post"> </div>
<div class="right-image-post"> </div>
</div>
</div>
<!-- Scripts -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/isotope.min.js"></script>
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/lightbox.js"></script>
<script src="assets/js/custom.js"></script>
<script>
//according to loftblog tut
$(".main-menu li:first").addClass("active");
var showSection = function showSection(section, isAnimate) {
var direction = section.replace(/#/, ""),
reqSection = $(".section").filter(
'[data-section="' + direction + '"]'
),
reqSectionPos = reqSection.offset().top - 0;
if (isAnimate) {
$("body, html").animate(
{
scrollTop: reqSectionPos
},
800
);
} else {
$("body, html").scrollTop(reqSectionPos);
}
};
var checkSection = function checkSection() {
$(".section").each(function() {
var $this = $(this),
topEdge = $this.offset().top - 80,
bottomEdge = topEdge + $this.height(),
wScroll = $(window).scrollTop();
if (topEdge < wScroll && bottomEdge > wScroll) {
var currentId = $this.data("section"),
reqLink = $("a").filter("[href*=\\#" + currentId + "]");
reqLink
.closest("li")
.addClass("active")
.siblings()
.removeClass("active");
}
});
};
$(".main-menu").on("click", "a", function(e) {
e.preventDefault();
showSection($(this).attr("href"), true);
});
$(window).scroll(function() {
checkSection();
});
</script>
</body>
</html>