JSFiddle - React, Tailwind, and code Playground

by chrisbenseler

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<div id="data">

</div>

CSS

div {
  padding: 10px;
  
}

div img {
  max-width: 100%;
}

JavaScript

var url = "http://intranet-redesocial.com.br/servicos/arquitetura-de-informacao";

$
.ajax({
	url: "https://opengraph.io/api/1.0/site/" + url
})
.done(function(data) {
	console.log(data)
  
	$("div#data").html("<strong>" + data.hybridGraph.title + "</strong><br />" + data.hybridGraph.description + "<br /><img src='" + data.hybridGraph.image + "' />")
});