Foros del Web - Ver Mensaje Individual

sergiodueso · #5 (**permalink**) 13/03/2018, 18:39

Código HTML:

Ver original<head>
<meta charset="utf-8"/>
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/bootstrap.css"/>
<link rel="stylesheet" href="css/bootstrap-grid.min.css"/>
<link rel="stylesheet" href="css/fontawesome.min.css"/>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script>
      smoothScroll.init({
      selector: '[data-scroll]', // Selector for links (must be a class, ID, data attribute, or element tag)
      selectorHeader: null, // Selector for fixed headers (must be a valid CSS selector) [optional]
      speed: 1500, // Integer. How fast to complete the scroll in milliseconds
      easing: 'easeInOutCubic', // Easing pattern to use
      offset: 0, // Integer. How far to offset the scrolling anchor location in pixels
      callback: function ( anchor, toggle ) {} // Function to run after scrolling
      });
</script>
<title>Turibamba</title>
 
<style>
    @import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
    @import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');
    @import url('https://fonts.googleapis.com/css?family=Pacifico');
    html, body{
        height: 100vh;
        /*font-family: 'Pacifico', cursive;*/
        font-family: 'Gloria Hallelujah', cursive;
        /*font-family: 'Kaushan Script', cursive;*/
    }
        
    .slider-inicio{
        background: url(imagenes/fondo1.jpg);
        height: 100vh;
        /*background-size: cover;*/
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-attachment: fixed;
        width: 100vw;
    }
    .fondo-galeria1{
        background: url(imagenes/back5.jpg);
        height: 100vh;
        /*background-size: cover;*/
        background-size: 100% 100%;
        background-position: center center;
        background-attachment: fixed;
    }
    .fondo-nosotras{
        background: url(imagenes/back5.jpg);
        height: 100vh;
        /*background-size: cover;*/
        background-size: 100% 100%;
        background-position: center center;
        background-attachment: fixed;
    }
    .sombra-cards {
      -webkit-box-shadow: 3px 3px 5px 6px #848484;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow:    3px 3px 5px 6px #848484;  /* Firefox 3.5 - 3.6 */
      box-shadow:         3px 3px 5px 6px #848484;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
       .sombra-galeria {
            -webkit-box-shadow: 3px 3px 5px 6px #848484;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
      -moz-box-shadow:    3px 3px 5px 6px #848484;  /* Firefox 3.5 - 3.6 */
      box-shadow:         3px 3px 5px 6px #848484;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */          
}
</style>
</head>