Está en la página 1de 8

Dios Padre Celestial y divino:

 
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,,,---
☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆

Señor Dios todo Poderoso:


 
En esta hermosa noche, quiero pedirte perdón, por todos los pecados que
he cometido, no permitas que la maldad se apodere de mí, y tampoco me
dejes caer en las tentaciones Padre
 
También quiero agradecerte, porque tú me has dado el don de la vida.
Gracias por permitirme tener una familia, seres queridos y compañeros de
trabajo
 
Gracias por darme un lugar en donde vivir
 
Dios quiero pedirte que me bendigas y cubras con tu inmaculado poder.
Qué tu gloría y la de tus santos siempre estén conmigo, y que el Espíritu
Santo me proteja
 
No dejes que el mal se acerque a mí y me haga daño, pues seré un siervo
que cumplirá con tus mandamientos.
 
Ilumina mi mente y corazón para siempre tomar una sabia decisión, y
permite hacer el bien a los demás
Amén.
Señor Padre mío, la tranquilidad de la noche hace que pueda ordenar
mejor mis ideas
 
Te pido que me des paz espiritual y sabiduría, llena mi corazón de fé y
dale fortaleza a mi cuerpo y a mi mente
 
Gracias por permitirme vivir, no te apartes de mis ni de noche ni de día
 
Padre mío, cuida mi sueño, soy tu fiel servidor:
 
Dame tu bendición,Dale luz a mi mente y a mi alma para no caer en la
tentación ni en el pecado
 
¡Aléjame del peligro!, Que mi sueño sea reparador
 
Te pido Señor, no te apartes de mi cuando me sienta triste, débil o
confundido
 
Ilumina a mi familia y has que te busquen más, ayuda a todos los seres
del mundo
 
Señor tu corazón se conmueve con tanta injusticia, Derrama tu amor
sobre los hombres que están en pecado
 
Oh- Dios Mío, esta noche siento tu energía y fortaleza
 
Te hablo con fé y tu escuchas mis oraciones, Sé que voy a tener un sueño
feliz,
porque usted va a estar a mi lado.
 
Necesito reponer mis fuerzas, mañana es un día de trabajo, te entrego
todo mi ser
 
Padre Celestial derrama en mi esta noche, todo lo bueno, toda la energía
positiva, escucha mi voz
Amén
div class="form-structor">

<div class="signup">

<h2 class="form-title" id="signup"><span>or</span>Sign up</h2>

<div class="form-holder">

<input type="text" class="input" placeholder="Name" />

<input type="email" class="input" placeholder="Email" />

<input type="password" class="input" placeholder="Password" />

</div>

<button class="submit-btn">Sign up</button>

</div>

<div class="login slide-up">

<div class="center">

<h2 class="form-title" id="login"><span>or</span>Log in</h2>

<div class="form-holder">

<input type="email" class="input" placeholder="Email" />

<input type="password" class="input" placeholder="Password" />

</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;

font-family: "Fira Sans", Helvetica, Arial, sans-serif;

-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-position: left bottom;

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%;

-webkit-transform: translate(-50%, -50%);

width: 65%;

z-index: 5;

-webkit-transition: all .3s ease;

&.slide-up {

top: 5%;

-webkit-transform: translate(-50%, 0%);

-webkit-transition: all .3s ease;

&.slide-up .form-holder,

&.slide-up .submit-btn {

opacity: 0;

visibility: hidden;
}

&.slide-up .form-title {

font-size: 1em;

cursor: pointer;

&.slide-up .form-title span {

margin-right: 5px;

opacity: 1;

visibility: visible;

-webkit-transition: all .3s ease;

.form-title {

color: #fff;

font-size: 1.7em;

text-align: center;

span {

color: rgba(0,0,0,0.4);

opacity: 0;

visibility: hidden;

-webkit-transition: all .3s ease;

.form-holder {

border-radius: 15px;

background-color: #fff;
overflow: hidden;

margin-top: 50px;

opacity: 1;

visibility: visible;

-webkit-transition: all .3s ease;

.input {

border: 0;

outline: none;

box-shadow: none;

display: block;

height: 30px;

line-height: 30px;

padding: 8px 15px;

border-bottom: 1px solid #eee;

width: 100%;

font-size: 12px;

&:last-child {

border-bottom: 0;

&::-webkit-input-placeholder {

color: rgba(0,0,0,0.4);

Java

console.clear();
;

const signupBtn = document.getElementById('signup');

loginBtn.addEventListener('click', (e) => {

let parent = e.target.parentNode.parentNode;

Array.from(e.target.parentNode.parentNode.classList).find((element) => {

if(element !== "slide-up") {

parent.classList.add('slide-up')

}else{

signupBtn.parentNode.classList.add('slide-up')

parent.classList.remove('slide-up')

});

});

signupBtn.addEventListener('click', (e) => {

let parent = e.target.parentNode;

Array.from(e.target.parentNode.classList).find((element) => {

if(element !== "slide-up") {

parent.classList.add('slide-up')

}else{

loginBtn.parentNode.parentNode.classList.add('slide-up')

parent.classList.remove('slide-up')

});

})

También podría gustarte