-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (157 loc) · 9.55 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
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
158
159
160
161
162
163
164
<!DOCTYPE html>
<html id="Inicio">
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<!--Iconos-->
<script src="https://kit.fontawesome.com/57ecd1627f.js" crossorigin="anonymous"></script>
<!--Icono del titulo-->
<link rel="icon" href="https://upload.wikimedia.org/wikipedia/commons/0/06/Font_Awesome_5_regular_address-card.svg">
<title>Luis Jose MR</title>
<!-- Boostrap y JQuery css-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!--Java y css mios -->
<script src="js/javascript.js"></script>
<link rel="stylesheet" href="css/custom.css">
</head>
<body class="bg-info">
<header class="header fixed-top">
<div class="main-menu">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="https://unwelcome-reenlistm.000webhostapp.com/"><i class="fas fa-terminal"></i></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#Inicio" class="Principal nav-link"><i class="fas fa-house-user"></i> Inicio</a>
</li>
<li class="nav-item">
<a href="#Portafolio" class="Habilidades nav-link"><i class="fas fa-briefcase"></i> Portafolio</a>
</li>
<li class="nav-item">
<a href="#Habilidades" class="Habilidades nav-link"><i class="fas fa-user-graduate"></i> Habilidades</a>
</li>
<li class="nav-item">
<a href="#Contacto" class="Habilidades nav-link"><i class="fas fa-file-contract"></i> Contacto</a>
</li>
</ul>
</div>
</nav>
</div>
</header>
<div class="p-2"></div>
<div class="contenedor rounded bg-light shadow-lg p-3">
<div class="row">
<div class="col-12 col-md-5 col-ms-5 col-lg-5 cont-img text-center">
<img class="img-fluid rounded " src="img/mifoto.jpg" alt="">
</div>
<div class="col-12 col-md-7 col-ms-7 col-lg-7">
<h1 class="text-center">LUIS JOSE MEJIA RAMOS</h1>
<h2 class="text-center">Developer web junior</h2>
<h2 class="font-weight-bold">PERFIL:</h2>
<p>Estudiante recién egresado de la
carrera de Ingeniería en Computación con conocimiento
basico en desarrollo web (HTML, CSS, Javascript) y
sin experiencia profesional, además de experiencia
en programación en lenguaje C (arduino), Java.
</p>
<h2 class="font-weight-bold">OBJETIVO PERSONAL:</h2>
<p>En busca de trabajo de desarrollo web que pueda crecer,
tener nuevas y buenas experiencias profesionales
y buen ambiente de trabajo.
</p>
</div>
</div>
</div>
<div class="p-2" id="Portafolio"></div>
<div class="contenedor bg-light rounded p-3 shadow-lg">
<div class="col-12 col-md-12 col-ms-12 col-lg-12">
<h1 class="text-center">PORTAFOLIO</h1>
<div class="col-12 col-md-12 col-ms-6 col-lg-6 p-2">
<a href="#" data-toggle="modal" data-target="#myModal"> <img class="img-fluid rounded shadow p-1 mb-1 zoom" src="img/xibalba.png">
<a/>
<!--Modal -->
<div class="modal" id="myModal">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<div class="container text-center">
<h4 class="modal-title">Xibalba</h4>
</div>
<button type="button" class="close" data-dismiss="modal">×</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<img src="img/xibalba.png" class="img-fluid">
</div>
<div class="text-center">
<a href="https://xibalba.000webhostapp.com" class="btn badge-info" target="_blank">Ir</a>
<p>Este sitio web esta hecho con HTML, CSS con Boostrap, JavaScript con Jquery</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="p-2" id="Habilidades"></div>
<div class="contenedor bg-light rounded shadow-lg p-3" >
<div class="col-12 col-md-12 col-ms-12 col-lg-12 position-sticky">
<h1 class="text-center">HABILIDADES</h1>
<div class="row p-2">
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="HTML" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="HTML 60%" src="img/habilidades/html-5.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="CSS" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="CSS 40%" src="img/habilidades/css-3.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="BOOSTRAP" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="BOOSTRAP 40%" src="img/habilidades/bootstrap.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="JAVASCRIPT" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="JAVASCRIPT 40%" src="img/habilidades/javascript.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="JQUERY" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="JQUERY 20%" src="img/habilidades/jquery.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="GIT" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="GIT 20%" src="img/habilidades/git.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="SQL" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="SQL 40%" src="img/habilidades/sql.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="JAVA" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="JAVA 60%" src="img/habilidades/java.svg" alt="">
</div>
<div class="col-sm-12 col-lg-4 text-center">
<img class="img-fluid h-50 w-50" id="ARDUINO" data-toggle="popover" data-placement="top" data-trigger="hover" data-content="ARDUINO 60%" src="img/habilidades/arduino.svg" alt="">
</div>
</div>
</div>
</div>
<div class="contenedor bg-light rounded text-center shadow-lg" id="Contacto">
<h1 class="text-center">CONTACTO</h1>
<div class="row p-2">
<div class="col-md-3 col-lg-3">
<a href="https://www.linkedin.com/in/luis-jose-mejia-ramos-056046208/"><i class="fab fa-linkedin"> Linkedin</i></a>
</div>
<div class="col-md-3 col-lg-3">
<a href="https://www.facebook.com/luis.jose.mejia.ramos/"><i class="fab fa-facebook-square"> Facebook</i></a>
</div>
<div class="col-md-3 col-lg-3">
<a href=" mailto:[email protected]"><i class="far fa-envelope"> Correo</i></a>
</div>
<div class="col-md-3 col-lg-3">
<a target="_blank" href="archivos/CV Luis Jose MR.pdf" download="CV Luis Jose MR"><i class="far fa-save"> Descargar CV</i></a>
</div>
</div>
</div>
</body>
</html>