Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Bencraft0
Bencraft0 authored Nov 17, 2023
1 parent 678c80d commit ccd0cb3
Show file tree
Hide file tree
Showing 7 changed files with 295 additions and 124 deletions.
6 changes: 3 additions & 3 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3384,6 +3384,7 @@ input, select, textarea {
width: 55em;
}


#banner .logo {
-moz-transition: opacity 2s ease, -moz-transform 1s ease;
-webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
Expand Down Expand Up @@ -3418,7 +3419,7 @@ input, select, textarea {
-o-object-fit: cover;
object-fit: cover;
}
#banner h2 {
#banner h2 {
-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
Expand Down Expand Up @@ -3471,7 +3472,6 @@ input, select, textarea {
@media screen and (max-width: 1280px) {

#banner {
background-image: url(https://youtu.be/5xuz3DKT0sM?si=0PkxkmqwC3swKCBT);
padding: 7em 0 8.25em 0 ;
background-color: #2e3141;
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
Expand Down Expand Up @@ -4159,4 +4159,4 @@ input, select, textarea {
padding: 2em 1.5em 0.1em 1.5em ;
}

}
}
262 changes: 151 additions & 111 deletions generic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,124 +5,164 @@
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>BensWorld - Quienes Somos</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">

<!-- Page Wrapper -->
<div id="page-wrapper">

<!-- Header -->
<header id="header">
<h1><a href="index.html">Ben'sWorld</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>

<head>
<title>BensWorld - Quienes Somos</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>

<body class="is-preload">

<!-- Page Wrapper -->
<div id="page-wrapper">

<!-- Header -->
<header id="header">
<h1><a href="index.html">Ben'sWorld</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>

<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Inicio</a></li>
<li><a href="index.html#four">Rangos</a></li>
<li><a href="generic.html">Quienes somos</a></li>
</ul>
<a href="#" class="close">Cerrar</a>
</div>
</nav>

<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="videodefondo">
<img class="video"
src="https://e1.pxfuel.com/desktop-wallpaper/679/364/desktop-wallpaper-minecraft-mountain-scenery-1920x1080-r-minecraft-scenery.jpg">
</img>
</div>
<div class="inner">
<h2>¡Conoce a Nuestro Equipo!</h2>
</div>
<div class="inner">
<p>En nuestro servidor de Minecraft, nos enorgullece presentarte a nuestro talentoso equipo. Desde
los apasionados constructores hasta los administradores expertos, cada miembro de nuestro
personal está aquí para hacer de tu experiencia de juego algo extraordinario. ¿Necesitas ayuda,
tienes alguna pregunta o simplemente quieres charlar? Estamos siempre disponibles para ti.
¡Descubre quiénes están detrás de la magia de nuestro servidor y únete a nosotros en esta
emocionante aventura!</p>
</div>
</header>

<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Inicio</a></li>
<li><a href="index.html#four">Rangos</a></li>
<li><a href="generic.html">Quienes somos</a></li>
</ul>
<a href="#" class="close">Cerrar</a>
</div>
</nav>

<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="videodefondo">
<video class="video" autoplay="" loop="" muted="" poster="" playsinline=""><source src="./videos/staff.mp4" type="video/mp4"></video>
</div>
<div class="inner">
<h2>¡Conoce a Nuestro Equipo!</h2>
</div><div class="inner">
<p>En nuestro servidor de Minecraft, nos enorgullece presentarte a nuestro talentoso equipo. Desde los apasionados constructores hasta los administradores expertos, cada miembro de nuestro personal está aquí para hacer de tu experiencia de juego algo extraordinario. ¿Necesitas ayuda, tienes alguna pregunta o simplemente quieres charlar? Estamos siempre disponibles para ti. ¡Descubre quiénes están detrás de la magia de nuestro servidor y únete a nosotros en esta emocionante aventura!</p>
</div>
</header>

<!-- Content -->
<div class="wrapper">
<div class="inner">

<h3 class="major">¡Descubre BensWorld: Donde nuestro objetivo es tu diversión!</h3>
<p>Descubre un rincón donde cada bloque cuenta una historia emocionante. En BensWorld, no solo somos una comunidad, sino una familia apasionada que comparte la visión de hacer que cada experiencia de juego sea extraordinaria.</p>

<p> <strong> Participa en nuestro constante desarrollo:</strong> tus ideas dan forma a un servidor en evolución. Disfruta de una experiencia sin interrupciones gracias a nuestra tecnología de vanguardia. BensWorld no es solo un destino de juego; es tu hogar en el mundo de Minecraft, donde la diversión y la excelencia se entrelazan para ofrecerte algo único. ¡Te esperamos para construir, explorar y jugar juntos!</p>

<h3 class="major">Fundador: Creando el Mundo de Nuestros Sueños</h3>
<p>En esta sección, honramos al visionario detrás de nuestro servidor de Minecraft: <strong>Ben</strong>. Esta mente maestra, apasionada por la creación y la comunidad, ha dado vida a un mundo digital lleno de emocionantes desafíos y aventuras. Acompáñanos mientras exploramos su visión única y descubrimos cómo ha dejado su marca en cada rincón de nuestro servidor. ¡Bienvenidos al legado del creador!</p>

<section class="features">
<article>
<a href="#" class="image"><img src="images/Bencraft.png" alt="founder1" /></a>
<h2 class="major">Bencraft6790</h2>
<h4>Información de contacto:</h4>
<h5>Nombre: Benjamin A. Bohn</h5>
<h5>Correo Electrónico: [email protected]</h5>
<h3>Creador digital en desarrollo:</h3>
<p>Soy un apasionado jugador de Minecraft y, a mis 16 años, estoy emocionado de combinar mi creatividad y habilidades técnicas para construir algo único. Actualmente, estoy desarrollando una página web para nuestro servidor de Minecraft, donde la comunidad puede conectarse, compartir experiencias y explorar las emocionantes aventuras que hemos creado juntos. Mi objetivo es proporcionar un espacio acogedor y emocionante para jugadores de todas las edades. ¡Únete a nosotros y vive la magia de nuestro servidor! 🎮✨
</p><br>
<p>
<a href="https://discord.gg/wQEzRwb94C">Discord: bencraft0</a>
</p>

<a href="https://www.linkedin.com/in/benja-bohn-0855a229b/" class="special">LinkedIn</a>
</article>
</section>

</div>
</div>
<!-- Content -->
<div class="wrapper">
<div class="inner">

<h3 class="major">¡Descubre BensWorld: Donde nuestro objetivo es tu diversión!</h3>
<p>Descubre un rincón donde cada bloque cuenta una historia emocionante. En BensWorld, no solo somos
una comunidad, sino una familia apasionada que comparte la visión de hacer que cada experiencia
de juego sea extraordinaria.</p>

<p> <strong> Participa en nuestro constante desarrollo:</strong> tus ideas dan forma a un servidor
en evolución. Disfruta de una experiencia sin interrupciones gracias a nuestra tecnología de
vanguardia. BensWorld no es solo un destino de juego; es tu hogar en el mundo de Minecraft,
donde la diversión y la excelencia se entrelazan para ofrecerte algo único. ¡Te esperamos para
construir, explorar y jugar juntos!</p>

<h3 class="major">Fundador: Creando el Mundo de Nuestros Sueños</h3>
<p>En esta sección, honramos al visionario detrás de nuestro servidor de Minecraft:
<strong>Ben</strong>. Esta mente maestra, apasionada por la creación y la comunidad, ha dado
vida a un mundo digital lleno de emocionantes desafíos y aventuras. Acompáñanos mientras
exploramos su visión única y descubrimos cómo ha dejado su marca en cada rincón de nuestro
servidor. ¡Bienvenidos al legado del creador!</p>

<section class="features">
<article>
<a href="#" class="image"><img src="images/Bencraft.png" alt="founder1" /></a>
<h2 class="major">Bencraft6790</h2>
<h4>Información de contacto:</h4>
<h5>Nombre: Benjamin A. Bohn</h5>
<h5>Correo Electrónico: [email protected]</h5>
<h3>Creador digital en desarrollo:</h3>
<p>Soy un apasionado jugador de Minecraft y, a mis 16 años, estoy emocionado de combinar mi
creatividad y habilidades técnicas para construir algo único. Actualmente, estoy
desarrollando una página web para nuestro servidor de Minecraft, donde la comunidad
puede conectarse, compartir experiencias y explorar las emocionantes aventuras que hemos
creado juntos. Mi objetivo es proporcionar un espacio acogedor y emocionante para
jugadores de todas las edades. ¡Únete a nosotros y vive la magia de nuestro servidor!
🎮✨
</p><br>
<p>
<a href="https://discord.gg/wQEzRwb94C">Discord: bencraft0</a>
</p>

<a href="https://www.linkedin.com/in/benja-bohn-0855a229b/" class="special">LinkedIn</a>
</article>
</section>

<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Envianos un mensaje</h2>
<p>¿Tienes preguntas, sugerencias o simplemente quieres charlar sobre Minecraft? ¡Estamos aquí para escucharte! Utiliza nuestro formulario de contacto para enviarnos un mensaje. Nos esforzamos por responder lo antes posible y asegurarnos de que tu experiencia en nuestro servidor sea inigualable. ¡Esperamos recibir noticias tuyas y seguir construyendo juntos en este emocionante mundo de bloques y aventuras!</p>
<form method="post" action="#">
<div class="fields">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScH27MpdB_toGTztjnqUfPFQYly8NyrqSvijmdkeESIDdJaBw/viewform?embedded=true" width="640" height="830" frameborder="0" marginheight="0" marginwidth="0">Cargando…</iframe>
</div>
</form>
<ul class="contact">
<li class="icon solid fa-home">
BensWorld<br />
Bahia Blanca, Buenos Aires<br />
Argentina.
</li>
<li class="icon solid fa-phone">(+54) 291-5341257</li>
<li class="icon solid fa-envelope"><a href="mailto:[email protected]?subject=mensaje%20para%20bencraft&body=Holaa!">[email protected]</a></li>
<li class="icon brands fa-twitter"><a href="https://twitter.com/Bencraft0">twitter.com/Bencraft0</a></li>
<li class="icon brands fa-facebook-f"><a href="https://www.facebook.com/benja.bohn/">facebook.com/benja.bohn</a></li>
<li class="icon brands fa-instagram"><a href="https://www.instagram.com/benja.bohn/">instagram.com/benja.bohn</a></li>
</ul>
<ul class="copyright">
<li>&copy; BensWorld Inc. All rights reserved.</li>
</ul>
</div>
</section>
</div>
</div>

</section>

<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Envianos un mensaje</h2>
<p>¿Tienes preguntas, sugerencias o simplemente quieres charlar sobre Minecraft? ¡Estamos aquí para
escucharte! Utiliza nuestro formulario de contacto para enviarnos un mensaje. Nos esforzamos por
responder lo antes posible y asegurarnos de que tu experiencia en nuestro servidor sea inigualable.
¡Esperamos recibir noticias tuyas y seguir construyendo juntos en este emocionante mundo de bloques
y aventuras!</p>
<form method="post" action="#">
<div class="fields">
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLScH27MpdB_toGTztjnqUfPFQYly8NyrqSvijmdkeESIDdJaBw/viewform?embedded=true"
width="640" height="830" frameborder="0" marginheight="0" marginwidth="0">Cargando…</iframe>
</div>
</form>
<ul class="contact">
<li class="icon solid fa-home">
BensWorld<br />
Bahia Blanca, Buenos Aires<br />
Argentina.
</li>
<li class="icon solid fa-phone">(+54) 291-5341257</li>
<li class="icon solid fa-envelope"><a
href="mailto:[email protected]?subject=mensaje%20para%20bencraft&body=Holaa!">[email protected]</a>
</li>
<li class="icon brands fa-twitter"><a href="https://twitter.com/Bencraft0">twitter.com/Bencraft0</a>
</li>
<li class="icon brands fa-facebook-f"><a
href="https://www.facebook.com/benja.bohn/">facebook.com/benja.bohn</a></li>
<li class="icon brands fa-instagram"><a
href="https://www.instagram.com/benja.bohn/">instagram.com/benja.bohn</a></li>
</ul>
<ul class="copyright">
<li>&copy; BensWorld Inc. All rights reserved.</li>
</ul>
</div>
</section>

</div>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>

</body>
</html>
Binary file modified images/Thumbs.db
View file
Binary file not shown.
Binary file added images/pago-exitoso.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 2 additions & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,9 @@ <h2>Menu</h2>
<!-- Banner -->
<section id="banner">
<div class="videodefondo">
<video class="video" autoplay="" loop="" muted="" poster="" playsinline=""><source src="./videos/trailer.mp4" type="video/mp4"></video>
<iframe class="video" mute="true"loop="true" src="https://www.youtube.com/embed/5xuz3DKT0sM?si=H8ZYYdY461Fti2G_?rel=0&amp;autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>

<div class="inner">
<div class="logo"><img src="./images/logo.png" alt="(LOGO)"></div>
<h2>Ben'sWorld</h2>
Expand Down
22 changes: 22 additions & 0 deletions pago.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BensWorld</title>
<style>
.pago {
display: flex;
justify-content: center;
}
</style>
</head>

<body>
<div class="pago">
<img src="./images/pago-exitoso.png" alt="Su pago a sido procesado correctamente">
</div>
</body>

</html>
Loading

0 comments on commit ccd0cb3

Please sign in to comment.