<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="author" content="">

	<title>Ricky's Portfolio photography</title>

	<!-- CSS -->
	<!-- Bootstrap core CSS -->
	<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

	<!-- Font Awesome CSS -->
	<link href="assets/css/all.css" rel="stylesheet" media="screen">

	<!--[if lte IE 7]> 
		<script src="assets/js/icons-lte-ie7.js"></script>
	<![endif]-->

	<!-- Magnific-popup lightbox -->
	<link href="assets/css/magnific-popup.css" rel="stylesheet">

	<!-- Owl Carousel -->
	<link href="assets/css/owl.theme.css" rel="stylesheet">
	<link href="assets/css/owl.carousel.css" rel="stylesheet">

	<!-- Animate css -->
	<link href="assets/css/animate.css" rel="stylesheet">

	<!-- Custom styles CSS -->
	<link href="assets/css/style.css" rel="stylesheet" media="screen">
</head>
<body>

	<!-- Preloader -->

	<div id="loading">
		<div id="loading-center">
			<div id="loading-center-absolute">
				<div class="box">
				  <div class="blobs">
				    <div class="blob"></div>
				    <div class="blob"></div>
				  </div>

				  <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
				    <defs>
				      <filter id="goo">
				        <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
				        <feColorMatrix in="blur" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
				        <feBlend in="SourceGraphic" in2="goo" />
				      </filter>
				    </defs>
				  </svg>
				</div>
			</div>
		</div>
	</div>

	<!-- Home start -->

	<section id="home" class="module-image js-height-full">

		<div class="intro">
			<div class="hello"></div>
			<br>
			<br>
			<br>
			<div class="who-creates"></div>
		</div>

		<div class="mouse-icon">
			<div class="wheel"></div>
		</div>

		<div class="slider">

			<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">
				<!-- Indicators -->
				<ol class="carousel-indicators">
					<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
					<li data-target="#myCarousel" data-slide-to="1"></li>
					<li data-target="#myCarousel" data-slide-to="2"></li>
                    <li data-target="#myCarousel" data-slide-to="3"></li>
                    <li data-target="#myCarousel" data-slide-to="4"></li>
				</ol>

				<!-- Wrapper for slides -->
				<div class="carousel-inner">
					<div class="item active">
						<img src="assets/images/home2.jpg" alt="Ricky's Portfolio">
					</div>

					<div class="item">
						<img src="assets/images/home1.jpg" alt="Ricky's Portfolio">
					</div>

					<div class="item">
						<img src="assets/images/home3.jpg" alt="Ricky's Portfolio">
					</div>
                    
                    <div class="item">
                        <img src="assets/images/home4.jpg" alt="Ricky's Portfolio">
                    </div>
                    
                    <div class="item">
                        <img src="assets/images/home5.jpg" alt="Ricky's Portfolio">
                    </div>
				</div>

				<!-- Left and right controls -->
				<a class="left carousel-control" href="#myCarousel" data-slide="prev">
					<i class="fas fa-chevron-left"></i>
					<span class="sr-only">Previous</span>
				</a>
				<a class="right carousel-control" href="#myCarousel" data-slide="next">
					<i class="fas fa-chevron-right"></i>
					<span class="sr-only">Next</span>
				</a>
			</div>

		</div>

	</section>

	<!-- Home end -->

	<!-- Navigation start -->

	<header class="header">

		<nav class="navbar navbar-custom">

			<div class="container">

				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#custom-collapse">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html">ricky's portfolio</a>
				</div>

				<div class="collapse navbar-collapse" id="custom-collapse">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#home">inicio</a></li>
						<li><a href="#portfolio">Trabajos</a></li>
						<li><a href="#about">Nosotros</a></li>
						<li><a href="#blog">Blog</a></li>
						<li><a href="#contact">Contacto</a></li>
					</ul>
				</div>

			</div><!-- .container -->

		</nav>

	</header>

	<!-- Navigation end -->

	<!-- About start -->

	<section id="about">

		<div class="row position-relative margin-0">

			<div class="col-xs-12 col-md-6 side-image"></div>

			<div class="col-xs-12 col-md-6 col-md-offset-6 side-image-text">

				<div class="row">

					<div class="col-sm-12">

						<div class="module-header wow fadeInUp">
							<h2 class="module-title">
								Nosotros
								<span>US</span>
							</h2>
							<div class="module-subtitle">
								Hay algo especial y hermoso en la forma en que una mamá ve a su bebé, como lo carga y lo protege, el poder plasmar en algunas imágenes esta conexión reafirma mi trabajo y mi pasión por ser fotógrafo. 
"El Amor es solo una palabra hasta que alguien viene y le da sentido" 
PAULO COELHO 
Ver una fotografía no es sólo un recuerdo, es un viaje en el tiempo, es revivir sentimientos de ese momento, es volver al pasado y volverlo a vivir todo otra vez. Simplemente hay cosas que no se pueden decir sólo expresarse, en ese preciso segundo es que hago mi trabajo.
							</div>
							<div class="module-line"></div>
						</div>

					</div>

				</div><!-- .row -->

				<div class="row">

					<div class="col-sm-6">

						<div class="iconboxleft wow fadeInUp">
							<div class="iconboxleft-icon">
								<i class="fas fa-camera-retro"></i>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">Fotógrafo</h3>
								<div class="iconboxleft-desc">
									12 años de experiencia nos permiten brindarles un servicio único y característico en cada sesión.
								</div>
							</div>
						</div>

					</div>

					<div class="col-sm-6">

						<div class="iconboxleft wow fadeInUp" data-wow-delay=".2s">
							<div class="iconboxleft-icon">
								<i class="fas fa-headphones-alt"></i>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">Chat</h3>
								<div class="iconboxleft-desc">
									Comunícate con nosotros <a href="https://wa.me/573022276796"><br><img src=/assets/images/wame.gif width="30" height="30" ></a> 
								</div>
							</div>
						</div>

					</div>

				</div><!-- .row -->

				<div class="row">

					<div class="col-sm-6">

						<div class="iconboxleft wow fadeInUp">
							<div class="iconboxleft-icon">
								<i class="fas fa-paint-brush"></i>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">Edición e Impresión</h3>
								<div class="iconboxleft-desc">
									Años de experiencia nos permiten dar el mejor look a las fotos como la mejor impresión hecha en casa.
								</div>
							</div>
						</div>

					</div>

					<div class="col-sm-6">

						<div class="iconboxleft wow fadeInUp" data-wow-delay=".2s">
							<div class="iconboxleft-icon">
								<i class="fas fa-hat-wizard">&nbsp;</i>
							</div>
							<div class="iconboxleft-text">
								<h3 class="iconboxleft-title">Redes Sociales</h3>
								<div class="iconboxleft-desc">
									Siguenos en nuestras redes sociales para que veas nuestros últimos trabajos.
								</div>
							</div>
						</div>

					</div>

				</div><!-- .row -->

			</div><!-- col-xs-12 -->

		</div><!-- .row -->
	</section>

	<!-- About end -->
	<!-- Portfolio start -->

	<section id="portfolio" class="module">
		<div class="container">
			<div class="row">

				<div class="module-header">
					<h2 class="module-title">
						Nuestro Trabajo
						<span>Portfolio</span>
					</h2>
					<div class="module-line"></div>
				</div>

			</div><!-- .row -->
			
	<!-- Portfolio Filter start-->

			<div class="row">

				<div class="col-sm-12">

					<ul id="filter">
						<li class="active" data-group="all">Todos</li>
						<li data-group="reciennacidos">Recién nacidos</li>
						<li data-group="bebes">Bebés</li>
						<li data-group="cakesmash">Cakesmash</li>
						<li data-group="maternidad">Maternidad</li>
						<li data-group="eventos">Eventos</li>
						<li data-group="productos">Productos</li>
					</ul>

				</div>

			</div><!-- .row -->

			<!-- Portfolio Filter end -->

		</div><!-- .contaier -->

		<ul class="list-items-container">

			<li class="list-item" data-groups="all reciennacidos">
				<figure>
					<img src="assets/images/p1-1.jpg" alt="p1">
					<figcaption>
						<a href="assets/images/p1-1.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Recién Nacidos</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all cakesmash">
				<figure>
					<img src="assets/images/p11-11.jpg" alt="p2">
					<figcaption>
						<a href="assets/images/p11-11.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Cakesmash</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all maternidad">
				<figure>
					<img src="assets/images/p3-3.jpg" alt="p3">
					<figcaption>
						<a href="assets/images/p3-3.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Maternidad</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all reciennacidos">
				<figure>
					<img src="assets/images/p4-4.jpg" alt="p4">
					<figcaption>
						<a href="assets/images/p4-4.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Recién Nacidos</div>
						</div>
					</figcaption>
				</figure>
			</li>

			<li class="list-item" data-groups="all bebes">
				<figure>
					<img src="assets/images/p5-5.jpg" alt="p5">
					<figcaption>
						<a href="assets/images/p5-5.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Bebés</div>
						</div>
					</figcaption>
				</figure>
			</li>

			<li class="list-item" data-groups="all maternidad">
				<figure>
					<img src="assets/images/p6-6.jpg" alt="p6">
					<figcaption>
						<a href="assets/images/p6-6.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Maternidad</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all eventos">
				<figure>
					<img src="assets/images/p7-7.jpg" alt="p7">
					<figcaption>
						<a href="assets/images/p7-7.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Bautizos</div>
						</div>
					</figcaption>
				</figure>
			</li>
				<li class="list-item" data-groups="all productos">
				<figure>
					<img src="assets/images/p8-8.jpg" alt="p8">
					<figcaption>
						<a href="assets/images/p8-8.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Productos</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all eventos">
				<figure>
					<img src="assets/images/p9-9.jpg" alt="p9">
					<figcaption>
						<a href="assets/images/p9-9.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Eventos</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all cakesmash">
				<figure>
					<img src="assets/images/p12-12.jpg" alt="p10">
					<figcaption>
						<a href="assets/images/p12-12.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Cakesmash</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all eventos">
				<figure>
					<img src="assets/images/p13-13.jpg" alt="p10">
					<figcaption>
						<a href="assets/images/p13-13.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Eventos</div>
						</div>
					</figcaption>
				</figure>
			</li>
			<li class="list-item" data-groups="all productos">
				<figure>
					<img src="assets/images/p10-10.jpg" alt="p10">
					<figcaption>
						<a href="assets/images/p10-10.jpg" class="simple-ajax-popup"></a>
						<div class="caption-inner">
							<h3 class="portfolio-item-title">Algúnos trabajos</h3>
							<div class="portfolio-item-desc">Productos</div>
						</div>
					</figcaption>
				</figure>
			</li>

		</ul><!-- .projects-container -->

	</section>

	<!-- Portfolio end -->

	<!-- Blog start -->

	<section id="blog" class="module blog">
		<div class="container">

			<div class="module-header">
				<h2 class="module-title">Blog
					<span>Lo último</span>
				</h2>
				<div class="module-line"></div>
			</div>

			<div class="row">

				<div class="col-sm-4">
					<a href="blog-detail.html" class="blogList wow fadeInUp">
						<div class="blogList-img">
							<img src="assets/images/blog1.jpg" alt="Blog Post">
							<span>Blog Post</span>
						</div>
						<div class="blogList-desc">
							<h3>Nicolas nos invitó a celebrar sus 4 años</h3>
							<div>Siguenos y te invitamos a ver mas de su celebración, Mini Force.</div>
						</div>
					</a>
				</div>

				<div class="col-sm-4">
					<a href="blog-detail01.html" class="blogList wow fadeInUp">
						<div class="blogList-img">
							<img src="assets/images/blog2.jpg" alt="Blog Post">
							<span>Blog Post</span>
						</div>
						<div class="blogList-desc">
							<h3>Lorenzo - Recién Nacido</h3>
							<div>Con tan sólo 10 días nos visita Lorenzo y su familia...</div>
						</div>
					</a>
				</div>
				
				<div class="col-sm-4">
					<a href="blog-detail02.html" class="blogList wow fadeInUp">
						<div class="blogList-img">
							<img src="assets/images/blog3.jpg" alt="Blog Post">
							<span>Blog Post</span>
						</div>
						<div class="blogList-desc">
							<h3>Gabriel - Recién Nacido</h3>
							<div>Tan sólo con 12 días Gabriel es un super modelo...</div>
						</div>
					</a>
				</div>
                
                <div class="col-sm-4">
                    <a href="blog-detail03.html" class="blogList wow fadeInUp">
                        <div class="blogList-img">
                            <img src="assets/images/blog1.jpg" alt="Blog Post">
                            <span>Blog Post</span>
                        </div>
                        <div class="blogList-desc">
                            <h3>Alejandro - Cakesmash</h3>
                            <div>SCon un motivo de Mundo Marino Alejandro celebró sus 2 ańos...</div>
                        </div>
                    </a>
                </div>

                <div class="col-sm-12">
                    <a class="blog-viewMore" href="blog.html">VER MAS</a>
                </div>

			</div><!-- .row -->
		</div><!-- .container -->
	</section>

	<!-- Blog end -->

	<!-- Contact start -->

	<section id="contact" class="module">
		<div class="container">

			<div class="module-header">
				<h2 class="module-title">Contacto
					<span>Email Us</span>
				</h2>
				<div class="module-line"></div>
			</div>


			<div class="row">

				<div class="col-sm-6 col-sm-offset-3">

					<form action="mail.php" method="POST">
						<div class="ajax-hidden">
									<div class="form-group wow fadeInUp">
										<input type="text" id="c_name" class="form-control" name="name" placeholder="Nombre" required>
									</div>
									<div class="form-group wow fadeInUp" data-wow-delay=".2s">
										<input type="phone" id="c_email" class="form-control" name="phone" placeholder="Teléfono" required>
									</div>
									<div class="form-group wow fadeInUp" data-wow-delay=".2s">
										<input type="email" id="c_email" class="form-control" name="email" placeholder="Email" required>
									</div>
									<div class="form-group wow fadeInUp" data-wow-delay=".2s">
										<textarea class="form-control" id="c_message" name="message" rows="7" placeholder="Mensaje" required></textarea>
									</div>
				<button type="submit" class="btn btn-block btn-custom-2 wow fadeInUp" data-wow-delay=".3s">Enviar Mensaje
				</button>
						</div>
					</form>
				</div>
					<div class="ajax-response"></div>
			</div><!-- .row -->
	</div><!-- .container -->
	</section>

	<!-- Contact end -->

	<!-- Footer start -->

	<footer id="footer">
		<div class="container">
			<div class="row">

				<div class="col-sm-12">

					<ul class="social-links">
						<li><a href="https://www.facebook.com/RickysPortfolio/" class="wow fadeInUp"><i class="fab fa-facebook-f"></i></a></li>
						<li><a href="https://twitter.com/rickysportfolio" class="wow fadeInUp" data-wow-delay=".1s"><i class="fab fa-twitter"></i></a></li>
						<li><a href="https://www.instagram.com/rickysportfolio/?hl=es" class="wow fadeInUp" data-wow-delay=".4s"><i class="fab fa-instagram"></i></a></li>
					</ul>

					<p class="copyright">
                    © 2009 Ricky's Portfolio, Todos los derechos sobre las imágenes estan reservados.
					</p>

				</div>

			</div><!-- .row -->
		</div><!-- .container -->
	</footer>

	<!-- Footer end -->

	<!-- Scroll-up -->

	<div class="scroll-up">
		<a id="scroll-up"><i class="fas fa-arrow-up"></i></a>
	</div>

	<!-- Javascript files -->

	<script src="assets/js/jquery-1.11.1.min.js"></script>
	<script src="assets/bootstrap/js/bootstrap.min.js"></script>
	<script src="assets/js/jquery.magnific-popup.min.js"></script>
	<script src="assets/js/jquery.parallax-1.1.3.js"></script>
	<script src="assets/js/imagesloaded.pkgd.js"></script>
	<script src="assets/js/jquery.shuffle.min.js"></script>
	<script src="assets/js/owl.carousel.min.js"></script>
	<script src="assets/js/jquery.fitvids.js"></script>
	<script src="assets/js/jquery.sticky.js"></script>
	<script src="assets/js/smoothscroll.js"></script>
	<script src="assets/js/wow.min.js"></script>
	<!-- Google Map js -->
	<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDJScy7qJ156DWM8kJVG-ZrK0R7Kize2Jg "></script>
	<script src="assets/js/map.js"></script>
	<!-- Custom scripts -->
	<script src="assets/js/custom.js"></script>
	<script src="assets/js/custom-shuffle-init.js"></script>

</body>
</html>
