-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblogs.html
135 lines (108 loc) · 4.72 KB
/
blogs.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi-blog</title>
<link rel="stylesheet" href="css/blogs.css">
<link rel="stylesheet" href="Social Media/font/flaticon.css">
</head>
</head>
<body>
<div class="container">
<iframe class="header" src="header.html" width="100%"></iframe>
<main class="entrada">
<div>
<!-- <h3>Sobre mi</h3> -->
<img class="computadora" style="width: 10em;margin-left: 9em;margin-top: 3em;" src="img/io.jpg" alt="">
</div>
<div class="texto">
<h2>¿Quien soy?</h2>
<p class="mensaje">
Soy Desarrollador Web full-stack, me dirán loco, pero podría estar sentado horas analizando y tirando código para buscar una solución a algun problema, disfruto trabajar en equipo o individualmente.
</p>
<button class="boton">
<a href="cv.docx" download="Acme Documentation (ver. 2.0.1).txt">Descarga CV</a>
</button>
</div>
</main>
<section class="blogs-posts-container">
<div>
<div class="orden">
<article class="post-container">
<img src="img/vr.png" alt="">
<p>habilidades blandas</p>
<p class="texto-normal">- empatico</p>
<p class="texto-normal">- proactivo </p>
<p class="texto-normal">- actitud positiva</p>
<p class="texto-normal">- solución de problemas y conflictos</p>
<!-- <button class="boton">
<a href="blogs.html">leer más</a>
</button> -->
</article>
<article class="post-container">
<img src="img/teclas.png" alt="">
<p>origen de un programador </p>
<p class="texto-normal">
el amor por la programación nace desde la epoca escolar, y un gran hambre por conocimiento termine conociendo diferentes oficios y tratando temas relacionados a los computadores siendo asi que aprendi diseño gráfico, diseño web, diseño modelos, etc....
</p>
<!-- <button class="boton">
<a href="blogs.html">leer más</a>
</button> -->
</article>
<article class="post-container">
<img src="img/dron.png" alt="">
<p>mis especialidades</p>
<p class="texto-normal">- web: html,css,js</p>
<p class="texto-normal">- android</p>
<p class="texto-normal">- linux</p>
<p class="texto-normal">- lenguajes alternos: python, c, java, R+</p>
<p class="texto-normal">- incursionando en "iA"</p>
<!-- <button class="boton">
<a href="blogs.html">leer más</a>
</button> -->
</article>
</div>
<!-- carrusel -->
<!-- Caruousel -->
<h3>proyectos desarrollados</h3>
<div class="slide-contenedor">
<div class="miSlider fade">
<!-- <img src="https://source.unsplash.com/random/800x601" alt="" class="image"> -->
<img src="./img/horario.png" alt="">
<p>desarrollo de modelo de horario digital <a href="https://018100991k.github.io/horario"> <br>ver página</a></p>
</div>
<div class="miSlider fade">
<img src="./img/dragon.jpeg" alt="">
<p> desarrollo de juego 3D </p>
</div>
<div class="miSlider fade">
<img src="./img/bot.png" alt="">
<p> desarrollo de bot telegram con iA; implementada en web</p>
</div>
<div class="miSlider fade">
<img src="./img/android.jpg" alt="">
<p> desarrollo de reproductor musical para dispositivos android</p>
</div>
<div class="direcciones">
<a href="#" class="atras" onclick="avanzaSlide(-1)">❮</a>
<a href="#" class="adelante" onclick="avanzaSlide(1)">❯</a>
</div>
<div class="barras">
<span class="barra active" onclick="posicionSlide(1)"></span>
<span class="barra" onclick="posicionSlide(2)"></span>
<span class="barra" onclick="posicionSlide(3)"></span>
<span class="barra" onclick="posicionSlide(4)"></span>
</div>
</div>
<!-- Fin carrusel -->
<br>
<!-- carrusel -->
</div>
</section>
<footer class="pie_final">
<p style="text-align:center;" > © 2022 - realizado por Arthur Mazius <br> All rights reserved - Copyright - <br> todos los derechos reservados
</p>
</footer>
<script src="js.js"></script>
</body>
</html>