MANUEL CAMACHO
PROGRAMADOR Y MARKETING DIGITAL
Si buscas
hosting web,
dominios web,
correos empresariales o
crear páginas web gratis,
ingresa a
PaginaMX
Por otro lado, si buscas crear códigos qr online ingresa al Creador de Códigos QR más potente que existe
<!DOCTYPE html>
<html lang="en">
<title>index</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body {font-family: "Lato", sans-serif}
.mySlides {display: none}
</style>
<body>
<!-- Navbar -->
<div class="w3-top">
<div class="w3-bar w3-black w3-card">
<a class="w3-bar-item w3-button w3-padding-large w3-hide-medium w3-hide-large w3-right" href="javascript:void(0)" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">HOME</a>
<a href="#band" class="w3-bar-item w3-button w3-padding-large w3-hide-small">ASOCIACION</a>
<a href="#tour" class="w3-bar-item w3-button w3-padding-large w3-hide-small">FORMACION</a>
<a href="#contact" class="w3-bar-item w3-button w3-padding-large w3-hide-small">ASOCIATE</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-hide-small">CAMPEONATOS</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large w3-hide-small">CAMPO VIRTUAL</a>
<div class="w3-dropdown-hover w3-hide-small">
<button class="w3-padding-large w3-button" title="More">ASOCIADOS <i class="fa fa-caret-down"></i></button>
<div class="w3-dropdown-content w3-bar-block w3-card-4">
<a href="#" class="w3-bar-item w3-button">BOLSA DE EMPLEO</a>
<a href="#" class="w3-bar-item w3-button">JURIDICO</a>
<a href="#" class="w3-bar-item w3-button">EVENTOS</a>
<a href="#" class="w3-bar-item w3-button">PERIODICO</a>
<a href="#" class="w3-bar-item w3-button">RED SOCIAL</a>
<a href="#" class="w3-bar-item w3-button">BLOG</a>
<a href="#" class="w3-bar-item w3-button">GALERIA</a>
</div>
</div>
<a href="javascript:void(0)" class="w3-padding-large w3-hover-red w3-hide-small w3-right"><i class="fa fa-search"></i></a>
</div>
</div>
<!-- Navbar on small screens (remove the onclick attribute if you want the navbar to always show on top of the content when clicking on the links) -->
<div id="navDemo" class="w3-bar-block w3-black w3-hide w3-hide-large w3-hide-medium w3-top" style="margin-top:46px">
<a href="#band" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">BAND</a>
<a href="#tour" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">TOUR</a>
<a href="#contact" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">CONTACT</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large" onclick="myFunction()">MERCH</a>
</div>
<!-- Page content -->
<div class="w3-content" style="max-width:2000px;margin-top:46px">
<!-- Automatic Slideshow Images -->
<div class="mySlides w3-display-container w3-center">
<img src="foto 22.jpg" style="width:100%">
<div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
<h3><b>CAMAREROS DE IBEROAMERICA</b>
</h3>
</div>
</div>
<div class="mySlides w3-display-container w3-center">
<img src="foto 18.jpg" style="width:100%">
<div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
<h3><B>CAMAREROS DE IBEROAMERICA</h3></B>
</div>
</div>
<div class="mySlides w3-display-container w3-center">
<img src="foto27.jpg" style="width:100%">
<div class="w3-display-bottommiddle w3-container w3-text-white w3-padding-32 w3-hide-small">
<h3><B>CAMAREROS DE IBEROAMERICA</h3></B>
</div>
</div>
<!-- The Band Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px" id="band">
<img src="205.png" height="50px" width="550px">
<h2 class="w3-wide">ASOCIACION IBEROAMERICANA DE CAMAREROS EN EUROPA</h2>
<img src="202.jpg" height="90px" width="150px">
<p class="w3-opacity" style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 20px;"><i><b>Objetivos</i></p></b>
<p class="w3-justify" style="font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-size: 20px;">
<ul style="font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; align-self:flex-end;">
<li>Agrupar a los camareros de Iberoamerica excluyendo en todo caso , los fines propios de una Organizacion Profesional, es decir, sin animo de lucro.</li>
<li>La Asociacion tendra un caracter educativo, social, cultural y civico. Sus actividades iran encaminadas a favorecer los valores constitucionales, la cooperacion para el desarrollo de programas o actuaciones formativas la economia social y de la promocion del la calidad del servicio de sala, bar y cafeteria en Europa y Latinoamerica</li>
<li>Estudio y divulgacion del servicio protocolar en sala, cocteleria y el mundo del barismo entre los asociados.</li>
<li>Promocion, defensa y divulgacion de la gastronomia, enologia, reposteria, en latinoamerica y Europa</li>
<li>Relaciones e intercambios con otras Asociaciones Profesionales de camareros, bartenter y barista tanto en Europa como en latinoamerica</li>
<li>Formacion Profesional y etica de sus asociados</li>
<li>Estudio, conocimiento y divulgacion de la profesion en todos sus ambitos.</li>
<li>Fomentar mediante actos, concursos, competencias, foros profesionales etc la divulgacion, difusion y arte del servicio de sala, trinchar, flambear, preparar y decorar mesas, protocolo, atencion al cliente, sumilleria, cocteleria, barismo etc</li>
<li>Velar por el prestigio de la profesion de camarero de sala, bar y cafeteria y afines.</li>
<li>Acudir a Encuentros Profesionales de Escuelas de Hosteleria, asi como el facilitar a los jovenes de las Escuelas de hoteleria , la participacion en actos, o simposios y campeonatos etc que realice la Asociacion tanto en Europa y latinoamerica</li>
<li>Crear una bolsa internacional de trabajo para nuestros asociados</li>
</ul>
</p>
<div class="w3-row w3-padding-32">
<div class="w3-third">
<p>Union de Maitre </p>
<img src="10.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width:60%">
</div>
<div class="w3-third">
<p>Asociacion de Maitre de Venezuela</p>
<img src="5.jpg" class="w3-round w3-margin-bottom" alt="Random Name" style="width:60%" width="50px" height="100px">
</div>
<div class="w3-third">
<p>Asociacion de Maitre de Aragon</p>
<img src="8.jpg" class="w3-round" alt="Random Name" style="width:60%">
</div>
</div>
</div>
<!-- The Tour Section -->
<div class="w3-black" id="tour">
<div class="w3-container w3-content w3-padding-64" style="max-width:800px">
<h2 class="w3-wide w3-center">FORMACION</h2>
<p class="w3-opacity w3-center"><i>Proximos Eventos </i></p><br>
<ul class="w3-ul w3-border w3-white w3-text-grey">
<li class="w3-padding">Febrero <span class="w3-tag w3-red w3-margin-left">Curso Presencial en Madrid Espa�a</span></li>
<li class="w3-padding">Marzo <span class="w3-tag w3-red w3-margin-left">Inicio de Curso online</span></li>
<li class="w3-padding">Abril<span class="w3-badge w3-right w3-margin-right">Seminario Virtual</span></li>
</ul>
<div class="w3-row-padding w3-padding-32" style="margin:0 -16px">
<div class="w3-third w3-margin-bottom">
<img src="31.jpg" alt="New York" style="width: 90%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>EL MUNDO DE SALA</b></p>
<p class="w3-opacity">CURSOS ONLINE</p>
<p>CAMARERO DE SALA</p>
<button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Informacion</button>
</div>
</div>
<div class="w3-third w3-margin-bottom">
<img src="2.jpg" alt="Paris" style="width: 85%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>EL MUNDO DEL BAR</b></p>
<p class="w3-opacity">CURSOS ONLINE</p>
<p>CAMARERO DE BAR</p>
<button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Informacion</button>
</div>
</div>
<div class="w3-third w3-margin-bottom">
<img src="CAFE.jpg" alt="San Francisco" style="width:115%" class="w3-hover-opacity">
<div class="w3-container w3-white">
<p><b>EL MUNDO DEL CAFE</b></p>
<p class="w3-opacity">CURSOS ONLINE</p>
<p>CAMARERO DE CAFETERIA</p>
<button class="w3-button w3-black w3-margin-bottom" onclick="document.getElementById('ticketModal').style.display='block'">Informacion</button>
</div>
</div>
</div>
</div>
</div>
<!-- Ticket Modal -->
<div id="ticketModal" class="w3-modal">
<div class="w3-modal-content w3-animate-top w3-card-4">
<header class="w3-container w3-teal w3-center w3-padding-32">
<span onclick="document.getElementById('ticketModal').style.display='none'"
class="w3-button w3-teal w3-xlarge w3-display-topright"></span>
<img src="200.jpg" height="90px" width="90px">
<h2 class="w3-wide">FORMACION ON LINE</h2>
</header>
<div class="w3-container">
<div class="column">
<br>
<br>
<img src="12.jpg" alt="1" width="300px" height="150px">
<h2>CURSO CAMARERO DE SALA</h2>
<p style="font-family: lucida sans; text-align: justify;">Convierte tu pasion en tu profesion.En este curso te enseñaremos a trabajar con protocolo en sala. Tiene dos niveles el basico donde te certificara como ayudante y el nivel Profesional donde te titularas como camarero Profesional de sala y tendras tu carnet que avala tus conocimientos en la Union Europea y latinoamerica</p>
<a href="jefederangoformacion.html.html"><img src="31.png" width="80px" height="90px"></a>
</div>
<div class="column">
<img src="21.jpg" alt="1" width="300px" height="150px" >
<h2>CURSO DE CAMARERO DE BAR</h2>
<p style="font-family: lucida sans; text-align: justify"> Si tu pasion es servir copas o mezclar bebidas entoce este curso es para ti. Esta formacion esta dirijida a todas aquellas personas que deseen ser cocteleros, este curso tiene dos niveles uno que te certificara como camarero de bar y el segundo nivel que te titulara como coctelero Profesional y tendras tu carnet que avala tus conocimientos en la Union Europea y Latinoamerica</p>
<a href="jefedesalaformacion.html - copia.html"><img src="31.png" width="80px" height="90px"></a>
</div>
<div class="column">
<img src="20.jpg" alt="1" width="300px" height="150px">
<h2>CURSO DE CAMARERO DE CAFETERIA</h2>
<p style="font-family: lucida sans; text-align: justify">La pasion por el cafe es mas que una pasion es una profesion.Si lo tuyo es estar enfrente de una maquina de cafe preparando los diferentes cafe entonce no lo pienses mas este es tu curso. Esta formacion tiene dos niveles uno que te certificara como camarero de cafateria y el segundo nivel que te titulara como barista profesional al final tendras tu carnet que avala tus conocimientos en la Unio Europea y Latinoamerica </p>
<a href="Maitredehotelformacion.html - copia.html"><img src="31.png" width="80px" height="90px"></a>
</div>
<button class="w3-button w3-red w3-section" onclick="document.getElementById('ticketModal').style.display='none'">Close <i class="fa fa-remove"></i></button>
<p class="w3-right">Need <a href="asehca@yahoo.com" class="w3-text-blue">help?</a></p>
</div>
</div>
</div>
<!-- The Contact Section -->
<div class="w3-container w3-content w3-padding-64" style="max-width:800px" id="contact" style="align-self: center;">
<h2 class="w3-wide w3-center">ASOCIATE</h2>
<p class="w3-opacity w3-center"><i>Envianos un email para enviarte informacion </i></p>
<div class="w3-row w3-padding-32">
<div class="w3-col m6 w3-large w3-margin-bottom">
<i class="fa fa-map-marker" style="width:30px"></i><b>Europa, España<br></b>
<i class="fa fa-phone" style="width:30px"></i>Phone: +0034641408760<br>
<i class="fa fa-envelope" style="width:30px"> </i> Email: camarerosiberoeneuropa@gmail.com<br>
</div>
</div>
<hr style="color: blue; font-size: 10px;">
<!-- End Page Content -->
</div>
<!-- Image of location/map -->
<iframe width="500" height="250" style="align-self: center;" src="https://www.youtube.com/embed/N9t3vNifLKQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
<iframe width="500" height="250" src="https://www.youtube.com/embed/_ssmtlk-9do" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<!-- Footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity w3-light-grey w3-xlarge"; style="color: black;">
<a href="https://www.facebook.com/asociacioniberoamericanadecamareros"><i class="fa fa-facebook-official w3-hover-opacity"></i></a>
<a href="https://www.instagram.com/asociaciondecamarerosiberoame/"><i class="fa fa-instagram w3-hover-opacity"></i></a>
<a href="https://www.youtube.com/channel/UCNcq-QIpWlf-dXGKGYnX7Og"><i class="fa fa-youtube w3-hover-opacity"></i></a>
<p class="w3-medium">Todos los derechos reservados </p>
</footer>
<script>
// Automatic Slideshow - change image every 4 seconds
var myIndex = 0;
carousel();
function carousel() {
var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
myIndex++;
if (myIndex > x.length) {myIndex = 1}
x[myIndex-1].style.display = "block";
setTimeout(carousel, 4000);
}
// Used to toggle the menu on small screens when clicking on the menu button
function myFunction() {
var x = document.getElementById("navDemo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
// When the user clicks anywhere outside of the modal, close it
var modal = document.getElementById('ticketModal');
window.onclick = function(event) {
if (event.target == modal) {
modal.style.display = "none";
}
}
</script>
</body>
</html>
Tu Sitio Web Gratis
© 2025 MANUEL CAMACHO00859