estilos en archivo styles.css
This commit is contained in:
parent
56b7d760c2
commit
eb315e301e
124
index.html
124
index.html
@ -3,80 +3,68 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
<link rel="stylesheet" type="text/css" href="style.css" />
|
||||
<title>Productos en venta</title>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
}
|
||||
.logo-container {
|
||||
display: flex;
|
||||
}
|
||||
p {
|
||||
font-size: 26px;
|
||||
font-weight: bold;
|
||||
}
|
||||
h4 {
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
}
|
||||
<header>
|
||||
<div class="logo-container">
|
||||
<img src="img/logosalaudio.jpg" alt="Logo institucional 1">
|
||||
<img src="img/logodevfzn.png" alt="Logo institucional 2">
|
||||
</div>
|
||||
</header>
|
||||
<div class="main">
|
||||
<h1>VENTA DE AUDIO Y TECNOLOGIA</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<h4>Juego de CUERDAS para Guitarra Electrica</h4>
|
||||
<img class="producto" src="img/gtr_cuerdas.jpeg">
|
||||
<p class="precio">$ 8.000.-</p>
|
||||
</li>
|
||||
|
||||
</style>
|
||||
<div class="logo-container">
|
||||
<img src="img/logosalaudio.jpg" alt="Logo institucional"style="max-width: 60px; max-height: 60px;">
|
||||
<img src="img/logodevfzn.png" alt="Logo institucional" style="max-width: 60px; max-height: 60px;">
|
||||
</div>
|
||||
<h1>VENTA DE AUDIO Y TECNOLOGIA</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<h4>Juego de CUERDAS para Guitarra Electrica</h4>
|
||||
<img src="img/gtr_cuerdas.jpeg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<p>$8.000</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Pedal de distorsión HARDWIRE TL-2</h4>
|
||||
<div class="masdeunafoto">
|
||||
<img src="img/pedal_hardwire.jpg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<img src="img/pedal_hardwire1.jpeg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<li>
|
||||
<h4>Pedal de distorsión HARDWIRE TL-2</h4>
|
||||
<img class="producto" src="img/pedal_hardwire.jpg">
|
||||
<img class="producto" src="img/pedal_hardwire1.jpeg">
|
||||
<p class="precio">$ 100.000.-</p>
|
||||
</li>
|
||||
|
||||
<p>$100.000</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Pedal de distorsión METAL MUFF de electro-harmonix</h4>
|
||||
<div class="masdeunafoto">
|
||||
<img src="img/pedal_metalmuff1.jpg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<img src="img/pedal_metalmuff.jpg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<li>
|
||||
<h4>Pedal de distorsión METAL MUFF de electro-harmonix</h4>
|
||||
<img class="producto" src="img/pedal_metalmuff1.jpg">
|
||||
<img class="producto" src="img/pedal_metalmuff.jpg">
|
||||
<p class="precio">$ 80.000.-</p>
|
||||
</li>
|
||||
|
||||
<p>$80.000</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Pedal Compression Sustainer CS-3 de BOSS</h4>
|
||||
<div class="masdeunafoto">
|
||||
<img src="img/pedal_bosscs3.jpeg" alt="Imagen 2" style="max-width: 600px; max-height: 400px;">
|
||||
<img src="img/pedal_bosscs31.jpeg" alt="Imagen 2" style="max-width: 600px; max-height: 400px;">
|
||||
<p>$70.000</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>CLUTCH para Hi-Hat</h4>
|
||||
<img src="img/bateria_clutchverde.jpeg" alt="Imagen 3" style="max-width: 600px; max-height: 400px;">
|
||||
<p>$15.000</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>ESPONJAS y BUJES</h4>
|
||||
<div class="masdeunafoto">
|
||||
<img src="img/bateria_esponjabujepromo.jpeg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<img src="img/bateria_esponjas.jpeg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<p>$2.000 cada ESPONJA <br> $2.000 cada BUJE <br> $5.000 PACK 2 ESPONJAS y 1 BUJE</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>CHYNA ZILDJIAN ZBT 18''</h4>
|
||||
<div class="masdeunafoto">
|
||||
<img src="img/chyna_zjn1.jpg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<img src="img/chyna_zjn.jpg" alt="Imagen 1" style="max-width: 600px; max-height: 400px;">
|
||||
<p>$70.000</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Pedal Compression Sustainer CS-3 de BOSS</h4>
|
||||
<img class="producto" src="img/pedal_bosscs3.jpeg">
|
||||
<img class="producto" src="img/pedal_bosscs31.jpeg">
|
||||
<p class="precio">$ 70.000.-</p>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
<li>
|
||||
<h4>CLUTCH para Hi-Hat</h4>
|
||||
<img class="producto" src="img/bateria_clutchverde.jpeg">
|
||||
<p class="precio">$ 15.000.-</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4>ESPONJAS y BUJES</h4>
|
||||
<img class="producto" src="img/bateria_esponjabujepromo.jpeg">
|
||||
<img class="producto" src="img/bateria_esponjas.jpeg">
|
||||
<p><strong>$ 2.000.-</strong> cada ESPONJA</p>
|
||||
<p><strong>$ 2.000.-</strong> cada BUJE</p>
|
||||
<p><strong>$ 5.000.-</strong> PACK 2 ESPONJAS y 1 BUJE</p>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<h4>CHYNA ZILDJIAN ZBT 18''</h4>
|
||||
<img class="producto" src="img/chyna_zjn1.jpg">
|
||||
<img class="producto" src="img/chyna_zjn.jpg">
|
||||
<p class="precio">$ 70.000.-</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
32
style.css
Normal file
32
style.css
Normal file
@ -0,0 +1,32 @@
|
||||
body {
|
||||
background-color: aquamarine;
|
||||
/*text-align: center;*/
|
||||
}
|
||||
|
||||
.logo-container {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.logo-container>img {
|
||||
max-width: 60px;
|
||||
max-height: 60px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
p.precio {
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
img.producto {
|
||||
max-width: 600px;
|
||||
max-height: 400px;
|
||||
}
|
Loading…
Reference in New Issue
Block a user