Explora Libros electrónicos
Categorías
Explora Audiolibros
Categorías
Explora Revistas
Categorías
Explora Documentos
Categorías
Rey de todos los cielos, y creador del universo, en esta ocasión, quiero
acercarme a ti,
Y que me cubras con tú grandioso y omnipotente poder
No permitas que la maldad se acerque a mí, a mi hogar o a mis
familiares,elimina la maldad del mundo
Quiero que me des tu bendición y que siempre me acompañe, en el día,
en la tarde y en la noche
A ti Virgen María, Madre de Jesucristo nuestro salvador, tu que fuiste un
modelo ejemplar a seguir, dame tu bendición y protégeme de todo mal
Permite que el amor maternal de tu corazón me abrigue y proteja, hoy,
mañana y siempre, pues yo soy tu hijo y tú eres mi madre
Amén.
,,x,,,---
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆
<div class="signup">
<div class="form-holder">
</div>
</div>
<div class="center">
<div class="form-holder">
</div>
<button class="submit-btn">Log in</button>
</div>
</div>
@import url("https://fonts.googleapis.com/css?family=Fira+Sans");
html,body {
position: relative;
min-height: 100vh;
background-color: #E1E8EE;
display: flex;
align-items: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.form-structor {
background-color: #222;
border-radius: 15px;
height: 550px;
width: 350px;
position: relative;
overflow: hidden;
&::after {
content: '';
opacity: .8;
position: absolute;
top: 0;right:0;bottom:0;left:0;
background-repeat: no-repeat;
background-size: 500px;
background-image: url('https://images.unsplash.com/photo-1503602642458-
232111445657?ixlib=rb-
0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=bf884ad570b50659c5fa2dc2cfb20ecf&auto=format&fit=c
rop&w=1000&q=100');
.signup {
position: absolute;
top: 50%;
left: 50%;
width: 65%;
z-index: 5;
&.slide-up {
top: 5%;
&.slide-up .form-holder,
&.slide-up .submit-btn {
opacity: 0;
visibility: hidden;
}
&.slide-up .form-title {
font-size: 1em;
cursor: pointer;
margin-right: 5px;
opacity: 1;
visibility: visible;
.form-title {
color: #fff;
font-size: 1.7em;
text-align: center;
span {
color: rgba(0,0,0,0.4);
opacity: 0;
visibility: hidden;
.form-holder {
border-radius: 15px;
background-color: #fff;
overflow: hidden;
margin-top: 50px;
opacity: 1;
visibility: visible;
.input {
border: 0;
outline: none;
box-shadow: none;
display: block;
height: 30px;
line-height: 30px;
width: 100%;
font-size: 12px;
&:last-child {
border-bottom: 0;
&::-webkit-input-placeholder {
color: rgba(0,0,0,0.4);
Java
console.clear();
;
Array.from(e.target.parentNode.parentNode.classList).find((element) => {
parent.classList.add('slide-up')
}else{
signupBtn.parentNode.classList.add('slide-up')
parent.classList.remove('slide-up')
});
});
Array.from(e.target.parentNode.classList).find((element) => {
parent.classList.add('slide-up')
}else{
loginBtn.parentNode.parentNode.classList.add('slide-up')
parent.classList.remove('slide-up')
});
})