You are on page 1of 12

Codigo para Pagina Web de Cumpleaños

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<script type="text/javascript">

var

contra = prompt("Y tu quien Eres, no te Conozco.");

if (contra == "soy paola")

alert("A okay , Rei me dijo que vendrias, puedes pasar.");

document.write("Redireccionando... Achantate un pelin menor");

var pagina = "1.html"

function redireccionar()

location.href = pagina

setTimeout ("redireccionar()",40)
}

else

alert("No me suena de nada tu nombre, te voy a mandar para un lugar divertido")

document.write("Redireccionando... Achantate un pelin menor");

var pagina = "https://www.youtube.com/watch?v=-9cWzG2pAeA"

function redireccionar()

location.href = pagina

setTimeout ("redireccionar()",40)

</script>

</body>

</html>

2 documento:
<!DOCTYPE html>

<html lang="es">

<head>

<!-- Required meta tags -->

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>Happy19</title>

<!-- Bootstrap CSS -->

<link rel="stylesheet" href="css/bootstrap.css">

<!-- Estilos en Css -->

<style>

.slider{

background: url("images/torta3.jpg");

height: 100vh;

background-size: cover;

background-position: center;

</style>

</head>

<body>

<!-- imagen principal -->

<section class="container-fluid slider d-flex justify-content-center align-items-center">


<img src="images/fire.gif" width="30" height="30" class="d-inline-block align-top" alt="Logo
Bootstrap"> <h1 class="display-4">FELIZ CUMPLEAÑOS 19 Paola X)!</h1><img
src="images/fuego.gif" width="30" height="30" class="d-inline-block align-top" alt="Logo
Bootstrap">

</section>

<!-- fin imagen principal -->

<!-- menú de navegación -->

<nav class="navbar navbar-inverse bg-inverse navbar-toggleable-sm sticky-top">

<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-


target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false"
aria-label="Toggle navigation">

<span class="navbar-toggler-icon"></span>

</button>

<a class="navbar-brand" href="#">

<img src="images/123.jpg" width="30" height="30" class="d-inline-block align-top" alt="Logo


Bootstrap">

ReinaldoCrtz CA.

</a>

<div class="collapse navbar-collapse" id="navbarTogglerDemo01">

<div class="navbar-nav mr-auto ml-auto text-center">

<a class="nav-item nav-link active" href="poema.html">Un Poema </a>

</div>

<div class="d-flex flex-row justify-content-center">


<a href="cuatro.html" class="btn btn-outline-primary mr-2"> Bonus:Unos nudes de Tyler ´-´
</a>

</div>

</div>

</nav>

<!-- fin menú de navegación -->

<embed src="sound1.mp3" style="background:#f2e6ff " loop="true" volume ="5" width="400"


height="200" ></embed>

<!-- card -->

<section class="container my-5 py-5" style=" background: #f2e6ff">

<h3 class="text-uppercase text-center mb-4">Señoras y señores, su atencion por favor</h3>

<p>

Como veras, de algo me ha servido ese cursito de Html5 que hice jajaja, aunque aún me falta
mucho, así que tendrás que disculpar los errores. Te quise dar este regalo porque eres una
persona demasiado genial, que aun estando tan lejos me haces reír tanto X ), es raro pero te
siento bastante cerca, aunque estés en otro continente , por ende, jamás pienses que te estoy
olvidando, siempre se me ocurrirá alguna forma de celebrar lo bonito que te pase, aunque sea por
una pantalla, te quiero mucho, y te mereces el mundo entero, un besote.

</p>

<p> <h4 class="text-uppercase text-center mb-4"> Un poquito de tu historia We :), para que veas
que si estoy feliz de conocerte </h4> </p>

<p class="lead text-center mb-5"> "Porque eres muchas cosas, pero todas maravillosas" </p>

<div class="card-deck">

<div class="card">

<img class="card-img-top img-fluid" src="images/1.jpg" alt="Card image cap">

<div class="card-block">
<h4 class="card-title">Porque..</h4>

<p class="card-text">Sabes ayudar a quien lo necesita, y Dios lo sabe. </p>

</div>

</div>

<div class="card">

<img class="card-img-top img-fluid" src="images/2.jpg" alt="Card image cap">

<div class="card-block">

<h4 class="card-title"> Porque..</h4>

<p class="card-text">Sabes lo grande que es tener a tu familia. </p>

</div>

</div>

<div class="card">

<img class="card-img-top img-fluid" src="images/3.jpg" alt="Card image cap">

<div class="card-block">

<h4 class="card-title">Porque..</h4>

<p class="card-text">No te detienes hasta lograr tus sueños. </p>

</div>

</div>
</div>

<div class="card-deck">

</div>

<div class="row">

<div class="col-md-4">

<div class="card mb-4 shadow-sm">

<title>Placeholder</title><rect fill="#55595c" width="100%" height="100%"/><img


class="card-img-top img-fluid" src="images/4.png" alt="Card image cap"></svg>

<div class="card-block">

<h4 class="card-title">Porque..</h4>

<p class="card-text"> Tienes una conexion especial con la musica, un bello talento. </p>

</div>

</div>

</div>

<div class="col-md-4">

<div class="card mb-4 shadow-sm">

<title>Placeholder</title><rect fill="#55595c" width="100%" height="100%"/><img


class="card-img-top img-fluid" src="images/5.jpg" alt="Card image cap"></svg>

<div class="card-block">
<h4 class="card-title">Porque..</h4>

<p class="card-text">Sabes ver lo que se esconde, la belleza de las cosas pequeñas.</p>

</div>

</div>

</div>

<div class="col-md-4">

<div class="card mb-4 shadow-sm">

<title>Placeholder</title><rect fill="#55595c" width="100%" height="100%"/><img


class="card-img-top img-fluid" src="images/6.jpg" alt="Card image cap"></svg>

<div class="card-block">

<h4 class="card-title">Porque..</h4>

<p class="card-text">Por las noches te sale barba y te vuelves tipo, ah no espera..</p>

</div>

</div>

</div>

<div class="col-md-4">

<div class="card mb-4 shadow-sm">

<title>Placeholder</title><rect fill="#55595c" width="100%" height="100%"/><img


class="card-img-top img-fluid" src="images/7.png" alt="Card image cap"></svg>

<div class="card-block">

<h4 class="card-title">Porque..</h4>
<p class="card-text">Me encanta como te queda este vestido.</p>

</div>

</div>

</div>

<div class="col-md-4">

<div class="card mb-4 shadow-sm">

<title>Placeholder</title><rect fill="#55595c" width="100%" height="100%"/><img


class="card-img-top img-fluid" src="images/8.png" alt="Card image cap"></svg>

<div class="card-block">

<h4 class="card-title">Porque..</h4>

<p class="card-text">Se te ocurren unas mamadas bien vergas derrepente. </p>

</div>

</div>

</div>

<div class="col-md-4">

<div class="card mb-4 shadow-sm">

<title>Placeholder</title><rect fill="#55595c" width="100%" height="100%"/><img


class="card-img-top img-fluid" src="images/9.jpg" alt="Card image cap"></svg>

<div class="card-block">

<h4 class="card-title">Porque..</h4>

<p class="card-text">Siempre te colocas algo perfecto para la ocasión </p>

</div>

</div>
</div>

</div>

</section>

<!-- fin Cards -->

<!-- Testimonios -->

<div class="container py-5 my-5">

<div class="col-md-6 text-center">


<img src="images/cards2.jpg" alt="" class="rounded-circle mt-4" width="200px"
height="200px">

<p class="mt-3">"Por eso y tal vez mas, gracias por estar, Feliz cumpleaños "</p>

<footer class="blockquote-footer">Reinaldo Crtz <cite title="Source Title"></cite></footer>

</div>

</div>

</div>

<!-- Footer -->

<footer class="container-fluid bg-inverse">

<div class="row text-white py-4 text-white">

<div class="col-md-3">

<img src="images/bootstrap-solid.png" alt="" width="50px" height="auto" class="float-left


mr-3">

<h4 class="lead">Marico el que lo lea</h4>

</div>

<div class="col-md-3">

<h4 class="lead"></h4>

<p></p>

</div>

<div class="col-md-3">

<h4 class="lead"></h4>

<p></p>

</div>
</div>

</footer>

<!-- Fin Footer -->

<!-- jQuery first, then Tether, then Bootstrap JS. -->

<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-


A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
crossorigin="anonymous"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
integrity="sha384-
DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
crossorigin="anonymous"></script>

<script src="js/bootstrap.min.js"></script>

</body>

</html>

You might also like