"banner wedding"
Bootstrap 4.1.1 Snippet by kekknka

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="https://fonts.googleapis.com/css?family=Alex+Brush|Roboto&display=swap" rel="stylesheet">
<div class="banner parallax-window" data-parallax="scroll" data-image-src='banner.jpg'
style="background-image: url('https://images.unsplash.com/photo-1519741497674-611481863552?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80');">
<div class="container">
<div>
<div id="snow" style="background-image: url('http://www.webstrot.com/html/wedding/multi_page/images/header/sn1.png'), url('http://www.webstrot.com/html/wedding/multi_page/images/header/sn2.png'), url('http://www.webstrot.com/html/wedding/multi_page/images/header/sn3.png');"></div>
<div class="row py-5 pb-5">
<div class="col-md-1">
<img src="https://victorthemes.com/themes/ceremony/wp-content/uploads/2019/02/icon2@1x.png">
</div>
<div class="col-md-10 text-center">
<h1 id="titulo-banner">La Boda Perfecta</h1>
<div class="row d-flex justify-content-center">
<div class="col-md-6">
<p id="desc-banner"><i>"<span id="banner-frase"></span>"</i><br> autor: <span id="banner-autor"></span></p>
</div>
</div>
</div>
<div class="col-md-1">
<img src="https://victorthemes.com/themes/ceremony/wp-content/uploads/2019/02/icon3@1x.png">
</div>
</div>
</div>
</div>
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
:root {
--font-cursive: 'Alex Brush', cursive;
--font-normal: 'Roboto', sans-serif;
}
.mpe {
background-color: cadetblue;
}
.banner {
color: white;
padding-bottom: 20px;
padding-top: 100px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#titulo-banner {
position: relative;
font-size: 100px;
font-family: var(--font-cursive) !important;
font-weight: bold;
color: #fff;
}
#titulo-banner:after {
content: url('https://cutt.ly/UeQwaIT');
display: block;
width: 10px;
height: 10px;
position: absolute;
right: 0px;
top: -10px;
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).ready(function () {
var fraces_romanticas = [{
'frase': 'El amor es intensidad y por esto es una distensión del tiempo: estira los minutos y los alarga como siglos',
'autor': 'Octavio Paz'
},
{
'frase': 'El amor se compone de una sola alma que habita en dos cuerpos',
'autor': 'Aristóteles'
},
{
'frase': 'Andábamos sin buscarnos, pero sabiendo que andábamos para encontrarnos',
'autor': 'Julio Cortázar'
},
{
'frase': 'Por encima de todo vístanse de amor que es el vínculo perfecto',
'autor': 'Colosenses 3:14'
},
{
'frase': 'Prefiero vivir una vida contigo, que pasar el resto de las edades sin ti',
'autor': 'El señor de los anillos'
},
{
'frase': 'Creo que los lugares en que he estado y las fotos que he hecho durante mi vida me han estado conduciendo hacia ti”',
'autor': 'Los puentes de Madison'
},
{
'frase': 'A veces podemos pasarnos años sin vivir en absoluto, y de pronto toda nuestra vida se concentra en un solo instante',
'autor': 'Oscar Wilde'
},
{
'frase': 'Te quiero no por quien eres, sino por quien soy cuando estoy contigo ',
'autor': 'Gabriel García Márquez'
},
{
'frase': 'Siempre fuiste mi espejo. Quiero decir que para verme tenía que mirarte',
'autor': 'Julio Cortázar'
},
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: