Created
July 2, 2018 10:32
-
-
Save vietduchelo/3af200f610dce3b1fdd3c0b1b5105584 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Skip to content | |
Search… | |
All gists | |
GitHub | |
New gist | |
@vietduchelo | |
0 @vietduchelovietduchelo/gist:2066a9adf2e46719993d19008be10bb5 | |
Created 4 days ago | |
<script src="https://gist.github.com/vietduchelo/2066a9adf2e46719993d19008be10bb5.js"></script> | |
Code Revisions 1 | |
https://perfect-review.com/stackn-review/ | |
gistfile1.txt | |
<!DOCTYPE html> | |
<html lang="en" class="wide wow-animation"> | |
<head> | |
<!-- Site Title--> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> | |
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | |
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | |
<title>Xe Hơi Hoàng Phúc</title> | |
<meta name="format-detection" content="telephone=no"> | |
<meta name="viewport" content="width=device-width, initial-scale=1"> | |
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> | |
<meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
<meta charset="utf-8"> | |
<link rel="icon" href="images/favicon.ico" type="image/x-icon"> | |
<!-- Stylesheets--> | |
<!-- <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans:400,600i,700%7CPT+Sans:400,700"> --> | |
<link rel="stylesheet" href="css/style.css"> | |
<link rel="stylesheet" type="text/css" href="clock/clockpicker-gh-pages/dist/bootstrap-clockpicker.min.css"> | |
<link rel="stylesheet" type="text/css" href="clock/clockpicker-gh-pages/assets/css/bootstrap.min.css"> | |
<link rel="stylesheet" type="text/javascript" href="clock/clockpicker-gh-pages/assets/js/jquery.min.js"> | |
<link rel="stylesheet" type="text/javascript" href="clock/clockpicker-gh-pages/assets/js/bootstrap.min.js"> | |
<script type="text/javascript" src="clock/clockpicker-gh-pages/dist/bootstrap-clockpicker.min.js"></script> | |
<!--[if lt IE 10]> | |
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div> | |
<script src="js/html5shiv.min.js"></script> | |
<![endif]--> | |
</head> | |
<body> | |
<!-- Page--> | |
<div class="page text-center"> | |
<!-- Page Header--> | |
<header class="page-header"> | |
<!-- RD Navbar--> | |
<div class="rd-navbar-wrap"> | |
<nav data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-static" data-md-device-layout="rd-navbar-fixed" | |
data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-sm-stick-up-offset="50px" data-md-stick-up-offset="90px" | |
data-lg-stick-up-offset="90px" class="rd-navbar"> | |
<div class="rd-navbar-inner"> | |
<!-- RD Navbar Panel--> | |
<div class="rd-navbar-panel"> | |
<!-- RD Navbar Toggle--> | |
<button data-rd-navbar-toggle=".rd-navbar-nav-wrap" class="rd-navbar-toggle"> | |
<span></span> | |
</button> | |
<div class="rd-navbar-panel-inner"> | |
<!-- RD Navbar Brand--> | |
<div class="rd-navbar-brand"> | |
<a href="index.html" class="brand-name"> | |
<img src="images/logo-274x66.png" width="274" height="66" alt="" class="img-responsive veil reveal-lg-inline-block"> | |
<p></p> | |
</a> | |
</div> | |
<div class="rd-navbar-nav-wrap"> | |
<!-- RD Navbar Nav--> | |
<ul class="rd-navbar-nav"> | |
<li class="active"> | |
<a href="./">Trang Chủ</a> | |
</li> | |
<li> | |
<a href="about.html">Giới Thiệu</a> | |
</li> | |
<li> | |
<a href="locations.html">Địa Chỉ</a> | |
<!-- RD Navbar Dropdown--> | |
<ul class="rd-navbar-dropdown"> | |
<li> | |
<a href="#">Hà Nội</a> | |
</li> | |
<li> | |
<a href="#">Việt Nam</a> | |
</li> | |
<li> | |
<a href="#">Đà Nẵng</a> | |
</li> | |
<li> | |
<a href="search-results.html">Tìm Kiếm Kết Quả</a> | |
</li> | |
</ul> | |
</li> | |
<li> | |
<a href="offers.html">Giao Dịch</a> | |
<!-- RD Navbar Megamenu--> | |
<ul class="rd-navbar-megamenu"> | |
<li> | |
<ul> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 2</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 3</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 4</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 5</a> | |
</li> | |
</ul> | |
</li> | |
<li> | |
<ul> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 6</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 7</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 8</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 9</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 10</a> | |
</li> | |
</ul> | |
</li> | |
<li> | |
<ul> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 11</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 12</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 13</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 14</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 15</a> | |
</li> | |
</ul> | |
</li> | |
<li> | |
<ul> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 16</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 17</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 18</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 19</a> | |
</li> | |
<li> | |
<a href="#">Nhà Cung Cấp 1</a> | |
</li> 20</a> | |
</li> | |
</ul> | |
</li> | |
</ul> | |
</li> | |
<li> | |
<a href="cars-and-services.html">Xe Hơi & Nhà Cung Cấp</a> | |
</li> | |
<li> | |
<a href="contacts.html">Liên Hệ</a> | |
</li> | |
<li> | |
<a href="contacts.html">Login</a> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</div> | |
</nav> | |
</div> | |
</header> | |
<!-- Page Content--> | |
<main class="page-content"> | |
<!-- Intro--> | |
<section style="background: #292b31 url(images/background-01-2050x1200.jpg) center/cover no-repeat;" class="section-relative section-intro section-both-sides-insets section-intro-lg-height-800 context-dark"> | |
<!-- Box--> | |
<div style="background: url(https://cdn.pixabay.com/photo/2016/07/01/14/41/audi-1491177_960_720.jpg) center/cover no-repeat;" | |
class="box section-intro-inner-bottom shadow-drop-xl section-height-800 section-60 section-sm-90 section-lg-230 inset-lg-left-30 inset-lg-right-30"> | |
<div class="shell text-left"> | |
<div class="range range-xs-center range-sm-left"> | |
<div class="cell-sm-10"> | |
<h1 class="h1">Nhà Xe | |
<br class="veil reveal-lg-inline-block">Hoàng Phúc</h1> | |
<p class="text-big-25 offset-md-top-50 inset-lg-right-30 thep">Cho thuê hợp đồng tự lái, cho thuê xe 4-7-16-45 chỗ. | |
<br> Hợp đồng tham quan du lịch Cưới Hỏi. | |
<br> Đưa đón khách tuyến Quảng Ngãi - Sân bay Chu Lai - Đà Nẵng và ngược lại. | |
<br> Đưa đón khách đi khám bệnh tuyền Đà Nẵng Quảng Nam. | |
</p> | |
<style> | |
.h1 { | |
text-shadow: 3px 3px black; | |
} | |
.thep { | |
text-shadow: 1px 1px black; | |
} | |
</style> | |
</div> | |
</div> | |
</div> | |
</div> | |
</section> | |
<section class="section-lg-top-100"> | |
<!-- Car Rental Search--> | |
<div class="box box-lg section-relative shadow-drop-md text-left"> | |
<div class="box-lg-header bg-gray-darker context-dark section-50 section-md-75"> | |
<div class="shell"> | |
<p style="font-size: 25px;margin-left: 490px;">Tìm kiếm xe cho thuê</p> | |
<div class="tab"> | |
<button class="tablinks" onclick="openCity(event, 'London')">London</button> | |
<button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button> | |
</div> | |
<div id="London" class="tabcontent"> | |
<h3>London</h3> | |
<p>London is the capital city of England.</p> | |
</div> | |
<div id="Paris" class="tabcontent"> | |
<h3>Paris</h3> | |
<p>Paris is the capital of France.</p> | |
</div> | |
<div id="Tokyo" class="tabcontent"> | |
<h3>Tokyo</h3> | |
<p>Tokyo is the capital of Japan.</p> | |
</div> | |
<script> | |
function openCity(evt, cityName) { | |
var i, tabcontent, tablinks; | |
tabcontent = document.getElementsByClassName("tabcontent"); | |
for (i = 0; i < tabcontent.length; i++) { | |
tabcontent[i].style.display = "none"; | |
} | |
tablinks = document.getElementsByClassName("tablinks"); | |
for (i = 0; i < tablinks.length; i++) { | |
tablinks[i].className = tablinks[i].className.replace(" active", ""); | |
} | |
document.getElementById(cityName).style.display = "block"; | |
evt.currentTarget.className += " active"; | |
} | |
</script> | |
<style> | |
body { | |
font-family: Arial; | |
} | |
/* Style the tab */ | |
.tab { | |
overflow: hidden; | |
border: 1px solid #ccc; | |
background-color: #f1f1f1; | |
} | |
/* Style the buttons inside the tab */ | |
.tab button { | |
background-color: inherit; | |
float: left; | |
border: none; | |
outline: none; | |
cursor: pointer; | |
padding: 14px 16px; | |
transition: 0.3s; | |
font-size: 17px; | |
} | |
/* Change background color of buttons on hover */ | |
.tab button:hover { | |
background-color: #ddd; | |
} | |
/* Create an active/current tablink class */ | |
.tab button.active { | |
background-color: #ccc; | |
} | |
/* Style the tab content */ | |
.tabcontent { | |
display: none; | |
padding: 6px 12px; | |
border: 1px solid #ccc; | |
border-top: none; | |
} | |
</style> | |
</div> | |
</div> | |
<div class="box-lg-body section-50 section-md-90 bg-alabaster"> | |
<div class="shell"> | |
<!-- RD Mailform--> | |
<form class="rd-mailform text-left"> | |
<div class="range range-xs-center"> | |
<div class="cell-sm-11 cell-md-4"> | |
<div class="form-group form-group-select-outside"> | |
<!--Select 2--> | |
<label class="form-custom-label form-custom-label-outside hehe">Loại xe(chỗ)</label> | |
<select data-placeholder="Please Select" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter"> | |
<option value=""> </option> | |
<option value="2">4</option> | |
<option value="3">7</option> | |
<option value="3">16</option> | |
</select> | |
</div> | |
<div class="form-group form-group-select-outside offset-top-35 offset-sm-top-18"> | |
<!--Select 2--> | |
<label class="form-custom-label form-custom-label-outside hehe">Địa Điểm</label> | |
<select data-placeholder="Please Select" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter"> | |
<option value=""> </option> | |
<option value="2">Quảng Ngãi </option> | |
<option value="3">Đà Nẵng</option> | |
</select> | |
</div> | |
<!-- <div class="form-group form-group-select-outside offset-top-35 offset-sm-top-18"> | |
<!--Select 2--> | |
<!-- <label class="form-custom-label form-custom-label-outside">Location</label> | |
<select data-placeholder="Please Select" data-minimum-results-for-search="Infinity" data-constraints="@Required" class="form-control select-filter"> | |
<option value=""> </option> | |
<option value="2">Location 1</option> | |
<option value="3">Location 2</option> | |
</select> --> | |
<!-- </div> --> | |
</div> | |
<div class="cell-xs-6 cell-sm-6 cell-md-4 offset-top-35 offset-md-top-0"> | |
<!-- BootstrapDateTimePicker--> | |
<div class="form-group form-group-icon"> | |
<label for="home-pickup-date" class="form-label form-label-outside hehe">Ngày đặt:</label> | |
<div class="form-control-wrap"> | |
<input id="home-pickup-date" type="text" name="pickup-date" data-time-picker="date" data-constraints="@Required" class="form-control"> | |
<span class="icon icon-xs fa fa-angle-down text-gray-dark"></span> | |
</div> | |
</div> | |
<!-- BootstrapDateTimePicker--> | |
<div class="form-group form-group-icon offset-top-35 offset-sm-top-18"> | |
<label for="home-pickup-drop" class="form-label form-label-outside hehe">Ngày trả</label> | |
<div class="form-control-wrap"> | |
<input id="home-pickup-drop" type="text" name="pickup-drop" data-time-picker="date" data-constraints="@Required" class="form-control"> | |
<span class="icon icon-xs fa fa-angle-down text-gray-dark"></span> | |
</div> | |
</div> | |
<div class="form-group offset-top-35 offset-sm-top-65"> | |
<div class="form-group"> | |
</div> | |
</div> | |
</div> | |
<div class="cell-lg-1 offset-top-0 veil reveal-lg-inline-block"> | |
<label for="home-pickup-date" class="label-inverse-lg-none icon icon-img icon-circle icon-default offset-top-40 veil reveal-sm-inline-block hehe"> | |
<img src="images/icon-01-23x20.png" width="23" height="20" alt="" class="img-responsive center-block"> | |
</label> | |
<label for="home-pickup-drop" class="label-inverse-lg-none icon icon-img icon-circle icon-default offset-top-35 veil reveal-sm-inline-block hehe"> | |
<img src="images/icon-01-23x20.png" width="23" height="20" alt="" class="img-responsive center-block"> | |
</label> | |
</div> | |
<div class="cell-xs-6 cell-sm-5 cell-md-4 cell-lg-3 offset-top-35 offset-md-top-0"> | |
<div class="form-group product-number"> | |
<label class="form-custom-label form-custom-label-outside hehe">TG thuê:</label> | |
<input type="number" data-zeros="true" value="1" min="1" max="24" data-constraints="@Numeric @Required" class="form-control"> | |
</div> | |
<div class="offset-top-5 offset-sm-top-0 offset-inverse-sm-top-10"> | |
<div class="form-group product-number"> | |
<label class="form-custom-label form-custom-label-outside hehe">TG trả:</label> | |
<input type="number" data-zeros="true" value="1" min="1" max="24" data-constraints="@Numeric @Required" class="form-control"> | |
</div> | |
</div> | |
<button type="button" onclick="getTime()" class="btn btn-primary offset-top-20 offset-md-top-45 hehe">Gửi</button> | |
</div> | |
</div> | |
</form> | |
</div> | |
</div> | |
</div> | |
<div style="margin-bottom: 35px" class="container"> | |
<div class="mySlides"> | |
<div class="numbertext">1 / 4</div> | |
<img src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%"> | |
</div> | |
<div class="mySlides"> | |
<div class="numbertext">2 / 4</div> | |
<img src="https://www.w3schools.com/howto/img_snow_wide.jpg" style="width:100%"> | |
</div> | |
<div class="mySlides"> | |
<div class="numbertext">3 / 4</div> | |
<img src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%"> | |
</div> | |
<div class="mySlides"> | |
<div class="numbertext">4 / 4</div> | |
<img src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%"> | |
</div> | |
<a class="prev" onclick="plusSlides(-1)">❮</a> | |
<a class="next" onclick="plusSlides(1)">❯</a> | |
<div class="caption-container"> | |
<p id="caption"></p> | |
</div> | |
<div class="row"> | |
<div class="column"> | |
<img class="demo cursor" src="https://www.w3schools.com/howto/img_nature_wide.jpg" style="width:100%" onclick="currentSlide(1)" | |
alt="The Woods"> | |
</div> | |
<div class="column"> | |
<img class="demo cursor" src="https://www.w3schools.com/howto/img_snow_wide.jpg" style="width:100%" onclick="currentSlide(2)" | |
alt="Trolltunga, Norway"> | |
</div> | |
<div class="column"> | |
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(3)" | |
alt="Mountains and fjords"> | |
</div> | |
<div class="column"> | |
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(4)" | |
alt="Northern Lights"> | |
</div> | |
<div class="column"> | |
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(4)" | |
alt="Northern Lights"> | |
</div> | |
<div class="column"> | |
<img class="demo cursor" src="https://www.w3schools.com/howto/img_woods_wide.jpg" style="width:100%" onclick="currentSlide(4)" | |
alt="Northern Lights"> | |
</div> | |
</div> | |
</div> | |
<style> | |
* { | |
box-sizing: border-box; | |
} | |
img { | |
vertical-align: middle; | |
} | |
/* Position the image container (needed to position the left and right arrows) */ | |
.container { | |
position: relative; | |
margin-bottom: 50px; | |
margin-top: 50px; | |
} | |
/* Hide the images by default */ | |
.mySlides { | |
display: none; | |
} | |
.row { | |
margin-left: 0px; | |
margin-right: 0px; | |
} | |
/* Add a pointer when hovering over the thumbnail images */ | |
.cursor { | |
cursor: pointer; | |
} | |
/* Next & previous buttons */ | |
.prev, | |
.next { | |
cursor: pointer; | |
position: absolute; | |
top: 40%; | |
width: auto; | |
padding: 15px; | |
margin-top: -48px; | |
/* margin-right: -2px; */ | |
color: white; | |
margin-left: -570px; | |
font-weight: bold; | |
font-size: 20px; | |
margin-right: 15px; | |
border-radius: 0 3px 3px 0; | |
user-select: none; | |
-webkit-user-select: none; | |
} | |
/* Position the "next button" to the right */ | |
.next { | |
right: 0; | |
border-radius: 3px 0 0 3px; | |
} | |
/* On hover, add a black background color with a little bit see-through */ | |
.prev:hover, | |
.next:hover { | |
background-color: rgba(0, 0, 0, 0.8); | |
} | |
/* Number text (1/3 etc) */ | |
.numbertext { | |
color: #f2f2f2; | |
font-size: 12px; | |
padding: 8px 12px; | |
position: absolute; | |
top: 0; | |
} | |
/* Container for image text */ | |
.caption-container { | |
text-align: center; | |
background-color: #222; | |
padding: 2px 16px; | |
color: white; | |
} | |
.row:after { | |
content: ""; | |
display: table; | |
clear: both; | |
} | |
/* Six columns side by side */ | |
.column { | |
float: left; | |
width: 16.66%; | |
} | |
/* Add a transparency effect for thumnbail images */ | |
.demo { | |
opacity: 0.6; | |
} | |
.active, | |
.demo:hover { | |
opacity: 1; | |
} | |
</style> | |
<script> | |
var slideIndex = 1; | |
showSlides(slideIndex); | |
function plusSlides(n) { | |
showSlides(slideIndex += n); | |
} | |
function currentSlide(n) { | |
showSlides(slideIndex = n); | |
} | |
function showSlides(n) { | |
var i; | |
var slides = document.getElementsByClassName("mySlides"); | |
var dots = document.getElementsByClassName("demo"); | |
var captionText = document.getElementById("caption"); | |
if (n > slides.length) { | |
slideIndex = 1 | |
} | |
if (n < 1) { | |
slideIndex = slides.length | |
} | |
for (i = 0; i < slides.length; i++) { | |
slides[i].style.display = "none"; | |
} | |
for (i = 0; i < dots.length; i++) { | |
dots[i].className = dots[i].className.replace(" active", ""); | |
} | |
slides[slideIndex - 1].style.display = "block"; | |
dots[slideIndex - 1].className += " active"; | |
captionText.innerHTML = dots[slideIndex - 1].alt; | |
} | |
</script> | |
</section> | |
<div class="h4 text-center mb-4 title" style="width: 80%"></div> | |
<div id="map"></div> | |
<style> | |
#map { | |
margin-top: 8px; | |
margin-bottom: 25px; | |
height: 300px; | |
margin: 0 auto; | |
width: 85%; | |
} | |
</style> | |
<script> | |
function initMap() { | |
var uluru = { lat: 15.1639455, lng: 108.7972963 }; | |
var map = new google.maps.Map(document.getElementById('map'), { | |
zoom: 15, | |
center: uluru | |
}); | |
var contentString = '<div id="content">' + | |
'<div id="siteNotice">' + | |
'</div>' + | |
'<b id="firstHeading" class="firstHeading">48 Nguyễn Văn Linh, Trương Quang Trọng, Sơn Tịnh, Quảng Ngãi, Vietnam</b>' + | |
'<div id="bodyContent">' + | |
'<p>Đây là địa chỉ cuả Nhà Xe Hoàng Phúc </p>' | |
'</div>' + | |
'</div>'; | |
var infowindow = new google.maps.InfoWindow({ | |
content: contentString, | |
maxWidth: 200 | |
}); | |
var marker = new google.maps.Marker({ | |
position: uluru, | |
map: map, | |
title: 'Uluru (Ayers RocK)', | |
draggable: true, | |
animation: google.maps.Animation.DROP | |
}); | |
marker.addListener('click', function () { | |
infowindow.open(map, marker); | |
}); | |
marker.addListener('click', toggleBounce); | |
function toggleBounce() { | |
if (marker.getAnimation() !== null) { | |
marker.setAnimation(null); | |
} else { | |
marker.setAnimation(google.maps.Animation.BOUNCE); | |
} | |
} | |
} | |
</script> | |
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB0c3onWCNTgztTwLF6E0K9bxuK65cHSkI&callback=initMap"> | |
</script> | |
</div> | |
</div> | |
</div> | |
<!-- Page Footer--> | |
<footer style="background: #292b31 url(images/background-05-1920x1100.jpg) center/cover no-repeat;margin-top: 35px" class="page-footer"> | |
<div class="shell section-top-90 section-bottom-90 section-md-top-20 section-md-bottom-150"> | |
<div class="range range-xs-center text-left"> | |
<div class="cell-xs-3 cell-sm-4 cell-md-3"> | |
<h5 class="text-italic text-regular text-primary hehe">Trợ giúp</h5> | |
<!-- List--> | |
<ul class="list list-0 p text-small-15 offset-top-10 offset-md-top-20"> | |
<li> | |
<a href="contacts.html" class="text-white">Liên Hệ</a> | |
</li> | |
<li> | |
<a href="contacts.html" class="text-white">48 Nguyễn Văn Linh,P. Trương Quang Trọng, Thành Phố Quảng Ngãi</a> | |
</li> | |
</ul> | |
</div> | |
<div class="cell-xs-5 cell-sm-5 cell-md-3 offset-top-35 offset-xs-top-0"> | |
<h5 class="text-italic text-regular text-primary">Truy cập nhanh</h5> | |
<!-- List--> | |
<ul class="list list-0 p text-small-15 offset-top-10 offset-md-top-20"> | |
<li> | |
<a href="#" class="text-white"></a> | |
</li> | |
<li> | |
<a href="#" class="text-white"></a> | |
</li> | |
<li> | |
<a href="#" class="text-white"></a> | |
</li> | |
<li> | |
<a href="#" class="text-white"></a> | |
</li> | |
<li> | |
<a href="#" class="text-white"></a> | |
</li> | |
<li> | |
<a href="#" class="text-white"></a> | |
</li> | |
</ul> | |
</div> | |
<div class="cell-sm-5 cell-md-3 offset-top-35 offset-md-top-0 text-xs-center text-sm-left"> | |
<p class="text-small-14 text-pale-sky"> | |
<span class="text-white">hongphuc</span> © | |
<span id="copyright-year"></span> | | |
<a href="privacy.html" class="text-pale-sky">social network</a> | |
</p> | |
<!-- List Inline--> | |
<ul class="list-inline offset-top-20"> | |
<li class="text-center"> | |
<a href="#" class="icon icon-sm icon-circle icon-bordered fa fa-instagram icon-transparent"></a> | |
</li> | |
<li class="text-center"> | |
<a href="#" class="icon icon-sm icon-circle icon-bordered fa fa-twitter icon-transparent"></a> | |
</li> | |
<li class="text-center"> | |
<a href="#" class="icon icon-sm icon-circle icon-bordered fa fa-facebook-f icon-transparent"></a> | |
<!-- {%FOOTER_LINK}--> | |
</li> | |
</ul> | |
</div> | |
</div> | |
</div> | |
</footer> | |
</div> | |
<!-- Global Mailform Output--> | |
<div id="form-output-global" class="snackbars"></div> | |
<!-- Java script--> | |
<script src="js/core.min.js"></script> | |
<script src="js/script.js"></script> | |
<script type="text/javascript"> | |
var _gaq = _gaq || []; | |
_gaq.push(['_setAccount', 'UA-7078796-5']); | |
_gaq.push(['_trackPageview']); | |
(function () { | |
var ga = document.createElement('script'); | |
ga.type = 'text/javascript'; | |
ga.async = true; | |
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + | |
'.google-analytics.com/ga.js'; | |
var s = document.getElementsByTagName('script')[0]; | |
s.parentNode.insertBefore(ga, s); | |
})(); | |
</script> | |
</body> | |
<!-- Google Tag Manager --> | |
<noscript> | |
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-P9FT69" height="0" width="0" style="display:none;visibility:hidden"></iframe> | |
</noscript> | |
<script> | |
(function (w, d, s, l, i) { | |
w[l] = w[l] || []; | |
w[l].push({ | |
'gtm.start': new Date().getTime(), | |
event: 'gtm.js' | |
}); | |
var f = d.getElementsByTagName(s)[0], | |
j = d.createElement(s), | |
dl = l != 'dataLayer' ? '&l=' + l : ''; | |
j.async = true; | |
j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; | |
f.parentNode.insertBefore(j, f); | |
})(window, document, 'script', 'dataLayer', 'GTM-P9FT69'); | |
</script> | |
<script> | |
function getTime() { | |
const arrayMonth = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', | |
'October', 'November', 'December' | |
]; | |
var $dateTimePicker1 = $(plugins.bootstrapDateTimePicker[0]); | |
var $dateTimePicker2 = $(plugins.bootstrapDateTimePicker[1]); | |
// $dateTimePicker1 = $dateTimePicker1.context.value.splice($dateTimePicker1.context.value.indexOf(','), 1); | |
var dateTime1 = $dateTimePicker1.context.value; | |
var dateTime2 = $dateTimePicker2.context.value; | |
dateTime1 = dateTime1.replace(',', ''); | |
dateTime2 = dateTime2.replace(',', ''); | |
dateTime1 = dateTime1.split(' '); | |
dateTime2 = dateTime2.split(' '); | |
var dateNow = new Date(); // lay thoi gian hien tai | |
var hour = dateNow.getHours(); | |
var mm = dateNow.getMinutes(); | |
var second = dateNow.getSeconds(); | |
//2018 //thang //ngay | |
var ngayDat = new Date(dateTime1[3], arrayMonth.indexOf(dateTime1[2]), dateTime1[1], hour, mm, second); // lay thoi gian ở form | |
var ngayTra = new Date(dateTime2[3], arrayMonth.indexOf(dateTime2[2]), dateTime2[1], hour, mm, second); | |
// Muốn tính số ngày mượn thì | |
var soNgayMuon = (ngayTra.getTime() - ngayDat.getTime()) / (24 * 60 * 60 * 1000); | |
console.log('Ngày đặt ' + ngayDat); | |
console.log('Ngày trả ' + ngayTra); | |
console.log('so ngay muon ' + soNgayMuon); | |
} | |
</script> | |
<!-- End Google Tag Manager --> | |
</html> | |
@vietduchelo | |
Leave a comment | |
Attach files by dragging & dropping, , or pasting from the clipboard. Styling with Markdown is supported | |
© 2018 GitHub, Inc. | |
Terms | |
Privacy | |
Security | |
Status | |
Help | |
Contact GitHub | |
API | |
Training | |
Shop | |
Blog | |
About | |
Press h to open a hovercard with more details. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment