Skip to content

Commit a5ffa49

Browse files
JSantarelliJSantarelli
committed
feat(sitio): agrega template presupuesto web
1 parent 2b60b44 commit a5ffa49

6 files changed

Lines changed: 552 additions & 0 deletions

File tree

‎presupuestos/santarellivisual_logo.png‎

15.4 KB
Loading

‎presupuestos/web.css‎

Lines changed: 192 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎presupuestos/web.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎presupuestos/web.html‎

Lines changed: 95 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<base href="./">
7+
<meta name="description" content="">
8+
<meta name="keywords" content="">
9+
<meta name="author" content="Presupuesto Web">
10+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11+
<link rel="stylesheet" href="./web.css">
12+
<title>Presupuesto</title>
13+
</head>
14+
<body>
15+
<section class="quote">
16+
<header class="quote__header">
17+
<h1>Presupuesto web<br><span>Diseño e implementación</span></h1>
18+
<div class="quote__contact">
19+
<img src="./santarellivisual_logo.png" alt="" width="150">
20+
<p><strong>Cel.:</strong> (299) 15-5186062</p>
21+
<p><a href="mailto:santarellijulio@gmail.com">santarellivisual@gmail.com</a></p>
22+
<p><a href="https://jsantarelli.github.io" target="_blank">jsantarelli.github.io</a></p>
23+
</div>
24+
</header>
25+
<div class="quote__grid">
26+
<section class="quote__section">
27+
<h2>1. Tareas a realizar</h2>
28+
<ul>
29+
<li>Diseño e implementación de sitio web responsivo (Home + 3 secciones)</li>
30+
</ul>
31+
32+
<h3>a. Diseño preliminar</h3>
33+
<ul>
34+
<li>Estructuración de contenidos, jerarquización de elementos, definición de paleta cromática, tipografías, tratamiento y optimización de imágenes.</li>
35+
</ul>
36+
37+
<h3>b. Maquetado HTML/SCSS/JS</h3>
38+
<ul>
39+
<li>Armado del layout/plantilla</li>
40+
<li>Estilizado de componentes</li>
41+
<li>Comportamiento interactivo de componentes</li>
42+
</ul>
43+
44+
<h3>c. Implementación del gestor de contenidos</h3>
45+
<ul>
46+
<li>Configuración github page</li>
47+
<li>Adaptación CMS estático (utilizando <a href="https://jekyllrb.com/" target="_blank">Jekyll</a> o <a href="https://gohugo.io/host-and-deploy/host-on-github-pages/" target="_blank">Hugo</a>)</li>
48+
</ul>
49+
</section>
50+
<section class="quote__section">
51+
<h2>2. Cronograma de entregas</h2>
52+
53+
<table class="quote__schedule">
54+
<thead>
55+
<tr>
56+
<th>Etapa</th>
57+
<th>Descripción</th>
58+
<th>Duración</th>
59+
</tr>
60+
</thead>
61+
<tbody>
62+
<tr>
63+
<td><strong>Diseño</strong></td>
64+
<td>Home + secciones (desktop/mobile)</td>
65+
<td>7 días *</td>
66+
</tr>
67+
<tr>
68+
<td><strong>Maquetado</strong></td>
69+
<td>HTML/CSS para desktop y mobile</td>
70+
<td>20 días *</td>
71+
</tr>
72+
<tr>
73+
<td><strong>Implementación</strong></td>
74+
<td>Configuración inicial + CMS</td>
75+
<td>3 días *</td>
76+
</tr>
77+
</tbody>
78+
</table>
79+
</section>
80+
<section class="quote__summary">
81+
<div class="flex">
82+
<h2>Costo total:</h2>
83+
<span>AR$ .000</span></h2>
84+
</div>
85+
<small class="quote__note">
86+
(*) Días hábiles. Se considera la aprobación de este presupuesto como fecha de inicio de tareas.<br>
87+
</small>
88+
<div class="quote__footer">
89+
<p class="quote__date">Lunes 12 de Mayo de 2025</p>
90+
</div>
91+
</section>
92+
</div>
93+
</section>
94+
</body>
95+
</html>

‎presupuestos/web.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
(function($) {
2+
3+
$(document).ready( function() {
4+
5+
$('.devices').on('click', 'a', function() {
6+
var device_selected = $(this).attr('href').replace('#', '');
7+
8+
$('.device').removeClass().addClass('device device-' + device_selected);
9+
10+
})
11+
12+
});
13+
14+
})(jQuery);

0 commit comments

Comments
 (0)