-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (130 loc) · 8.07 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Daniel Medina - Desarrollador Web FrontEnd UX/UI en Venezuela</title>
<meta name="description" content="¡Hola! Soy Daniel Medina, un desarrollador web especializado en diseño FrontEnd UX/UI en Venezuela. Creo interfaces modernas, dinámicas y minimalistas para páginas web.">
<meta name="keywords" content="Daniel Medina, Desarrollador Web, FrontEnd, UX/UI, Diseñador, Páginas web, Venezuela, San Cristóbal, Táchira, Programador">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/bd8d930d16.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="estilos.css?v=4">
<link href="https://fonts.cdnfonts.com/css/montserrat" rel="stylesheet">
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg">
<div class="container-fluid">
<a class="navbar-brand" href="#">DANIEL <b>MEDINA</b></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16" id="b">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav w-100 justify-content-center">
<li class="nav-item">
<a class="nav-link" href="#portafolio">Portafolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#conocimientos">conocimientos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://api.whatsapp.com/send/?phone=584247321565" target="_blank">Contacto</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="medina-center">
<div class="container header-cont">
<h1>DANIEL <b>MEDINA</b></h1>
<h2>WEB DEVELOPER</h2>
<p>¡Hola!, Soy Daniel Medina desarrollador web especializado en diseño FrontEnd UX/UI con interfacez modernas, dinámicas y minimalistas.</p><br>
<a href="https://api.whatsapp.com/send/?phone=584247321565" target="_blank" class="btn-outline">CONTACTO</a>
</div>
</header>
<section class="portafolio container" id="portafolio">
<h3>PORTAFOLIO</h3>
<div class="port-cont row">
<div class="port-card col">
<img src="sync.png" alt="" class="img-port">
<p class="titu-card">SISTEMA DE VENTAS SyncScript</p>
<p class="text-white">SyncScript es un sistema que te permite gestionar tus productos en stock, tus ventas y tus clientes de manera dinámica. </p>
<div class="tags d-flex">
<span>HTML</span>
<span>CSS</span>
<span>JAVASCRIPT</span>
<span>BOOTSTRAP</span>
<span>PHP</span>
<span>MYSQL</span>
</div>
</div>
<div class="port-card col">
<img src="inf.png" alt="" class="img-port">
<p class="titu-card">PERIÓDICO DIGITAL PARA <a href="http://www.inforeplicaplus.com.ve">INFORÉPLICA+</a></p>
<p class="text-white">Periodíco digital que le facilita al periodista publicar entradas y noticias a cualquier hora del día desde cualquier lugar.</p>
<div class="tags d-flex">
<span>WORDPRESS</span>
</div>
</div>
<div class="port-card col">
<img src="pan.jpg" alt="" class="img-port">
<p class="titu-card">PROYECTO UNIVERSITARIO PARA UNA PANADERÍA</p>
<p class="text-white">Este sistema permite mantener una gestión de los ingredientes y otros insumos de un pan para una panadería, me encargué del FrontEnd del sistema.</p>
<div class="tags d-flex">
<span>PYTHON</span>
<span>TKINTER</span>
<span>TTKBOOTSTRAP</span>
</div>
</div>
</div>
</section>
<section class="conocimientos container justify-content-center" id="conocimientos">
<h2>CONOCIMIENTOS</h2><br>
<p class="text-white">Tengo conocimientos en el diseño UI/UX de diferentes aplicaciónes con distintas inteligencias y librerías, trabajo las vistas de un sistema web con HTML, CSS y JAVASCRIPT. Mientras que para sistemas de escritorio en caso de PYTHON utilizo TKINTER y TTKBOOTSTRAP.</p>
<div class="conocimientos-cont row justify-content-center">
<div class="icon col-3 medina-center">
<i class="fa-brands fa-html5"></i>
</div>
<div class="icon col-3 medina-center">
<i class="fa-brands fa-css3-alt"></i>
</div>
<div class="icon col-3 medina-center">
<i class="fa-brands fa-js"></i>
</div>
<div class="icon col-3 medina-center">
<i class="fa-brands fa-php"></i>
</div>
<div class="icon col-3 medina-center">
<i class="fa-brands fa-python"></i>
</div>
<div class="icon col-3 medina-center">
<i class="fa-brands fa-wordpress"></i>
</div>
</div>
</section>
<footer class="medina-center">
<a class="navbar-brand" href="#">DANIEL <b>MEDINA</b></a>
<p class="text-white">danielmedina060504@gmail.com</p>
</footer>
<div class="btn-outline btn-float medina-center">
<a href="https://api.whatsapp.com/send/?phone=584247321565" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg>
</a>
</div>
<script>
const NavbarScroll = document.querySelector('.navbar');
window.addEventListener('scroll', () =>{
if (window.scrollY >= 56) {
NavbarScroll.classList.add('navbar-scroll')
} else {if (window.screenY < 56) {
NavbarScroll.classList.remove('navbar-scroll')
}
}
})
</script>
</body>
</html>