Código de HTML - Sitio web html 5 con Css3 y Js

Imágen de perfil

Sitio web html 5 con Css3 y Jsgráfica de visualizaciones


HTML

Publicado el 14 de Diciembre del 2021 por David (3 códigos)
2.726 visualizaciones desde el 14 de Diciembre del 2021
https://github.com/nob322/WebHtml5Css3Js-1
Les comparto el código completo para que se lo clonen, ideal para quienes están aprendiendo a crear sitios web, implementé un par de librerías de js muy potentes.

1.0

Publicado el 14 de Diciembre del 2021gráfica de visualizaciones de la versión: 1.0
2.727 visualizaciones desde el 14 de Diciembre del 2021
estrellaestrellaestrellaestrellaestrella
estrellaestrellaestrellaestrella
estrellaestrellaestrella
estrellaestrella
estrella

borrar
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
<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=7">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>https://github.com/nob322</title>
	<link rel="stylesheet" href="css/normalize.css">
	<link rel="stylesheet" href="css/estilos.css">
	<link rel="stylesheet" href="css/formulario.css">
	<script src="js/pace.min.js"></script>
	<link rel="stylesheet" href="css/pace-theme-minimal.css">
	<link rel="stylesheet" href="js/amcharts5/examples/misc-microchart-grid/index.css" />
	<link rel="shortcut icon" href="img/logoIcono.ico" type="image/x-icon">
</head>
<body>
		<div class="contenedor">
			<header class="headerOk">
				<img src="img/logo.png" alt="imagen del logo" class="imgClase">
				<nav class="navHeader">
					<ul class="ulMenu">
						<li class="liElemento"><a href="index.html">Principal</a></li>
						<li class="liElemento"><a href="quienes.html">Quiénes somos</a></li>
						<li class="liElemento"><a href="servicios.html">Servicios</a></li>
						<li class="liElemento"><a href="contacto.html">Contacto</a></li>
					</ul>
				</nav>
			</header>
			<div class="portada">
				 <img src="img/finanzas.png" alt="imagen de portada">
			</div>
			<div class="registreseBoletin">
				<form action="boletin.php" method="POST" class="formularioBoletin" >
					Su nombre cómo es? <input type="text" class="botonesEstilo1"  required>
					Ingrese su email por favor	<input type="email" class="botonesEstilo1" required>
					<input type="submit" class="botonesEstilo2" value="Quiero novedades" >
				</form>
			</div>
			<section class="intro">
				<div class="contieneArt">
					<h3 class="marginTopAndButton">SERVICIOS FINANCIEROS QUE SON NUESTRA ESPECIALIDAD</h3>
				</div>
				 <div class="contieneArt">
					<article class="articulos backGroundImg1">
					</article>
					<article class="articulos backGroundImg2">
					</article>
					<article class="articulos backGroundImg3">
					</article>
				</div>
			</section>
			<section class="mercado">
				<h3 class="marginTopAndButton">BOLSA DE ROSARIO HOY</h3>
				<aside id="chartdiv"></aside>
			</section>
			<section class="inversores">
				<h3 class="marginTopAndButton">INVERSORES MÁS IMPORTANTES DE LA CIUDAD EN LA BOLSA</h3>
				<aside class="configuracionInversores">
					<section class="configuracionOk " >
						<img src="img/inversor1.png" alt="inversor1" class="ajustarImg"><div class="rowK r1"><p class="inversoresPfontSize z-index mT mL blueOk">Clara Nielsen</p></div><p class="inversoresPfontSize">$22.780.191</p>
					</section>
					<section class="configuracionOk pD2">
						<img src="img/inversor2.png" alt="inversor2" class="ajustarImg"><div class="rowK r2"><p class="inversoresPfontSize z-index mT mL blueOk">Agustina Tula</p></div><p class="inversoresPfontSize">$18.200.909</p>
					</section>
					<section class="configuracionOk pD3">
						<img src="img/inversor3.png" alt="inversor2" class="ajustarImg"><div class="rowK r3"><p class="inversoresPfontSize z-index mT mL blueOk">Federico Tolosa</p></div><p class="inversoresPfontSize">$10.541.656</p>
					</section>
					<section class="configuracionOk pD4">
						<img src="img/inversor4.png" alt="inversor2" class="ajustarImg"><div class="rowK r4"><p class="inversoresPfontSize z-index mT mL blueOk">Ariel Sarkosic</p></div><p class="inversoresPfontSize">$7.100.900</p>
					</section>
					<section class="configuracionOk pD5">
						<img src="img/inversor5.png" alt="inversor2" class="ajustarImg"><div class="rowK r5"><p class="inversoresPfontSize z-index mT mL blueOk">Andrés Paz</p></div><p class="inversoresPfontSize">$5.762.256</p>
					</section>
					<section class="configuracionOk pD6">
						<img src="img/inversor6.png" alt="inversor2" class="ajustarImg"><div class="rowK r6"><p class="inversoresPfontSize z-index mT mL blueOk">Alesio Cruz</p></div><p class="inversoresPfontSize">$3.421.654</p>
					</section>
					<section class="configuracionOk pD7" style="margin-bottom: 30px;">
						<img src="img/inversor7.png" alt="inversor2" class="ajustarImg"><div class="rowK r7"><p class="inversoresPfontSize z-index mT mL blueOk">Santiago Abreu</p></div><p class="inversoresPfontSize">$2.987.456</p>
					</section>
				</aside>
			</section>
			<section class="necesitaAyuda">
				<h3 class="marginTopAndButton">ÚLTIMAS NOTICIAS EN LOS BROKERS MÁS IMPORTANTES DEL PAÍS</h3>
				<section class="redes">
					<div><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fbullmarketbrokers&tabs=timeline&width=350px&height=500&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId" width="350px" height="600" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>	</div>
					<div style="margin-top: -100px; margin-left: 50px;"><a   class="twitter-timeline" data-lang="es" data-width="350" data-height="500" data-dnt="true" data-theme="light" href="https://twitter.com/FinanzasArgy?ref_src=twsrc%5Etfw">Tweets by FinanzasArgy</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div>
				</section>
			</section>
			<footer class="footerOk">
				<p>Este <strong>Sitio web fue desarrollado por <span class="textColor-0">David (https://github.com/nob322)</span> </strong> con </p>
				<p><img src="img/tecnologiasEmpleadas.png" alt="Html5 css3 y js Logo" class="tecno"></p>
			</footer>
		</div>
		<script src="js/amcharts5/index.js"></script>
		<script src="js/amcharts5/xy.js"></script>
		<script src="js/amcharts5/themes/Micro.js"></script>
		<script src="js/amcharts5/examples/misc-microchart-grid/index.js"></script>
</body>
</html>



Comentarios sobre la versión: 1.0 (0)


No hay comentarios
 

Comentar la versión: 1.0

Nombre
Correo (no se visualiza en la web)
Valoración
Comentarios...
CerrarCerrar
CerrarCerrar
Cerrar

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

Puedes registrarte o validarte desde aquí.

Codigo
Negrita
Subrayado
Tachado
Cursiva
Insertar enlace
Imagen externa
Emoticon
Tabular
Centrar
Titulo
Linea
Disminuir
Aumentar
Vista preliminar
sonreir
dientes
lengua
guiño
enfadado
confundido
llorar
avergonzado
sorprendido
triste
sol
estrella
jarra
camara
taza de cafe
email
beso
bombilla
amor
mal
bien
Es necesario revisar y aceptar las políticas de privacidad

http://lwp-l.com/s7183