Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Patri branch #82

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
Expand Up @@ -3,5 +3,8 @@
"editor.defaultFormatter": "esbenp.prettier-vscode",
"workbench.editorAssociations": {
"*.md": "vscode.markdown.preview.editor"
},
"[html]": {
"editor.defaultFormatter": "vscode.html-language-features"
}
}
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_000 (1).png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_000.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_001 (1).png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_002 (1).png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_002.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_004 (1).png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_007.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_008.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_009.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_010.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_011.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_012.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/Archivo_013.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/IMG_5911.JPG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/ilustracion kalladril zynael.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/ilustracion pajaro.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/ilustracion todos.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/ilustracion zynael.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/kaladril zinael.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/kalladril.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/ojo kalladril.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/secso.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/todos.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/zynael byn.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fotos/Cynthia/zynael.png
270 changes: 270 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,270 @@
<!DOCTYPE html>
<html lang="es">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="styles.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">
<title> Saga Elthymeron </title>
</head>
<body>
<div class="container-fluid ">
<nav class="navbar navbar-custom p-3 merriweather-black">
<h1>Saga Elthymeron</h1>
</nav>
<div class="fondo gap-3 mt-2 fondo-completo">
<div class="d-flex p-2 justify-content-center">
<ul class="nav nav-tabs border-0" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link border-0 text-dark" id="home-tab" data-bs-toggle="tab"
data-bs-target="#estoesunaprueba" type="button" role="tab" aria-controls="estoesunaprueba"
aria-selected="true">
<i class="fa-solid fa-book"></i>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link border-0 text-dark" id="profile-tab" data-bs-toggle="tab"
data-bs-target="#profile-tab-pane" type="button" role="tab" aria-controls="profile-tab-pane"
aria-selected="false">
<i class="fa-regular fa-image"></i>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link border-0 text-dark" id="video-tab" data-bs-toggle="tab"
data-bs-target="#video-tab-pane" type="button" role="tab" aria-controls="video-tab-pane"
aria-selected="false">
<i class="fa-brands fa-youtube"></i>
</button>
</li>
</ul>
</div>


<div class="tab-content" id="myTabContent">
<div class="tab-pane fade w-50 m-auto" id="estoesunaprueba" role="tabpanel" aria-labelledby="home-tab"
tabindex="0">
<div class="bg-white border border-dark p-2 mb-2">
<div class="primerafoto m-2">
<div class="d-flex justify-content-between">
<h4> Saga Elthymeron </h4>
<p> El renacer de Altuk´h - part 1 </p>
</div>
</div>
<div class="row p-3">
<img class="col-6"
src="https://static.fnac-static.com/multimedia/Images/ES/NR/d7/7e/8c/9207511/1507-1.jpg"
alt="Parte 1 libro 1">
<img class="col-6" src="https://m.media-amazon.com/images/I/418HbE4JlKL.jpg" alt="Parte 1 libro 1">
</div>
<div class="footer1">
<h3> Sinopsis </h3>
<p> «"Yo, Kal'ladril Akhelbec'h, juro solemnemente bajo mis dioses, conciencia y honor, que protegeré a mi
tierra y a mi rey [...] hasta el último de mis días" Dicen que todo tiene un final. La era de paz no iba
a
ser una excepción. La profecía de los elfos puros ya lo advirtió, sabíamos que llegaría... Pero nunca
imaginé que se llevaría a cabo conmigo encabezando el mayor ejército de todo el continente. Nunca
imaginé
que de mí dependería el destino de Elthymeron. Cuando pronuncié mi juramento, conocía la responsabilidad
a
la que me atenía. Pero nadie mencionó que sería la clave para la salvación, o la total destrucción.
Nadie
mencionó que debería encargarme de eliminar al grandioso dragón. La misión era clara: conseguir alianza
en
cada ciudad. El reino humano era el primer final. Y ella, esa elfa mestiza, debía haber sido solamente
la
prisionera que me tenía que acompañar..</p>
</div>
</div>
<div class="bg-white border border-dark p-2 mb-2">
<div class="primerafoto m-2">
<div class="d-flex justify-content-between">
<h4> Libro 1 parte 2 </h4>
<p> Coming Soon </p>
</div>
</div>
<div class="imagen1">
<img class="w-100 p-3"
src="https://media.istockphoto.com/id/1261698208/vector/coming-soon-ink-brush-vector-lettering-promotion-or-announcement-banner-modern-vector.jpg?s=612x612&w=0&k=20&c=nKUyh-A4a65lkwZDz7nb2aBXfBIY7-NinZJkjnItEQg="
alt="Parte 2 libro uno Coming soon">
</div>
<div class="footer1">
<h3> </h3>
<p> Coming Soon</p>
</div>
</div>
<div class="bg-white border border-dark p-2 mb-2">
<div class="primerafoto m-2">
<div class="d-flex justify-content-between">
<h4> Libro 2 parte 1 </h4>
<p> Coming Soon </p>
</div>
</div>
<div class="imagen1">
<img class="w-100 p-3"
src="https://media.istockphoto.com/id/1261698208/vector/coming-soon-ink-brush-vector-lettering-promotion-or-announcement-banner-modern-vector.jpg?s=612x612&w=0&k=20&c=nKUyh-A4a65lkwZDz7nb2aBXfBIY7-NinZJkjnItEQg="
alt="Parte 2 libro uno " Coming soon">
</div>
<div class="footer1">
<h3> </h3>
<p> Coming Soon</p>
</div>
</div>
<div class="bg-white border border-dark p-2 mb-2">
<div class="primerafoto m-2">
<div class="d-flex justify-content-between">
<h4> Libro 2 parte 2 </h4>
<p> Coming Soon </p>
</div>
</div>
<div class="imagen1">
<img class="w-100 p-3"
src="https://media.istockphoto.com/id/1261698208/vector/coming-soon-ink-brush-vector-lettering-promotion-or-announcement-banner-modern-vector.jpg?s=612x612&w=0&k=20&c=nKUyh-A4a65lkwZDz7nb2aBXfBIY7-NinZJkjnItEQg="
alt="Parte 2 libro uno Coming soon">
</div>
<div class="footer1">
<h3> </h3>
<p> Coming Soon </p>
</div>
</div>
<div class="bg-white border border-dark p-2 mb-2">
<div class="primerafoto m-2">
<div class="d-flex justify-content-between">
<h4> Libro 3 parte 1 </h4>
<p> Coming Soon </p>
</div>
</div>
<div class="imagen1">
<img class="w-100 p-3"
src="https://media.istockphoto.com/id/1261698208/vector/coming-soon-ink-brush-vector-lettering-promotion-or-announcement-banner-modern-vector.jpg?s=612x612&w=0&k=20&c=nKUyh-A4a65lkwZDz7nb2aBXfBIY7-NinZJkjnItEQg="
alt="Parte 2 libro uno " Coming soon">
</div>
<div class="footer1">
<h3> </h3>
<p> Coming Soon</p>
</div>
</div>
<div class="bg-white border border-dark p-2 mb-2">
<div class="primerafoto m-2">
<div class="d-flex justify-content-between">
<h4> libro 3 parte 2 </h4>
<p> Coming Soon </p>
</div>
</div>
<div class="imagen1">
<img class="w-100 p-3"
src="https://media.istockphoto.com/id/1261698208/vector/coming-soon-ink-brush-vector-lettering-promotion-or-announcement-banner-modern-vector.jpg?s=612x612&w=0&k=20&c=nKUyh-A4a65lkwZDz7nb2aBXfBIY7-NinZJkjnItEQg="
alt="Parte 2 libro uno " Coming soon">
</div>
<div class="footer1">
<h3> </h3>
<p> Coming Soon</p>
</div>
</div>
</div>




<div class="tab-pane fade show active" id="profile-tab-pane" role="tabpanel" aria-labelledby="profile-tab"
tabindex="0">

<div class="container-fluid">
<div class="container text-center">
<div class="row">
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/Archivo_001 (1).png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/Archivo_004 (1).png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/Archivo_002.png" alt="Post Image"
class="img-fluid">
</div>
</div>
</div>

<div class="row">
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/kalladril.png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/ojo kalladril.png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/zynael byn.png" alt="Post Image" class="img-fluid">
</div>
</div>
</div>

<div class="row">
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/ilustracion zynael.png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/ilustracion kalladril zynael.png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/ilustracion pajaro.png" alt="Post Image" class="img-fluid">
</div>
</div>
</div>
<div class="row">
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/Archivo_011.png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/Archivo_010.png" alt="Post Image" class="img-fluid">
</div>
</div>
<div class="col p-2 border border-2 rounded">
<div class="ratio ratio-1x1">
<img src="fotos/Cynthia/kaladril zinael.png" alt="Post Image" class="img-fluid">
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="tab-pane fade" id="video-tab-pane" role="tabpanel" aria-labelledby="video-tab" tabindex="0">
<div class="ratio ratio-16x9">
<iframe src="https://www.youtube.com/embed/QI4JMVY7JxE?t=26s" title="YouTube video" allowfullscreen></iframe>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>

</body>

</html>
Empty file added resolver.txt
Empty file.
51 changes: 51 additions & 0 deletions styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
img {

object-fit: cover;
}



.fondo-completo {
background-image: url(fotos/Cynthia/Archivo_000.jpeg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 100%;
width: 100%;
}

body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;

}

.merriweather-black {
font-family: "Merriweather", serif;
font-weight: 900;
font-style: normal;
}


.navbar-custom {
background: url('fotos/Cynthia/Archivo_013.png');
background-size: cover;
background-repeat: no-repeat;
background-color: #f1c40f;
border-bottom: 5px solid #34495e;
position: relative;

}

.navbar-custom h1 {
color: #f1c40f;
margin: 0;
padding: 10px 20px;
font-weight: bold;
}