-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
130 lines (125 loc) · 9.06 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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!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">
<title>Estadísticas de Precio de Combustibles - Argentina</title>
<!-- 1. Add jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<!-- CSS only -->
<link rel="stylesheet" href="./CSS/style.css">
<!-- 2. Use Bootstrap if you like -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
</head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VVTEL3DKVL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-VVTEL3DKVL');
</script>
<body>
<div class="page-container">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary sticky-top">
<div class="container container-fluid">
<a class="navbar-brand" href="./index.html">Inicio</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">
<a class="nav-link" href="./gas.html">Gas Natural</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./pes.html">Combustibles</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="main-header">
<div class="nav">
<div class="header container titles">
<h2 class="header-title">Información de Precios</h2>
<h5 class="header-subtitle">Estadística de Precios de la Energía en Argentina</h5>
</div>
</div>
<div class="progress" style="height: 4px;">
<div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
<div class="main container align-items-center d-flex justify-content-evenly">
<div class="row w-75 d-flex justify-content-center">
<div class="row mt-0 row-cols-1 row-cols-md-2 g-4">
<div class="col d-flex justify-content-evenly">
<div class="card">
<a class="link-card" href="./gas.html">
<div class="overflow-hidden">
<img src="https://www.foronuclear.org/wp-content/uploads/2010/06/gas-fogon-854x465.jpg?x19466" class="card-img-top" alt="natural_gas">
</div>
<div class="card-body">
<h5 class="card-title">Gas Natural</h5>
<p class="card-text">Precios de Gas Natural - Res 1/2018 desde enero 2019. Los precios corresponden a los efectivamente percibidos por los productores.</p>
</div>
</a>
</div>
</div>
<div class="col d-flex justify-content-center">
<div class="card">
<a class="link-card" href="./pes.html">
<div class="overflow-hidden">
<img src="https://media.istockphoto.com/photos/hand-refilling-the-car-with-fuel-at-the-refuel-station-picture-id1136053255?k=20&m=1136053255&s=612x612&w=0&h=lQeS3y_USmRr4JhXS8rY4lbHtvwxCjiUfWlv0ucBxYs=" class="card-img-top" alt="...">
</div>
<div class="card-body">
<h5 class="card-title">Combustibles</h5>
<p class="card-text">Precios vigentes de naftas, gas oil y GNC, según declaraciones realizadas por EESS, expresados en AR$/litro (Resolución 314/2016)</p>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="footer footer-expand-lg">
<div class="footer-text">
<span><b>© <span id="year">2022</span></b> by <b>josemqu</b> -
<a class="icon" href="https://github.com/jmquintana" target="_blank"><i class="bi bi-github"></i></a>
<a class="icon" href="mailto:[email protected]?Subject=hello!"><i class="bi bi-envelope"></i></a>
</span>
</div>
<div class="divider">
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1600 264.292" preserveAspectRatio="none" shape-rendering="auto">
<path opacity=".9" fill-rule="evenodd" clip-rule="evenodd" fill="#A0C1F7" d="M1129.263,43.549C998.916,54.132,838.062,142.227,800,139.454 C545.701,151.526,485.448,30.836,328.863,43.549C198.516,54.132,38.062,142.227,0,139.454v124.838h800.4h800.4V139.454 C1385.144,135.677,1285.849,30.836,1129.263,43.549z"></path>
</svg>
<svg class="waves w2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1600 264.292" preserveAspectRatio="none" shape-rendering="auto">
<path opacity=".8" fill-rule="evenodd" clip-rule="evenodd" fill="#ACF2F2" d="M1518.024 147.062c-224.019 0-323.801-108.959-483.256-96.014-89.51 7.267-174 60.06-234.368 84.32-27.82 7.448-55.764 11.693-82.776 11.693-224.02 0-323.801-108.959-483.256-96.014-89.51 7.267-174 60.06-234.368 84.32V264.29h1600.8V135.369c-27.82 7.449-55.765 11.693-82.776 11.693z"></path>
</svg>
<svg class="waves w3" fill="url(#my-cool-gradient) #E8EDF5;" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1600 264.292" preserveAspectRatio="none" shape-rendering="auto">
<path opacity=".9" fill-rule="evenodd" clip-rule="evenodd" d="M1539.579 165.792c-207.72 0-300.242-101-448.095-89-114.831 9.32-212.341 64.442-291.083 81.959-20.552 4.527-41.214 7.041-61.221 7.041-207.72 0-300.242-101-448.095-89C176.253 86.112 78.743 141.234 0 158.751v105.541h1600.8V158.751c-20.552 4.527-41.214 7.041-61.221 7.041z"></path>
</svg>
<svg class="waves w4" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 1865.201 5669.29 1116.842" enable-background="new 0 1865.201 5669.29 1116.842" xml:space="preserve">
<path fill="none" opacity="0.08" stroke="#213e7d" stroke-width="6" stroke-miterlimit="10" d="M0,2915.056 c484.319,0,916.241-737.418,1397.321-737.418c489.179,0,961.104,737.418,1430.845,737.418 c484.319,0,916.241-737.418,1400.561-737.418s956.244,737.418,1440.563,737.418"></path>
</svg>
<svg class="waves w5" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 1865.201 5669.29 1116.842" enable-background="new 0 1865.201 5669.29 1116.842" xml:space="preserve">
<path fill="none" opacity="0.1" stroke="#213e7d" stroke-width="6" stroke-miterlimit="10" d="M0,2915.056 c484.319,0,936.243-982.869,1417.323-982.869c489.179,0,941.102,982.869,1410.844,982.869 c484.319,0,936.243-982.869,1420.562-982.869c484.319,0,936.243,982.869,1420.563,982.869"></path>
</svg>
</div>
</footer>
</div>
<svg style="width:0;height:0;position:absolute;" aria-hidden="true" focusable="false">
<linearGradient id="my-cool-gradient" x2="0" y2="1">
<stop offset="0%" stop-color="#FFFFFF" />
<stop offset="50%" stop-color="#E9ECEF" />
<stop offset="100%" stop-color="#E9ECEF" />
</linearGradient>
</svg>
</body>
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-u1OknCvxWvY5kfmNBILK2hRnQC3Pr17a+RTT6rIHI7NnikvbZlHgTPOOmMi466C8" crossorigin="anonymous"></script>
</html>