shehabkhan013

      /* 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 = {

shehabkhan013

/* sticky-menu  */
$(window).on('scroll',function() {
if ($(this).scrollTop() > 1){  
    $('#sticky-header').addClass("sticky");
  }
  else{
    $('#sticky-header').removeClass("sticky");
  }
}); 

shehabkhan013

<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">

shehabkhan013

<!-- 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>

shehabkhan013

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({

shehabkhan013

<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>

shehabkhan013

 code{
position: absolute;
    padding: 30px;
    border:1px solid rgb(75, 86, 95);
    border-right: 0;
 }
 code ol {
 	
 }
 code ol li{

shehabkhan013

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');
    });

shehabkhan013

Emmet

AutoFileName

AllAutocomplete

BracketHighlighter

Local History

shehabkhan013

<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>