-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsobremi.html
127 lines (99 loc) · 4.64 KB
/
sobremi.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
<!DOCTYPE html>
<html lang="en">
<head>
<!--SECCION DE META DATA-->
<meta charset="UTF-8" />
<link rel="shortcut icon" href="imagen/HTML5_logo_and_wordmark.svg.png" type="image/x-icon">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML, CSS, JavaScript</title>
<meta name="description" content="Parte sobre mi de el miniblog">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Alenny De Vries Angomas">
<meta name="copyright" content="https://advisertecnology.com/" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://kit.fontawesome.com/8722e720e2.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<!--ENCABEZADO-->
<header>
<h1>Bienvenidos a mi primer miniblog</h1>
</header>
<!--NAVEGACION-->
<nav>
<div class="topnav" id="myTopnav">
<a href="index.html">inicio</a>
<a href="sobremi.html"class="active">Sobre Mi</a>
<a href="curso.html">Cursos</a>
<a href="contactos.html">Contactos</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</nav>
<!--CONTENIDO-->
<section id="contenido">
<!--ARTICULOS-->
<article>
<h2>¿Quien Soy?</h2>
<hr>
<p class="Articulo1">
Mi nombre es Alenny De Vries Angomas, soy estudiante de ingenieria en sistemas y computacion de la Universidad
Dominicana O&M. Actualmente estoy cursando mi decimo cuatrimeste. Y, luego de terminar la universidad, tengo
planes de realizar una especialidad en base de datos</p>
<img class="foto" src="https://avatars.githubusercontent.com/u/118283659?s=400&u=c650c18fb13962db63793d1dacd3dc8d5c829c8c&v=4" alt="Foto"><br>
<p class="Articulo1">
Soy una persona bastante curiosa e autodidacta. Me gusta obtener nuevos conocimientos y reforzar los
que he aprendido previamente. Durante mi trayecto en la universidad he descubierto que me gustan dos areas
de la tecnologia: Base de Datos y programacion; sin embargo, creo que optare por base de datos.
</p>
<p class="Articulo1">
Algunos de mis hobbies son jugar ajedrez, jugar voleibol. Voy al gimnasio, no es algo que sea un hobbie
para mi, es una pasion.
</p>
</article>
<hr>
<div class="redes">
<h2>Sigueme en mi Redes Sociales</h2>
<!-- Agregamos font awesome icons -->
<a href="https://www.youtube.com/channel/UC3iuwK3yYBvod8t1wn8OSxA" target="_blank" class="fa fa-youtube-square" style="font-size:30px"></a>
<a href="#" class="fa fa-facebook-square" style="font-size:30px"></a>
<a href="https://github.com/Alenny02" target="_blank" class="fa fa-github-square" style="font-size:30px"></a>
</div>
</section>
<!--PUBLICIDAD-->
<aside>
<h2>😁Se la mejor version de ti</h2>
<img src="imagen/9153186_d2962.gif" alt="">
<br>
<h2>📊Conoce lo escencial de base de dato</h2>
<iframe width="100%" height="320px" src="https://www.youtube.com/embed/K5ypIIAe5PE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<br>
<br>
<h2>🌍La tecnologia es el futuro
del mundo
</h2>
<img src="imagen/image.gif" alt="">
<br>
</aside>
<div class="clearfix" ></div>
<!--FOOTER O PIE DE PAGINA-->
<footer>
<p class="footer"> @ 2022 Creado por Alenny De Vries Angomas: <a href="https://www.instagram.com/alennyva/?hl=es-la" target="_blank" >instagram</a></p>
</footer>
</div>
<!--FUNCION JAVASCRIPT PARA EL MENU-->
<script>
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</body>
</html>