JSFiddle - React, Tailwind, and code Playground

by fredd man

HTML

<!DOCTYPE html>
<html lang="en">
<head>
	

<meta charset="utf-8">
	
	<link rel="Shortcut Icon" type="image/ico" href="imgs/favicon.ico" />
	<meta name="viewport" content="width=device-width, initial-scale=1" />
  
	<title>SE VENDE TERRENO EN TAHUAYCANI 245 m2 $ 750 dolares xm2</title>
  
	<!-- CSS _____________________________________________-->
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:400,600&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">

	<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/gk0rmq7z8pee1j6/icomoon.css" media="screen" />
	<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/cyj1yd4gkavudwb/magnificpopup.css" media="screen" />
	<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/tle3fmnx6hm6fm6/columns.min.css" media="screen" />
	<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/nxdpgs2xe64i0dv/style.css" media="screen" />  

	<!-- Fixing Internet Explorer ______________________________________-->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/jrk7h1gd3jcbrv2/ie.css" />
	<![endif]-->

</head>
<body>

	<!-- Loader _______________________________-->
	<div class="loadreveal"></div>
	<div id="loadscreen"><div id="loader"><span></span></div></div>

	<!-- HEADER _____________________________________________-->
	<header role="banner" id="header">
			
		<div class="wrapper">

			<!-- Logo __-->
			<h1 id="logo">
			<a href="index1.html" rel="SE VENDE TERRENO EN TAHUAYCANI 245 m2 $ 750 dolares xm2" id=""> 
					<img src="imgs/logo.png"  alt="logo" />
				</a>
			</h1>
		
			<!-- Main menu __-->
			<nav id="mainmenu" role="navigation">
			
				<div id="menu-burger"><i class="icon-menu"></i></div>
				<div id="searchicon">
					<i class="icon-search"></i>
					<form action="/" method="get" id="searchbar">
						<fieldset>
							<input type="text"...

JavaScript

<!-- Javascripts ______________________________________-->
<script src="https://dl.dropboxusercontent.com/s/fm4r6dzwl7qop5r/jquery.min.js"></script> 
<script src="https://dl.dropboxusercontent.com/s/m00rnc03tb2zjbp/retina.min.js"></script> 
<!-- include map scripts -->
<script src="https://maps.google.com/maps/api/js?sensor=true&amp;ver=4.0"></script>
<script src="https://dl.dropboxusercontent.com/s/0yyheliteedxyr0/jquery.gmap.min.js"></script>
<!-- include image popups -->
<script src="https://dl.dropboxusercontent.com/s/w01c7gm5vaxl1fv/jquery.magnific-popup.min.js"></script> 
<!-- include AJAX contact from -->
<script src="https://dl.dropboxusercontent.com/s/e8p2gvxa0wqybj9/jquery.jigowatt.js"></script>
<!-- include svg line drawing plugin -->
<script src="
https://dl.dropboxusercontent.com/s/ofhv55r8t9ol817/jquery.lazylinepainter.min.js"></script>
<!-- include custom script -->
<script src="
https://dl.dropboxusercontent.com/s/ov4ow6vdbnv6gy9/scripts.js"></script>

<script>
jQuery(window).load(function() {
	jQuery("#gmap").gMap({
		scrollwheel: false,
		zoom: 14,
		markers:[{
			address: "-16.402337, -71.555316",
			icon: {
				image: "https://dl.dropboxusercontent.com/s/lrpsh6co4cg9jc8/mapmarker.png", iconsize: [48,48], iconanchor: [48,48]
			}
			}],
		controls: {
		   panControl: true,  zoomControl: true,   mapTypeControl: false,   scaleControl: true,   streetViewControl: false,   overviewMapControl: false
		},
	});
});
</script