Skip to content

Instantly share code, notes, and snippets.

@agustinhaller
Created January 26, 2013 17:53
Show Gist options
  • Select an option

  • Save agustinhaller/4643497 to your computer and use it in GitHub Desktop.

Select an option

Save agustinhaller/4643497 to your computer and use it in GitHub Desktop.
main page
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="es" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="es" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="es" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://opengraphprotocol.org/schema/"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es" xmlns:fb="http://ogp.me/ns/fb#" xmlns:og="http://opengraphprotocol.org/schema/"> <!--<![endif]-->
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Hub Internacional</title>
<meta name="robots" content="index,follow">
<meta name="description" content="{{DESCRIPTION}}">
<meta name="keywords" content="hub internacional, noticias">
<link rel="schema.DC" href="http://purl.org/dc/elements/1.1/">
<meta name="DC.title" content="Hub Internacional">
<meta name="DC.description" content="{{DESCRIPTION}}">
<meta name="msvalidate.01" content="{{BING_CODE}}"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="fb:app_id" content="{{FB_APP_ID}}">
<meta property="og:site_name" content="{{SITE_NAME}}">
<meta property="og:title" content="Hub Internacional">
<meta property="og:image" content="{{SITE_IMAGE}}">
<meta property="og:description" content="{{DESCRIPTION}}">
<meta property="og:url" content="dev.hubinternacional.org">
<meta property="og:type" content="website">
<meta name="twitter:card" value="summary">
<meta name="twitter:url" value="dev.hubinternacional.org">
<meta name="twitter:title" value="Hub Internacional">
<meta name="twitter:description" value="{{DESCRIPTION}}">
<meta name="twitter:image" value="{{SITE_IMAGE}}">
<meta name="twitter:site" value="">
<link rel="shortcut icon" href="http://dev.hubinternacional.org/static/img/icons/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="http://dev.hubinternacional.org/static/img/icons/apple-touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://dev.hubinternacional.org/static/img/icons/apple-touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://dev.hubinternacional.org/static/img/icons/apple-touch-icon-iphone4.png" />
<link rel="apple-touch-icon" sizes="144x144" href="http://dev.hubinternacional.org/static/img/icons/apple-touch-icon-ipad3.png" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://dev.hubinternacional.org/rss"/>
<link rel="canonical" href="http://dev.hubinternacional.org"/>
<!-- Web Fonts -->
<!-- <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Ropa+Sans:400,400italic&subset=latin,latin-ext'> -->
<!-- Others -->
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/bootstrap.css">
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/font-awesome.css">
<!--[if IE 7]>
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/font-awesome-ie7.css">
<![endif]-->
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/zocial.css">
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/bootstrap-responsive.css">
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/jquery.fancybox-1.3.4.css">
<link rel="stylesheet" href="http://dev.hubinternacional.org/static/css/main.css">
<!--
<link rel="stylesheet" href="/min/g=css"/>
-->
<!-- This includes html5shim -->
<script src="http://dev.hubinternacional.org/static/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>
<!-- {{EXTRA_HEAD}} -->
<script>
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "{{ANALYTICS_ACCOUNT}}"]);
_gaq.push(["_trackPageview"]);
(function() {
var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body class="home">
<!--[if lt IE 7]>
<p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
<![endif]-->
<header class="row">
<div class="row-fluid">
<div class="span2 site-logo">
<a href="#" title=""><img src="./static/img/logo.png" alt=""></a>
</div>
<div class="span8 site-navigation">
<div class="navbar navbar-inverse site-navigation-wrapper">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".navbar-responsive-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand visible-phone visible-tablet" href="#">Menu</a>
<!-- style="height: 0px;" -->
<div class="nav-collapse navbar-responsive-collapse collapse">
<ul class="nav">
<li><a href="#"><span>CONOCÉNOS</span></a></li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>ECONOMÍA INTERNACIONAL</span></a>
<ul class="dropdown-menu">
<li><a href="#">Finanzas Internacionales</a></li>
<li><a href="#">Desarrollo Internacional</a></li>
<li><a href="#">Economías Emergentes</a></li>
<li><a href="#">Org. Internacionales</a></li>
<li><a href="#">Economía Política</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>POLÍTICA INTERNACIONAL</span></a>
<ul class="dropdown-menu">
<li><a href="#">Seguridad</a></li>
<li><a href="#">Geopolítica y Estrategia</a></li>
<li><a href="#">Diplomacia</a></li>
<li><a href="#">Org. Internacionales</a></li>
<li><a href="#">Democracia y DD.HH.</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><span>NEGOCIOS Y EMPRENDIMIENTOS</span></a>
<ul class="dropdown-menu">
<li><a href="#">Comercio Internacional</a></li>
<li><a href="#">Tendencias y Oportunidades</a></li>
<li><a href="#">Innovación y Creatividad</a></li>
<li><a href="#">Tecnología y Negocios</a></li>
<li><a href="#">Management</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<li><a href="#"><span>CONTACTO</span></a></li>
</ul>
</div><!-- /.nav-collapse -->
</div>
</div><!-- /navbar-inner -->
</div>
</div>
<div class="span2 pull-right user-preferences">
<a href="#" title="" class="btn btn-large pull-right btn-block" style="display: inline-block; text-align:center;"><span class="visible-desktop pull-left">Preferencias</span><i class="icon-cogs"></i></a>
</div>
</div>
</header>
<div class="main-content">
<div class="row-fluid news-row">
<h3 class="news-category-title">ECONOMÍA INTERNACIONAL</h3>
<div class="row news-list-container">
<ul class="news-list">
<li class="news-item">
<div class="news-item-wrapper">
<img src="http://placehold.it/280x160/eee/000" alt="">
<div class="news-resume">
<h4 class="news-title">Título de la noticia</h4>
</div>
<h4 class="news-source">Fuente de la noticia</h4>
<div class="news-over-resume">
<h4 class="news-over-source">The Economist / C. Megan</h4>
<i class="icon-caret-right"></i>
<h3 class="news-over-title">CAMBIO O CAÍDA DE LOS PARADIGMAS?</h3>
<p class="news-over-description">Se puede hablar de caída o simplemente de cambios. Aunque lo realmente importante sean los porque.</p>
<a class="expand-news" href="#" title=""><i class="icon-plus-sign"></i></a>
</div>
</div>
</li>
</ul>
<div class="clearfix"></div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment