dani32002.github.io/index.html at main · Dani32002/dani32002.github.io · GitHub

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Daniel Escalante Perez</title>
  <base href="/">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="style.css">
  <link rel="icon" type="image/x-icon" href="assets/logo.jpeg">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.14.7/dist/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Outfit&family=Share+Tech+Mono&display=swap" rel="stylesheet">
</head>
<body>
    <nav class="navbar navbar-expand-lg fixed-top navigationBar navbar-dark bg-dark">
        <a class="navbar-brand" href="#">
            <img id = "miniLogo" src="./assets/logo.jpeg" height = 40 alt="logo">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link pos" href="#desc">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link pos" href="#technologiesContainer">Technologies</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link pos" href="#languageContainer">Languages</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link pos" href="#certs">Certificates</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link pos" href="#educationContainer">Education and Experience</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link pos" href="#cont">Contact</a>
                </li>
            </ul>
        </div>
    </nav>
    <div id = "landing">
        <!-- Descripcion -->
        <div class="container home" id = "desc">
          <div class="row" id = "descRow">
            <div id = "descriptionContainer" class="col-12 col-md-7">
              <div id = "descCard">
                <h1 id = "name">Daniel Escalante Perez</h1>
                <p id = "descText">
                    I am Daniel, a passionate software engineering student driven by love for what I do. The search for knowledge and diligence define my approach to every project I encounter. I am constantly seeking ways to improve and thrive on pushing the limits of my skills and knowledge. Exploring new technologies is a never-ending adventure that fuels my curiosity and broadens my horizons.
                    <br/><br/>
                    I am currently in my final year of my undergraduate program with a GPA of 4.87/5. I am mainly interested in software development, cloud computing, AI, and DevOps. I have particular strength in these areas thanks to the multiple skills I have gathered from courses, participation in events, and my work as a research and teaching assistant. Within my skill set, I can highlight my expertise in full-stack design and development using multiple frameworks, including Nest, Flask, FastAPI, Spring, React, and Angular.
                    <br/><br/>
                    Additionally, I have experience with Google Cloud Platform and Azure through the development of multiple SaaS applications using IaaS, CaaS, and FaaS tools, as well as my internship in Cloud Engineering. I am also familiar with Kubernetes and OpenShift for container orchestration and management. On the DevOps side, I have hands-on experience with Jenkins, Git, Terraform, and Helm, which have strengthened my understanding of CI/CD pipelines and infrastructure automation.
                    <br/><br/>
                    AI-wise, I have participated in multiple intensive workshops by NVIDIA, which have taught me about deep learning, agentic AI, LLMs, transformers, and more.
                </p>
                <a href="docs/CV_DanielEscalante2025.pdf" download>
                    <button id = "cvButton" type="button" class="btn">Download CV</button>
                </a>
              </div>
            </div>
            <div id = "photoContainer" class="col-12 col-md-5">
              <img id = "mainPhoto" src="./assets/pfp2.jpg" alt="pfp">
              <img id = "mainPhoto" src="./assets/pfp.jpg" alt="pfp">
            </div>
          </div>
        </div>
        <!-- Tecnologias -->
        <div id = "technologiesContainer" class = "container">
          <div id = "technologyRow" class = "row">
            <h2>Technologies</h2>
          </div>
          <div class = "row"  id = "techContent">
          </div>
        </div>
        <!-- Lenguajes -->
        <div id = "languageContainer" class = "container">
          <div id = "languageRow" class = "row">
            <h2>Languages</h2>
          </div>
          <div id = "languageCardRow" class="row">
            <div class = "col col-md-4 language card mb-3">
              <img class="card-img-top flag" src = "https://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Flag_of_Colombia.svg/2560px-Flag_of_Colombia.svg.png">
              <div class="card-body">
                <h3 class="card-title">Spanish</h3>
                <p class="card-text level">Native</p>
              </div>
            </div>
            <div class = "col col-md-4 language card mb-3">
              <img class="card-img-top flag" src = "https://upload.wikimedia.org/wikipedia/en/thumb/a/a4/Flag_of_the_United_States.svg/1200px-Flag_of_the_United_States.svg.png">
              <div class="card-body">
                <h3 class="card-title">English</h3>
                <p class="card-text level">B2</p>
              </div>
            </div>
            <div class = "col col-md-4 language card mb-3">
              <img class="card-img-top flag" src = "https://upload.wikimedia.org/wikipedia/en/thumb/c/c3/Flag_of_France.svg/1200px-Flag_of_France.svg.png">
              <div class="card-body">
                <h3 class="card-title">French</h3>
                <p class="card-text level">A1</p>
              </div>
            </div>
          </div>
        </div>
        <!-- Certificados -->
        <div id = "certs"></div>
        <div id = "certContainer" class = "container listContainer">
          <div id = "certRow" class="row listRow">
            <h2>Certificates</h2>
          </div>
        </div>
        <!-- Educación y Experiencia -->
        <div id = "educationContainer" class = "container listContainer">
          <div id = "educationRow" class="row listRow">
            <h2>Education and Experience</h2>
          </div>
        </div>
        <!-- Contacto -->
        <div class = "container" id = "cont">
          <div class="row">
            <div class="col-md-3 col-6 btn con" type = "button" style="background-color: rgb(51, 51, 51);">
              <a class="contLink" target="_blank" href="https://github.com/Dani32002"><span class = "contactText">Github</span><img class="logoContact" src="./assets/github.png" alt="githubLogo"></a>
            </div>
            <div class="col-md-3 col-6 btn con" style="background-color: rgb(0, 119, 181);">
              <a class="contLink" target="_blank" href="https://www.linkedin.com/in/daniel-escalante-perez"><span class = "contactText">LinkedIn</span><img class="logoContact" src="./assets/linkedin.png" alt="linkedInLogo"></p></a>
            </div>
            <div class="col-md-3 col-6 btn con" style="background-color: rgb(16, 186, 70);">
              <a class="contLink" target="_blank" href="mailto:descalantep@outlook.com"><span class = "contactText">Mail</span><img class="logoContact" src="./assets/mail.png" alt="mailLogo"></a>
            </div>
            <div class="col-md-3 col-6 btn con" style="background-color: rgb(82, 113, 255);">
              <a class="contLink" target="_blank" href="https://www.instagram.com/doni.la.dona.tech/"><span class = "contactText">Doni La Dona</span><img class="logoContact" src="./assets/donut.png" alt="donutLogo"></a>
            </div>
          </div>
        </div>
    </div>
    <script src="./index.js"></script>
</body>
</html>