Hi,
I run my website in local.
Your demo file do that too.
`<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="SemiColonWeb" />
<!-- Stylesheets
============================================= -->
<link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700|Roboto:300,400,500,700" rel="stylesheet" type="text/css" />
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
<link rel="stylesheet" href="{% static 'css/style.css' %}" type="text/css" />
<link rel="stylesheet" href="{% static 'css/responsive.css' %}" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- One Page Module Specific Stylesheet -->
<link rel="stylesheet" href="{% static 'css/onepage.css' %}" type="text/css" />
<!-- / -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="{% static 'css/dark.css' %}" type="text/css" />
<link rel="stylesheet" href="{% static 'css/font-icons.css' %}" type="text/css" />
<link rel="stylesheet" href="{% static 'css/et-line.css' %}" type="text/css" />
<link rel="stylesheet" href="{% static 'css/animate.css' %}" type="text/css" />
<link rel="stylesheet" href="{% static 'css/magnific-popup.css' %}" type="text/css" />
<link rel="stylesheet" href="{% static 'css/fonts.css' %}" type="text/css" />
<!-- SLIDER REVOLUTION 5.x CSS SETTINGS -->
<link rel="stylesheet" type="text/css" href="{% static 'css/rs/settings.css' %}" media="screen" />
<link rel="stylesheet" type="text/css" href="{% static 'css/rs/layers.css' %}">
<link rel="stylesheet" type="text/css" href="{% static 'css/rs/navigation.css' %}">
<style>
#rev_slider_17_1_wrapper .tp-loader.spinner3 { background-color: #333333 !important; }
.blurslider-gradient { background:-webkit-linear-gradient(left,#9357cc 0%,#2989d8 50%,#1abc9c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.blurslider-line{background:-webkit-linear-gradient(left,#9357cc 0%,#2989d8 50%,#1abc9c 100%) !important; }
#rev_slider_17_1 .uranus.tparrows { width:50px; height:50px; background:rgba(255,255,255,0); }
#rev_slider_17_1 .uranus.tparrows:before { width:50px; height:50px; line-height:50px; font-size:40px; transition:all 0.3s;-webkit-transition:all 0.3s; }
#rev_slider_17_1 .uranus.tparrows:hover:before { opacity:0.75; }
</style>
<!-- Document Title
============================================= -->
<title>{{ titre }}</title>
</head>
...
<body> <script>
$('#google-map').gMap({
address: 'Repentigny, Québec, Canada',
maptype: 'ROADMAP',
zoom: 14,
doubleclickzoom: false,
controls: {
panControl: true,
zoomControl: true,
mapTypeControl: true,
scaleControl: false,
streetViewControl: false,
overviewMapControl: false
}
});
</script>
</body>