forked from sethcottle/littlelink
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (98 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Page Information
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Sergio Valverde</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton-dark.css">
<link rel="stylesheet" href="css/brands.css">
<link rel="stylesheet" href="css/avatar.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/avatar.png">
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<div class="column" style="margin-top: 10%">
<!--
## Getting Started with LittleLink
This page has been built with every pre-designed button available in LittleLink by default. You can rearrange and delete as needed.
You can add your own brand or others brands you may need in the `css/brands.css` file.
Edit the "Your Image Here" section to add your own personal branding, like a picture of yourself or your brand logo!
Edit the "Your Name" section to change the page heading. You can use something like your name, your social handle, or your brand name.
Edit the "Short Bio" section tell users about yourself or your brand.
-->
<!-- Your Image Here -->
<img src="images/avatar.png" srcset="images/[email protected] 2x" class="avatar">
<!-- Your Name -->
<h1>Sergio Valverde</h1>
<!-- Your Title -->
<h3>Infrastructure & DevOps Engineer | CI/CD | Platform Engineer | SRE | All as CODE | Problem Solver | Team player | Deploy first 🚀| AI for work</h3>
<!-- Short Bio -->
<p>I have a wide range of interests, spanning from Software Architecture to SRE, with a strong involvement in developer communities through meetups, event collaborations, speaking engagements, and organizing community events.
My experience extends from Research and Development (R&D) to Software Development, DevOps, and platform management, giving me the chance to work across various roles and companies, from startups to large corporations.
I’m deeply committed to collaboration and driving initiatives within companies, with a focus on improving operations by eliminating pain points in both development processes and business workflows.
</p>
<!-- Replace # with your profile URL. Delete whatever you don't need & create your own brand styles in css/brands.css -->
<div>
<a class="small" href="https://github.com/svg153" target="_blank" rel="noopener"><img class="icon" src="icons/github.svg" alt="github logo"></a>
<a class="small" href="https://www.linkedin.com/in/svg153/" target="_blank" rel="noopener"><img class="icon" src="icons/linkedin.svg" alt="linkedin logo"></a>
<a class="small" href="https://twitter.com/svg153" target="_blank" rel="noopener"><img class="icon" src="icons/twitter.svg" alt="twitter logo"></a>
<a class="small" href="https://www.tiktok.com/@svg153dev" target="_blank" rel="noopener"><img class="icon" src="icons/tiktok.svg" alt="TikTok Logo"></a>
<a class="small" href="https://facebook.com/svg153" target="_blank" rel="noopener"><img class="icon" src="icons/facebook.svg" alt="facebook logo"></a>
</div>
<br>
<div>
<a class="button button-youtube" href="https://www.youtube.com/@svg153"><img class="icon" src="icons/youtube-white.svg">My channel</a>
<br>
</div>
<!-- Add a new section for non-social links -->
<div>
<h4>My YouTube videos</h4>
<div>
<a class="button button-youtube" href="https://www.youtube.com/watch?v=S8ZDYNplaGI&list=PLgDQkj9U7d6FxlGzV8Eo3abtQxCbCaumM"><img class="icon" src="icons/youtube-white.svg">Empezar con Docker</a>
<a class="button button-youtube" href="https://www.youtube.com/watch?v=eHF_Rjizu2s&list=PLgDQkj9U7d6HJ0ZAjdVR1qHiDerrgI5L8&index=23"><img class="icon" src="icons/youtube-white.svg">Repositorios como código</a>
<br>
<h4>My talks</h4>
<div>
<a class="button button-youtube" href="https://www.youtube.com/watch?v=jgjNDJfGzxg&list=PLgDQkj9U7d6GNhnSLhWXTt-5xjAOaQ_U3"><img class="icon" src="icons/youtube-white.svg">Project to product</a>
<a class="button button-youtube" href="https://www.youtube.com/playlist?list=PLgDQkj9U7d6Ex9gdABUSUAf2wY1YVNqu0"><img class="icon" src="icons/youtube-white.svg">My external videos</a>
<br>
</div>
</div>
<!-- <div>
<h4>Relevant links</h4>
<div>
<br>
</div>
</div> -->
<br>
<br>
<br>
<footer>
<!-- When have it -->
<!-- <a class="small" href="https://github.com/sponsors/svg153" target="_blank" rel="noopener"><img src="https://cdn.cottle.cloud/littlelink/button-github-sponsors.svg" alt="GitHub Sponsors button"></a> -->
</footer>
</div>
</div>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>