<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Radio Vocem - Transmitiendo La Voz Del Cielo</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/venobox/venobox.css" rel="stylesheet">
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!--==========================
Header
============================-->
<header id="header">
<div class="container">
<div id="logo" class="pull-left">
<!-- Uncomment below if you prefer to use a text logo -->
<a href="index.html"><h1>Radio<span>Vocem</span></h1></a>
<!-- <a href="#intro" class="scrollto"><img src="" alt="" title=""></a> -->
</div>
<nav id="nav-menu-container">
<ul class="nav-menu">
<li class="buy-tickets2"><a href="" onclick="myFunction2()">VER EN VIVO</a></li>
<li class="buy-tickets"><a href="https://pushpay.com/g/radiovocem" target="_blank">APÓYANOS</a></li>
</ul>
</nav><!-- #nav-menu-container -->
</div>
</header><!-- #header -->
<!--==========================
Intro Section
============================-->
<section id="intro">
<div class="intro-container wow fadeIn">
<img src="img/logo.png" height="30%" alt="" title=""><br><br>
<h1 class="mb-4 pb-0">Radio Vocem<br><span>Escuchar</span> en Directo</h1><br>
<a href="" class="play-btn mb-4" onclick="myFunction()"></a>
</div>
</section>
<a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a>
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/jquery/jquery-migrate.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/superfish/hoverIntent.js"></script>
<script src="lib/superfish/superfish.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/venobox/venobox.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script>
function myFunction() {var myWindow = window.open("player.html", "", "width=550,height=700,top=39,left=25");}
</script>
<script>
function myFunction2() {var myWindow = window.open("live-stream.html", "", "width=561,height=465,top=39,left=25");}
</script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<!-- Template Main Javascript File -->
<script src="js/main.js"></script>
</body>
</html>
