-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (101 loc) · 5.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<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">
<meta name="description" content="Informacion sobre LeBron James: Biografía, trayectoria, logros y estadisticas. Es un resumen de su carrera como jugador profesional de basquet">
<meta name="keywords" content="LEBRON JAMES, LEBRON, JAMES, KING JAMES, KINGJAMES">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="./css/prueba.css">
<title>LeBron James</title>
</head>
<!--Cambiar logos ig, tw, ortografia del footer-->
<body>
<!--navbar-->
<header class="navbar navbar-expand-lg navbar-dark fondo-nav">
<nav class="container-fluid">
<a class="navbar-brand" href="./index.html">
<img class="navbar-brand logo-nav" src="./assets/logo-lebron-blanco.png" alt="logo-lebron-james">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item ps-2">
<a class="nav-link active boton" aria-current="page" href="./pages/trayectoria.html">Trayectoria</a>
</li>
<li class="nav-item ps-2">
<a class="nav-link active boton" href="./pages/logros.html">Logros</a>
</li>
<li class="nav-item ps-2">
<a class="nav-link active boton" href="./pages/estadisticas.html">Estadísticas</a>
</li>
<li class="nav-item ps-2">
<a class="nav-link active boton" href="./pages/contacto.html">Contacto</a>
</li>
</ul>
</div>
</nav>
</header>
<!--contenido-->
<section class="w-50 mx-auto pb-2">
<h1 class="text-center text-light pt-2">LeBron James</h1>
<div class="row">
<figure class="col lebron-inicio">
<img class="mx-auto lebron-james" src="./assets/Lebron-lakers-body.png" alt="">
</figure>
<div class="col pe-5 text-center text-light centrado">
<h2>Biografía</h2>
<p>LeBron Raymone James es un jugador de baloncesto estadounidense que actualmente pertenece a la plantilla de Los Angeles Lakers de la NBA. Su posición es la de alero, pero su talento, versatilidad y poderío físico le permiten jugar tanto de base como de ala-pívot. James fue elegido en la primer posición del draft de la NBA del año 2003 por los Cleveland Cavaliers. Es considerado como uno de los mejores jugadores de baloncesto del mundo y de la historia.
</p>
<div class="text-start d-inline-block info-personal">
<h3 class="fs-5">Nacimiento: 30/12/1984</h3>
<h3 class="fs-5">Edad: 37 años</h3>
<h3 class="fs-5">Estatura: 2.06 m</h3>
<h3 class="fs-5">Peso: 113 kg</h3>
<h3 class="fs-5">Apodos: "King James" "Bron"</h3>
</div>
</div>
</div>
</section>
<!--pie de pagina-->
<footer class="row nav mx-auto pt-2">
<div class="col">
<a class="nav-brand" href="./index.html">
<img class="navbar-brand logo-nav" src="./assets/logo-lebron-blanco.png" alt="logo-lebron-james">
</a>
<h4 class="text-light fs-5 fw-lighter">© 2022 dev: Alexis Orphant. All rights reserved</h4>
</div>
<div class="col"></div>
<div class="col">
<h4 class="text-center text-light fs-4">Info. de contacto</h4>
<a class="nav-link link-light text-decoration-underline" href="./pages/contacto.html">
<p class="text-center fw-bold fs-5">Contacto</p>
</a>
<p class="text-light fw-bold">Tel: 00-54521154</p>
<p class="text-light fw-bold">Email: email@example.com</p>
<p class="text-light fw-bold">Ubicación: miami, florida</p>
</div>
<div class="col">
</div>
<div class="col">
<h4 class="text-center text-light fs-4">Redes Sociales</h4>
<a class="nav-link active link-light fs-5 fw-bold" href="https://www.instagram.com/kingjames/" target="_blank">
<img src="./assets/instagram.png" alt="logo-instagram">
</a>
<a class="nav-link text-light fs-5 fw-bold" href="https://twitter.com/KingJames" target="_blank">
<img src="./assets/twitter.png" alt="logo-twitter">
</a>
</div>
<div class="col">
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
</script>
</body>
</html>