Geocoded Locations

<!DOCTYPE html>
<html>
<head>
    <title>Geocoded Locations | par NGLESSON</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keyword" content="Chercher un mot sur la liste">
    <meta name="author" content="Mezgani said">
    <meta name="copyright" content="NGLESSON">
    <meta name="robots" content="index,follow">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" type="text/css">    	
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">	
    <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="container">
<div class="row">
    <div class="col-lg-12">
          <div id="map_div"></div>
  </div>	
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript" src="script.js"></script>
</body>
</html>
#map_div{
    width: 100%; 
    height: 450px;
}
google.charts.load("current", {
    "packages":["map"],
    // Note: you will need to get a mapsApiKey for your project.
    // See: https://developers.google.com/chart/interactive/docs/basic_load_libs#load-settings
    "mapsApiKey": "AIzaSyD-9tSrke72PouQMnMX-a7eZSW0jkFMBWY"
});
  google.charts.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Lat', 'Long', 'Name'],
      [34.000173, -6.868728, 'Domicile'],
      [33.992634, -6.719212, 'Travail'],
      [33.999128, -6.866481, 'Terrain'],
      [33.998683, -6.869673, 'Snack']
    ]);

    var map = new google.visualization.Map(document.getElementById('map_div'));
    map.draw(data, {
      showTooltip: true,
      showInfoWindow: true
    });
  }
Asidebar Menu Style01

Asidebar Menu Style01

Bloc resizable with jquery

Bloc resizable with jquery

Créer un effet de défilement vers le bas de la souris animé

Créer un effet de défilement vers le bas de la souris animé

Menu aside style01 slide out

Menu aside style01 slide out

Profile page with b4

Profile page with b4

Scroll down button 01

Scroll down button 01

Timeline style01

Timeline style01

Timeline style03

Timeline style03

Timeline style07

Timeline style07

Titre section avec une anmation style01

Titre section avec une anmation style01

Vers le haut

Vers le haut

texte animate css

texte animate css