View map.js
/* Google Map js */
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDQrSH72PO_A4vrIlMOmtUCUMyPsEccxJk&callback=initMap"></script>
// When the window has finished loading create our google map below
google.maps.event.addDomListener(window, 'load', init);
function init() {
// Basic options for a simple Google Map
// For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions
var mapOptions = {
View sticky-menu.js
/* sticky-menu */
$(window).on('scroll',function() {
if ($(this).scrollTop() > 1){
$('#sticky-header').addClass("sticky");
}
else{
$('#sticky-header').removeClass("sticky");
}
});
View index.html
<header class="header-area">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="logo">
<h2><a href="index.html">Logo</a></h2>
</div>
</div>
<div class="col-md-9">
<div class="mainmenu">
View index.html
<!-- slider area start -->
<div class="home-slider owl-carousel">
<div class="single-slider center img-bg slide-bg-1">
<div class="slider-text">
<div class="container">
<h1>welcome to our beauty shop</h1>
<p>it’s make you beauty</p>
<a href="#" class="btn btn-custom">explore now</a>
</div>
</div>
View main.js
isotop active
--------------
// filter items on button click
$('.portfolio-filter').on( 'click', 'li', function() {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
// init Isotope
var $grid = $('.grid').isotope({
View video.html
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" width="816" height="459" src="https://www.youtube.com/embed/zpOULjyy-n8" frameborder="0" allowfullscreen></iframe>
</div>
View code.css
code{
position: absolute;
padding: 30px;
border:1px solid rgb(75, 86, 95);
border-right: 0;
}
code ol {
}
code ol li{
View menu-active-class.js
jQuery(window).load(function() {
var url = window.location.href;
$('#navigation li').find('.active').removeClass('active');
$('#navigation li a').filter(function(){
return this.href == url;
}).parent().addClass('active');
});
View Extention.txt
Emmet
AutoFileName
AllAutocomplete
BracketHighlighter
Local History
View html-animation.html
<h1 data-animation="fadeInUp" data-duration=".4s">..</h1>
<p data-animation="fadeInUp" data-delay=".4s" data-duration=".4s">...</p>
<div class="slider-button" data-animation="fadeInUp" data-delay=".8s" data-duration=".8s">
<a href="#" class="edu-button">Enroll Now</a>
</div>