Skip to content

Commit e7eb931

Browse files
jcomte23jcomte23
authored
Merge pull request #10 from jcomte23/develop
Develop
2 parents dbe0c53 + 30989aa commit e7eb931

File tree

2 files changed

+41
-93
lines changed

2 files changed

+41
-93
lines changed

‎.github/workflows/deploy.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ on:
77
push:
88
branches: ["main"]
99
pull_request:
10-
branches: ["main" , "develop"]
10+
branches: ["main"]
1111

1212
# Permite ejecutar el workflow manualmente desde la pestaña Actions
1313
workflow_dispatch:

‎index.html‎

Lines changed: 40 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -19,37 +19,23 @@
1919
<meta name="googlebot" content="index,follow">
2020
<meta name="revisit-after" content="15days">
2121
<meta http-equiv="Content-Language" content="en">
22-
23-
<!-- Open Graph -->
24-
<meta property="og:site_name" content="Jcomte23">
25-
<meta property="og:url" content="https://jcomte23.github.io">
26-
<meta property="og:type" content="website">
27-
<meta property="og:title" content="Javier Cómbita Téllez | Backend Developer Portfolio">
22+
<meta property="og:title" content="Jcomte23 - Backend Developer Portfolio">
2823
<meta property="og:description"
2924
content="Portfolio of Javier Cómbita Téllez, a skilled Backend Developer specializing in .NET, C#, Laravel, and scalable architecture design.">
30-
<meta property="og:locale" content="es_CO">
31-
<meta property="og:image" content="https://jcomte23.github.io/images/photo.png">
32-
33-
<meta property="og:image:width" content="400">
34-
<meta property="og:image:height" content="400">
35-
36-
<!-- Twitter Card -->
25+
<meta property="og:image" content="https://jcomte23.github.io/assets/preview.png">
26+
<meta property="og:url" content="https://jcomte23.github.io">
27+
<meta property="og:type" content="website">
3728
<meta name="twitter:card" content="summary_large_image">
3829
<meta name="twitter:title" content="Jcomte23 - Backend Developer Portfolio">
3930
<meta name="twitter:description"
4031
content="Portfolio of Javier Cómbita Téllez, a skilled Backend Developer specializing in .NET, C#, Laravel, and scalable architecture design.">
41-
<meta name="twitter:image" content="https://jcomte23.github.io/images/photo.webp">
42-
<meta name="twitter:creator" content="@jcomte23">
43-
<meta name="twitter:site" content="@jcomte23">
44-
<meta name="twitter:url" content="https://jcomte23.github.io">
45-
46-
<!-- Bootstrap CSS -->
32+
<meta name="twitter:image" content="https://jcomte23.github.io/assets/preview.png">
4733
<link rel="icon" href="public/favicon.svg" type="image/svg+xml">
48-
<meta name="theme-color" content="#007bff">
34+
<meta name="theme-color" content="#4CAF50">
4935
<title>Jcomte23 - Backend Developer Portfolio</title>
5036
</head>
5137
<body>
52-
<header class="navbar navbar-expand-md navbar-light bg-light border-bottom">
38+
<header class="navbar navbar-expand-md navbar-light">
5339
<div class="container">
5440
<!-- Branding -->
5541
<a href="/" class="navbar-brand text-primary fw-bold fs-2">
@@ -66,10 +52,10 @@
6652
<div class="collapse navbar-collapse" id="navbarNav">
6753
<ul class="navbar-nav ms-auto">
6854
<li class="nav-item">
69-
<a href="#technical-skills" class="nav-link text-primary">technical skills</a>
55+
<a href="#technical-skills" class="nav-link text-primary text-capitalize">technical skills</a>
7056
</li>
7157
<li class="nav-item">
72-
<a href="#projects" class="nav-link text-primary">Projects</a>
58+
<a href="#projects" class="nav-link text-primary text-capitalize">Projects</a>
7359
</li>
7460
</ul>
7561
</div>
@@ -99,93 +85,52 @@ <h1 class="display-5 fw-bold text-body-emphasis lh-1 mb-3">Javier Cómbita Téll
9985
</div>
10086
</section>
10187

102-
<!-- Technical Skills Section -->
103-
<h2 class="text-start mb-4">Programming Languages</h2>
104-
<section class="row g-4 py-5 row-cols-1 row-cols-lg-4" id="technical-skills">
88+
<!-- Programming Languages -->
89+
<h2 class="text-center mb-4" id="technical-skills">Programming Languages</h2>
90+
<section class="row g-4 py-5 row-cols-1 row-cols-lg-4">
10591
<!-- Python -->
106-
<article class="feature col">
107-
<div class="feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
108-
<img src="public/logos/python.svg" alt="Logo python">
109-
</div>
110-
<h3 class="fs-4 text-body-emphasis">Python</h3>
111-
<p>Python is a powerful, easy-to-learn language widely used for web development, data analysis, machine
112-
learning, automation, and more. Its simplicity and readability make it an excellent choice for beginners
113-
and professionals alike.</p>
114-
</article>
92+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
93+
<img src="public/logos/python.svg" alt="Logo python">
94+
</div>
11595

11696
<!-- C# -->
117-
<article class="feature col">
118-
<div class="feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
119-
<img src="public/logos/c-sharp.svg" alt="Logo C#">
120-
</div>
121-
<h3 class="fs-4 text-body-emphasis">C#</h3>
122-
<p>C# is a versatile, object-oriented language developed by Microsoft. It's widely used for building Windows
123-
applications, game development with Unity, and enterprise-level applications.</p>
124-
</article>
97+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
98+
<img src="public/logos/c-sharp.svg" alt="Logo C#">
99+
</div>
125100

126101
<!-- JavaScript -->
127-
<article class="feature col">
128-
<div class="feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
129-
<img src="public/logos/javascript.svg" alt="Logo javascript">
130-
</div>
131-
<h3 class="fs-4 text-body-emphasis">JavaScript</h3>
132-
<p>JavaScript is essential for web development, allowing you to build interactive websites and dynamic user
133-
interfaces. It's used both on the client side (frontend) and server side (Node.js) for full-stack
134-
development.</p>
135-
</article>
102+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
103+
<img src="public/logos/javascript.svg" alt="Logo javascript">
104+
</div>
136105

137106
<!-- PHP -->
138-
<article class="feature col">
139-
<div class="feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
140-
<img src="public/logos/php.svg" alt="Logo php">
141-
</div>
142-
<h3 class="fs-4 text-body-emphasis">PHP</h3>
143-
<p>PHP is a popular server-side scripting language primarily used for web development. It's widely used in
144-
content management systems like WordPress and Drupal, and powers dynamic websites and applications.</p>
145-
</article>
107+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
108+
<img src="public/logos/php.svg" alt="Logo php">
109+
</div>
146110
</section>
147111

148112
<!-- Databases Section -->
149-
<h2 class="text-start mb-4">Databases</h2>
113+
<h2 class="text-start mb-4 text-capitalize text-center">databases</h2>
150114
<section class="row g-4 py-5 row-cols-1 row-cols-lg-4" id="databases">
151115
<!-- MySQL -->
152-
<article class="feature col">
153-
<div class="feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
154-
<img class="w-100" src="public/logos/mysql.svg" alt="Logo mysql" width="100%">
155-
</div>
156-
<p>MySQL is a widely used open-source relational database management system. It's known for its speed,
157-
reliability, and flexibility, often used in web applications and content management systems.</p>
158-
</article>
116+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
117+
<img src="public/logos/mysql.svg" alt="Logo mysql" width="100%">
118+
</div>
159119

160120
<!-- PostgreSQL -->
161-
<article class="feature col">
162-
<div class="feature-icon w-100 d-inline-flex align-items-center justify-content-center fs-2 mb-3">
163-
<img class="w-50" src="public/logos/postgresql.svg" alt="Logo postgresql" width="100%">
164-
</div>
165-
<p>PostgreSQL is an advanced open-source relational database system known for its robustness and support for
166-
complex queries, making it ideal for data-driven applications that require scalability and
167-
reliability.</p>
168-
</article>
121+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
122+
<img src="public/logos/postgresql.svg" alt="Logo postgresql" width="100%">
123+
</div>
169124

170125
<!-- MongoDB -->
171-
<article class="feature col">
172-
<div class="feature-icon w-100 d-inline-flex align-items-center justify-content-center fs-2 mb-3">
173-
<img class="w-100" src="public/logos/mongodb.svg" alt="Logo mongodb">
174-
</div>
175-
<p>MongoDB is a NoSQL database that stores data in a flexible, JSON-like format. It is highly scalable,
176-
allowing applications to handle large amounts of unstructured data efficiently. It's popular in modern
177-
web applications.</p>
178-
</article>
126+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
127+
<img src="public/logos/mongodb.svg" alt="Logo mongodb">
128+
</div>
179129

180130
<!-- SQLite -->
181-
<article class="feature col">
182-
<div class="feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
183-
<img class="w-100" src="public/logos/sqlite.svg" alt="Logo sqlite" width="100%">
184-
</div>
185-
<p>SQLite is a serverless, self-contained SQL database engine that is lightweight and fast. It's widely used
186-
in mobile apps, embedded systems, and small-to-medium-sized applications where a full database server is
187-
not required.</p>
188-
</article>
131+
<div class="col feature-icon d-inline-flex align-items-center justify-content-center fs-2 mb-3">
132+
<img src="public/logos/sqlite.svg" alt="Logo sqlite" width="100%">
133+
</div>
189134
</section>
190135

191136

@@ -252,6 +197,8 @@ <h2 class="featurette-heading fw-normal lh-1">And lastly, this one. <span class=
252197
</div>
253198

254199
<hr class="featurette-divider">
200+
201+
255202
</section>
256203

257204

@@ -314,6 +261,7 @@ <h2 class="featurette-heading fw-normal lh-1">And lastly, this one. <span class=
314261
</div>
315262

316263
<hr class="featurette-divider">
264+
317265
</main>
318266

319267
<!-- Footer Section -->

0 commit comments

Comments
 (0)