paginawebgabysphotography.html


<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<head>
		<title>gabysphoyographypaginasweb</title>
		<script src="incluir/jquery-3.3.1.js" type="text/jscript"></script>
		<link rel="stylesheet" type="text/css" href="paginawebgabysphotography.css">
    
</head>

<body>

<header class="text-center" >
		<figure class="Logo">
			<img src="Logo%20para%20facebook.jpg" style="width:150px">
		</figure>
		


	

        </nav>
       
    </header>
    <section>

<nav>
		<ul>
			<div class="scrollmenu">
				<a href="#portafolio">portafolio</a>
				<a href="#sobre mi">sobre mi</a>
				<a href="#contacto">contacto</a>
				<a href="#informacion">informacion</a>
			</div>
			
		
	</section>
	

	

	

         <section class="hero">
		<h1><strong>Gaby's Photography</strong></h1>

	</section>


		<section id="portafolio" class="portafolio">
			<div class="column">
		<img class="demo cursor" src="cascadas.jpg"  style="width:50%" onclick="openModal();currentSlide(1)" class="hover-shadow cursor">
	</div>
	<div class="column">
      <img class="demo cursor" src="mariposa%20facebook%20%202.jpg" style="width:50%" onclick="openModal();currentSlide(2)"class="hover-shadow cursor">

         </div>

 <div class="column">
      <img class="demo cursor" src="embarao%203.jpg" style="width:50%" onclick="openModal();currentSlide(3)"class="hover-shadow cursor">
         </div>


			<div class="column">
      <img class="demo cursor" src="ni%C3%B1a%202-psd.jpg"alt="cascadas" class="imagen" style="width:50%" onclick="openModal();currentSlide(4)" class="hover-shadow cursor">
         </div>
         <div class="column">
      <img class="demo cursor" src="fotos%20para%20el%20libro%201.jpg" style="width:50%" onclick="openModal();currentSlide(5)" class="hover-shadow cursor">
         </div>

        <div class="column">
      <img class="demo cursor" src="fotos%202%20para%20el%20libro%20y%20concurso%20.jpg" style="width:50%" onclick="openModal();currentSlide(6)" class="hover-shadow cursor">
         </div>
<div class="column">
      <img class="demo cursor" src="fotos%20para%20el%20libro%203.jpg" style="width:50%" onclick="openModal();currentSlide(7)" class="hover-shadow cursor">
         </div>
     </div>
     <div id="myModal" class="modal">
  <span class="close cursor" onclick="closeModal()">&times;</span>
  <div class="modal-content">

			
			<h2>portafolio de fotos </h2>
			<h6 >fotos </h6>
			<div class="container">
			<div class="mySlides">
			<div class="numbertext">1 /7</div>
			<img src="cascadas.jpg" alt="cascadas" class="imagen" style="width: 100%">
			</div>

			<div class="mySlides">
			<div class="numbertext">2/7</div>
			<img src="mariposa%20facebook%20%202.jpg" style="width: 100%">	
		</div>
		<div class="mySlides">
		<div class="numbertext">3 /7</div>
		<img src="embarao%203.jpg" style="width: 100%">
			
		</div>
		<div class="mySlides">
			<div  class="numbertext"> 4 /7</div>
			<img src="ni%C3%B1a%202-psd.jpg" style="width: 100%">
		</div>
		<div class="mySlides">
			<div class="numbertext"> 5 / 7 </div>
			<img src="fotos%20para%20el%20libro%201.jpg" style="width: 100%">
		</div>
		<div class="mySlides">
			<div class="numbertext">6 / 7</div>
			<img src="fotos%202%20para%20el%20libro%20y%20concurso%20.jpg" style="width: 100%">
		</div>
		<div class="mySlides">
			<div class="numbertext"> 7 / 7</div>
			<img src="fotos%20para%20el%20libro%203.jpg" style="width: 100%">
		</div>

			<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
			<a class="next" onclick="plusSlides(1)">&#10095;</a>	

		 <div class="caption-container">
    <p id="caption"></p>
  </div>
		
		<div class="row">
		<div class="column">
      <img class="demo cursor" src="cascadas.jpg" style="width:50%" onclick="currentSlide(1)" alt="cascadas" class="imagen">
   
  </div>
  <div class="column">
      <img class="demo cursor" src="mariposa%20facebook%20%202.jpg" style="width:50%" onclick="currentSlide(2)" alt="mariposa">
         </div>

<div class="column">
      <img class="demo cursor" src="embarao%203.jpg" style="width:50%" onclick="currentSlide(3)" alt="embarazo">
         </div>


			<div class="column">
      <img class="demo cursor" src="ni%C3%B1a%202-psd.jpg" style="width:50%" onclick="currentSlide(4)" alt="niña">
         </div>
         <div class="column">
      <img class="demo cursor" src="fotos%20para%20el%20libro%201.jpg" style="width:50%" onclick="currentSlide(5)" alt="noche">
         </div>

        <div class="column">
      <img class="demo cursor" src="fotos%202%20para%20el%20libro%20y%20concurso%20.jpg" style="width:50%" onclick="currentSlide(6)" alt="iglesia">
         </div>
<div class="column">
      <img class="demo cursor" src="fotos%20para%20el%20libro%203.jpg" style="width:50%" onclick="currentSlide(7)" alt="puente">
         </div>
     </div>
 </div>
</section>
<section id="sobre mi">
		<div id="header">sobre mi </div>
		<h3 >sobre mi </h3>
		<div class="tab">
             
			<p class="centrado"><strong>Todos los días nos levantamos con el mismo objetivo, capturar los mejores momentos de nuestros clientes; llevando así hermosos recuerdos de las mejores actividades personales y empresariales. La naturaleza es nuestra inspiración y así como en el paisaje se cuidan todos los detalles, nosotros en nuestras fotografías cuidamos cada aspecto y cada detalle brindando una imagen de calidad, con el compromiso de que en cada fotografía se retrate la emoción vivida en el momento. Todo tenía importancia para mí y por eso captaba muchas fotos de lo que fuera que me llamase la atención. Al ingresar a la Universidad , fui aprendiendo a refinarme y lograr captar mejores detalles, obtuve mi primera cámara profesional Nikon, aprendí a utilizar  todos los aditamentos y sistemas de ajuste de imágenes y cambio de lentes, etc. Era todo un universo de posibilidades insospechadas para captar imágenes en todo lugar y en todo momento .ANA GABRIELA CHACÓN VALENCIANO | FOTÓGRAFA
            EGRESADA  de la Universidad Creativa y he llevado cursos con Gustavo del  Valle , Rocio Escobar  y Mario Peraza  </strong>

            <div class="container">
        </strong>
            	<div id="texto">

            <button type="button" class="bnt bnt-sucesso" onclick="carcargarfoto()">mas informacion </button>

            </p></div>
        </div>
  
	
</section>

		
		
 <input class="button " type="button" value="continuar " onclick="window.location.href='paginawebgabysphotographymas.html'"/>
		<section>
	<footer style="background:#CD853F;color: white;">
		
		<p>Gaby's Photography</p>
		
	</footer>
	

</section>
<script type="text/javascript" src="paginawebgabysphotographyweb.js"></script>
<script >
		$(document).ready(function(){
        
    $("img").css("background-color","blue");   
    
    
    
    });
		
	</script>
	
	<script >
	$(document).ready(function(){
        
    $("p").css("font-size","25px");    
    
    });

    $(document).ready(function(){

        $("img").click(function(){

            $(this).slideToggle(100);
        });
    });
        $(document).ready(function(){
            $("p").click(function(){
                $(this).fadeToggle(200);
            });
        });
        
    
        </script>
<script>
   


</script>

        
        <script >
        	$(document).ready(function(){
        		$("h2").click(function(){
        			$(this).hide();
        		});
        	});
        </script>

<script>
    $(document).ready(function(){
        $("section").click(function(){
            $(this).fadeTo(300);
        });
    });




</script>
<script >
	$(document).ready(function(){
		$("h3").click(function(){
			$(this).fadeToggle(300);
		});

	});
</script>
<script type="text/javascript">
	function carcargarfoto() {
		$("#texto").load("fototext.txt");
		}	
</script>
<script >
	$(document).ready(function(){
		$("h4").click(function(){
			$(this).slideToggle(300);
		});
	});
</script>

    

	

	</body>

	</html>