Visit this page in github
following this link: bernovie.
If you want to embed the family tree in your website simply copy and paste the following HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="/css/main.css" rel="stylesheet">
<link href="/css/jumbotron-narrow.css" rel="stylesheet" type="text/css">
<link href="Treant.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/perfect-scrollbar/perfect-scrollbar.css" type="text/css">
<!-- <link rel="stylesheet" type="text/css" href="css/index.css" /> -->
</head>
<body>
<!--- Narrow Jumbotron Example -->
<div class="container">
<div class="header clearfix">
<nav>
<ul class="nav nav-pills pull-right">
<li role="presentation" class ="active" ><a href="http://bernovie.github.io">Home</a></li>
<li role="presentation"><a href="/about/index.html">About</a></li>
<li role="presentation"><a href="arbol.html">Contact</a></li>
</ul>
</nav>
<h3 class="text-muted"><a href = "http://bernovie.github.io" style="color: rgba(201, 134, 134, 1)" >Árbol Genealógico</a></h3>
</div>
<div class="content">
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- This is a wide open CSP declaration. To lock this down for production, see below.
<meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
-->
<!-- Good default declaration:
* gap: is required only on iOS (when using UIWebView) and is needed for JS->native communication
* https://ssl.gstatic.com is required only on Android and is needed for TalkBack to function properly
* Disables use of eval() and inline scripts in order to mitigate risk of XSS vulnerabilities. To change this:
* Enable inline JS: add 'unsafe-inline' to default-src
* Enable eval(): add 'unsafe-eval' to default-src
* Create your own at http://cspisawesome.com
-->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-inline' https://ssl.gstatic.com; style-src 'self' 'unsafe-inline'; media-src *" /> -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- Latest compiled and minified CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<link href="/css/jumbotron-narrow.css" rel="stylesheet" type="text/css">
<div class="chart" id="collapsable-example"></div>
<script src="/vendor/raphael.js"></script>
<script src="Treant.js"></script>
<script src="/vendor/jquery.min.js"></script>
<script src="/vendor/jquery.easing.js"></script>
<script src="collapsable.js"></script>
<script>
tree = new Treant( chart_config );
</script>
</html>
</div>
<footer class="footer">
<p>© 2016 Oviedo, Inc.</p>
</footer>
</div> <!-- /container -->
<!--- Narrow Jumbotron Example Finishes Here -->
</body>
</html>