-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathquien-soy.html
158 lines (151 loc) · 5.43 KB
/
quien-soy.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Dina Pezo | Acerca de mi como programadora y diseñadora grafica</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.min.js"></script>
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<!-- webfonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700,800,400,600' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Satisfy' rel='stylesheet' type='text/css'>
<!--//webfonts -->
</head>
<body>
<!-- container -->
<!-- header -->
<div class="header">
<div class="container">
<!-- logo -->
<div class="logo">
<a href="index.html"><img src="images/logo.png" title="baku" /></a>
</div>
<!-- logo -->
<!-- cart-info -->
<div class="cart-info">
<p style="color: #FFF;">El camino hacia el exito de seguir adelante</p>
</div>
<!-- /cart-info -->
</div>
<!-- header -->
</div>
<!-- sub-header -->
<div class="sub-header">
<div class="container">
<!-- top-nav -->
<div class="top-nav">
<span class="menu">
<img src="images/nav-icon.png" alt="">
</span>
<ul>
<li><a href="index.html">Inicio</a></li>
<li class="active"><a href="quien-soy.html">Quien soy</a></li>
<li><a href="informatica.html">Informática</a></li>
<li><a href="contactenos.html">Contáctenos</a></li>
<div class="clearfix"> </div>
</ul>
</div>
<!-- top-nav -->
<!-- script-for-nav -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(300);
});
});
</script>
<!-- script-for-nav -->
</div>
</div>
<!-- /sub-header -->
<!-- content -->
<!-- error-page -->
<div class="error-page text-center">
<div class="container">
<div class="col-md-8 col-sm-2">
<h2 class="text-left">Acerca de mi</h2>
<p class="text-justify">Mi nombre es dina pezo. Soy estudiante del Instituto CESCA que esta estudiando la carrera de Computacion e Informatica.</p>
<p class="text-justify">Me estoy especializando en el area de programación y desarrollo de paginas web. </p>
<p class="text-justify">Los lenguajes que me gusta programar son:</p>
<ul class="list-group">
<li class="list-group-item">Visual Basic.Net</li>
<li class="list-group-item">PHP</li>
<li class="list-group-item">Java</li>
<li class="list-group-item">MS SQL Server</li>
<li class="list-group-item">MySQL</li>
</ul>
<p>Tambien estoy aprendiendo a desarrollar paginas web como:</p>
<ul class="list-group">
<li class="list-group-item">HTML5</li>
<li class="list-group-item">CSS3</li>
<li class="list-group-item">JavaScript</li>
</ul>
<p>Mis pasatiempos es leer, escuchar musica, bloquear usuarios que me molestan en el facebook.</p>
<p>He bloqueado a un chico que se llama edwin saenz porque no es mi amigo.</p>
</div>
<div class="col-md-4">
<img src="images/dina-pezo-estudiante-de-programacion.jpg" alt="dina pezo estudiante programacion" class="img-responsive" />
</div>
</div>
</div>
<!-- /error-page -->
<!-- /content -->
<!-- footer -->
<div class="footer">
<div class="footer-grids">
<div class="container">
<div class="col-md-3 footer-grid">
<h4>Servicios</h4>
<ul>
<li><a href="#">Pagina web</a></li>
<li><a href="#">Desarollo de sistemas</a></li>
<li><a href="#">Diseño grafico</a></li>
<li><a href="#">Social media</a></li>
</ul>
</div>
<div class="col-md-3 footer-grid">
<h4>Informatica</h4>
<ul>
<li><a href="informatica.html">Visual Basic.Net</a></li>
<li><a href="informatica.html">PHP</a></li>
<li><a href="informatica.html">Java</a></li>
<li><a href="informatica.html">MS SQL Server</a></li>
</ul>
</div>
<div class="col-md-3 footer-grid">
<h4>Mas detalles</h4>
<ul>
<li><a href="quien-soy.html">Acerca de mi</a></li>
<li><a href="contactenos.html">Donde me ubicas</a></li>
</ul>
</div>
<div class="col-md-3 footer-grid contact-grid">
<h4>Contáctenos</h4>
<ul>
<li><span class="c-icon"> </span>Julio delgado neyra 476, SMP</li>
<li><span class="c-icon1"> </span><a href="#">informes@maydadina.com</a></li>
<li><span class="c-icon2"> </span>PERU (511) 452-2280</li>
</ul>
<ul class="social-icons">
<li><a href="https://www.facebook.com/profile.php?id=100007991917199" target="_blank"><span class="facebook"> </span></a></li>
<li><a href="https://www.twitter.com/" target="_blank"><span class="twitter"> </span></a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- footer -->
<!-- copy-right -->
<div class="copy-right">
<p>Desarrollado por <a href="https://www.facebook.com/profile.php?id=100007991917199" target="_blank">Dina Pezo</a></p>
</div>
<!-- copy-right -->
<!-- container -->
</body>
</html>