-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
94 lines (91 loc) · 4.01 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title>Consultoria en Desarrollo de Software</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Consultaria implementacion de Software y Desarrollo de applicaciones nativas y web">
<meta name="author" content="Claudio_Alvarado">
<link href="./css/bootstrap.css" rel="stylesheet">
<style>
body {
padding-top: 60px;
}
</style>
<link href="./css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
<link rel="shortcut icon" href="./img/image-web_x52.png">
<!-- fonts -->
<link href='http://fonts.googleapis.com/css?family=Caesar+Dressing' rel='stylesheet' type='text/css'>
</head>
<body>
<header class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a style="font-family: 'Caesar Dressing', cursive;" class="brand" href="#"><img src="./img/image-web_white_x144.png" style="width: 25px;" /> ASALdevel </a>
<div class="nav-collapse collapse">
<ul class="nav pull-right">
<li><a href="#">Inicio</a></li>
<li><a href="#contact">Contacto</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</header>
<div class="container">
<section class="row">
<article class="span12">
<div class="tabbable"> <!-- Only required for left/right tabs -->
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Mi perfil</a></li>
<li><a href="#tab2" data-toggle="tab">Tecnologias</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab1">
<center><img src="./img/mi_profile.jpg" style="width: 150px; padding-bottom: 10px;">
<h3>Claudio Alvarado A.</h3></center>
<p style="text-align: justify;">Soy un desarrollador de software titulado en la carrera de <b>Programacion de aplicaciones Computacionales</b>. Poseo 3 años de experiencia desarrollando software con distintas tecnologias para distintas plataformas y para distintas empresas
<br/>
Ademas poseo conocimientos administracion de sistemas Linux/Unix instalacion y configuracion de Servidores web, DNS, etc...
<br/>
implementaciones de soluciones de gestion como <b>Redmine</b>
</p>
</div>
<div class="tab-pane" id="tab2">
<p>Howdy, I'm in Section 2.</p>
</div>
</div>
</div>
</article>
</section>
</div>
<footer id="footer" style="padding-top: 30px;">
<div class="container">
<p style="text-align: right;" class="muted credit">Desarrollado por <a href="http://twitter.com/z3robatu">Claudio Alvarado</a>
</div>
</footer>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap-transition.js"></script>
<script src="./js/bootstrap-alert.js"></script>
<script src="./js/bootstrap-modal.js"></script>
<script src="./js/bootstrap-dropdown.js"></script>
<script src="./js/bootstrap-scrollspy.js"></script>
<script src="./js/bootstrap-tab.js"></script>
<script src="./js/bootstrap-tooltip.js"></script>
<script src="./js/bootstrap-popover.js"></script>
<script src="./js/bootstrap-button.js"></script>
<script src="./js/bootstrap-collapse.js"></script>
<script src="./js/bootstrap-carousel.js"></script>
<script src="./js/bootstrap-typeahead.js"></script>
</body>
</html>