-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (141 loc) · 6.35 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
<!doctype html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio - Coaquira Jefferson</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.1.1/css/all.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/[email protected]/devicon.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
</head>
<body>
<div class="wrapper">
<header>
<nav class="navbar">
<div class="brand">
<h2>Bienvenido a<span> mi Portafolio</span></h2>
</div>
<ul class="menu">
<li><a href="#" class="active" >Sobre Mi</a></li>
<li><a href="#">Formación</a></li>
<li><a href="#">Tecnologias y Lenguajes de Programación</a></li>
</ul>
</nav>
</header>
<main class="main">
<div class="info-content">
<h1>Hola <i class="material-icons" style="color:red">waving_hand</i></h1>
<p>Este es mi sitio web donde puedes encontrar informacion sobre los proyectos donde trabaje , y tambien
los proyectos donde actualmente trabajo.
Los principales propositos de esta pagina son:</p>
<ul>
<li>
Primero , poder compartir esta pagina como portafolio y que la gente me conozca
</li>
<li>
Segundo , mantener informado a mis seguidores sobre nuevos proyectos y nuevos
estudios.
</li>
</ul>
<a class="class-text m-0 "> <i class="bi bi-github"></i> <a href="https://github.com/Jefferson-23"
class="text-decoration-none">@Jefferson-23</a></a>
</div>
<img src="https://res.cloudinary.com/dbilk0odc/image/upload/v1682297139/kisuke_cut5jz.jpg"
alt="">
</main>
</div>
<div class="about">
<img src="https://res.cloudinary.com/dbilk0odc/image/upload/v1682296840/Avatar_k1cgem.jpg"
alt="">
<div class="about-info">
<h2 id="sobremi">Sobre Mi <i class="material-icons" style="color:rgb(18, 195, 240)">check_circle</i> </h2>
<div class="divider"></div>
<p>Mi nombre es Jefferson Coaquira soy estudiante de Tecsup en tercer semesre y mis intereses son:</p>
<p>
La programacion web <i class="bi bi-display" style="color:red"></i> y movil <i class="bi bi-phone"
style="color:blue"></i>
</p>
<p>
Base de datos u Big data <i class="bi bi-server" style="color:orange"></i>.
</p>
<p>
Programas para arquitectura <i class="material-icons" style="color:greenyellow">holiday_village</i></i>
</p>
<p>
Tener mi Compañia <i class="material-icons" style="color:goldenrod">apartment</i></i>
</p>
</p>
<hr>
<h2 class="subtitle font-monospace" id="fomacion">Formación</h2>
<div class="divider"></div>
<p class="subtitle ">Formación Profesional</p>
<ul class="list-group list-group-flush">
<p class="list-group-item">2019 | Certificado de nivel basico Ingles</p>
<p class="list-group-item">2021 | Certificacion de mandejo de excel Intermedio</p>
<p class="list-group-item">2023 | Certificacion Lean Six Sigma White Belt</p>
</ul>
<p class="subtitle m-1 mt-4">Idiomas <i class="material-icons" style="color:rgb(78, 61, 155)">language</i>
</p>
<ul class="list-group list-group-flush">
<p class="list-group-item">Español: Nativo</p>
<p class="list-group-item">Ingles: Intermedio</p>
<p class="list-group-item">Portugués: Basico</p>
</ul>
</div>
</div>
<div class="portfolio">
<div class="portfolio-heading">
<h2 id="tecleg">Tecnologias y Lenguajes de Programación</h2>
<div class="divider"></div>
</div>
<div class="container">
<div class="card">
<div class="card__title">
<h2>Lenguajes de Programación</h2>
</div>
<div class="card__proyect-links">
<a href="#">
<i class="devicon-javascript-plain"></i>
</a>
<a href="">
<i class="devicon-php-plain colored"></i>
</a>
<a href="">
<i class="devicon-python-plain-wordmark"></i>
</a>
</div>
</div>
<div class="card">
<div class="card__title">
<h2>Infraestructura</h2>
</div>
<div class="card__proyect-links">
<a href="#">
<i class="devicon-azure-plain-wordmark colored"></i>
</a>
<a href="">
<i class="devicon-windows8-original colored"></i>
</a>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="footer-content">
<h2>Jefferson Coaquira</h2>
<h5>Tecsup</h5>
</div>
<div class="sotial-networks">
<i class="fab fa-github"></i>
<i class="fab fa-linkedin"></i>
<i class="fab fa-google"></i>
</div>
</footer>
</body>
</html>