-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
executable file
·95 lines (79 loc) · 4.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Thin CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Reduce el peso de tu código, optimiza tus hojas de estilo.">
<meta name="keywords" content="remove css, clear css, css, unused css, optimize css, limpiar css, optimizar css, eliminar css, yui3, aplicacion web, app web, thin_css">
<meta name="author" content="">
<!-- Le styles -->
<link href="assets/styles/bootstrap-min.css" rel="stylesheet">
<link href="assets/styles/style-min.css" rel="stylesheet">
<link href="assets/styles/bootstrap-responsive-min.css" rel="stylesheet">
<style type="text/css">
@media (max-width: 480px) {
.jumbotron h1 {
font-size: 3em;
}
.lead {
font-size: 1.5em;
}
}</style>
</head>
<body>
<div class="container-narrow">
<div class="masthead">
<ul class="nav nav-pills pull-right">
<li id="inicio" class="active"><a id="inicioA" href="#">Inicio</a></li>
<li id="modalContacte"><a href="#">Contáctenos</a></li>
<li id="modalAcerca"><a href="#">Acerca</a></li>
</ul>
<h3 class="muted">
<a href="index.html" style="text-decoration:none;">Thin CSS<div id="beta00">(beta)</div></a>
</h3>
</div>
<hr>
<div class="jumbotron">
</br></br></br>
<h1>Reduce el peso de tu código,</h1>
<p class="lead">optimiza tus hojas de estilo.</p>
<br><br>
<center><a class="btn btn-large btn-success" href="thin_css.html">Continuar</a></center>
</br></br></br>
</div>
<div id="myModal">
<h3 id="myModalLabel">Acerca del proyecto</h3>
<div>
<p style="text-align:justify;">En la caché del navegador entre otros elementos se incluyen las hojas de estilo en cascada cargadas por cada página, por lo que lo mejor sería que estas tuvieran el menor tamaño posible. Actualmente existen muchos frameworks que facilitan el diseño de interfaces de usuario, pero los mismos luego de ayudarnos nos dejan con un problema, un pesado archivo CSS del que no siempre utilizamos todas sus reglas, tal es el caso del framework Twitter Bootstrap.</p>
<p style="text-align:justify;">Enfocados en resolver esta problemática nos plantéamos el siguiente objetivo: <em>diseñar una aplicación 100% segura, óptima, gratuita y con un alto valor de compresión.</em></p>
</div>
</div>
<div id="myEmail">
<br><br>
<h3 id="myModalLabel">Contáctenos</h3>
<div>
<p style="text-align:justify;">Con el objetivo de enviar sugerencias y opiniones sobre esta aplicación puede mantenerse en contacto con el equipo de desarrollo a través de estas direcciones de correo: <br>
<address>
<ul>
</ul>
</address>
</p>
</div>
<br><br>
</div>
<hr>
<div class="footer">
<p>© Company 2013</p>
</div>
</div> <!-- /container -->
<!--Scripts -->
<script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
<script type="text/javascript" src="script/index.js"></script>
<script src="//static.getclicky.com/js" type="text/javascript"></script>
<script type="text/javascript">try{ clicky.init(100600799); }catch(e){}</script>
</body>
</html>