lujanmaciel2.github.io/index.html at main · lujanmaciel2/lujanmaciel2.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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio Website</title>
    <link rel="stylesheet" href="style.css" />
    <link
      href="https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css"
      rel="stylesheet"
    />
  </head>
  <body>

        <header class="header">
            <a href="#home" class="logo">
                Lujan <span> Maciel</span>
            </a>

            <i class="bx bx-menu" id="menu-icon"></i>

            <nav class="navbar">
                <a href="#home">Inicio</a>
                <a href="#about">Sobre mi</a>
                <a href="#projects">Proyectos</a>
                <a href="#contact">Contacto</a>
            </nav>
            <a href="#contact" class="gradient-btn">Contáctame</a>
        </header>

        <section class="home" id="home">
            <div class="home-content">
                <h1>Hola, soy <span>Lujan</span></h1>
                <h3><span>Designer UX/UI</span> y <span>Frond-end Developer</span>Junior</h3>
                <p> Estudiante de Ingeniería Informática apasionada por convertir conceptos creativos en código funcional. Me especializo en
                    diseñar interfaces limpias y desarrollar soluciones Front-end que den vida a las ideas.</p>
                <div class="social-icons">
                    <a href="https://github.com/lujanmaciel2" target="_blank" rel="noopener noreferrer">
                        <i class="bx bxl-github"></i>
                    </a>

                    <a href="https://www.linkedin.com/in/luj%C3%A1n-maciel-833823229/" target="_blank" rel="noopener noreferrer">
                        <i class="bx bxl-linkedin-square"></i>
                    </a>

                    <a href="https://www.instagram.com/lujan_maciel_/" target="_blank" rel="noopener noreferrer">
                        <i class="bx bxl-instagram-alt"></i>
                    </a>
                </div>

                <div class="btn-group">
                    <a href="Curriculum-Lujan Maciel-Designer UX-UI.pdf" class="btn" target="_blank">Ver CV</a>
                    <a href="#contact" class="btn">Contáctame</a>
                </div>
            </div>

            <div class="home-image">
                <img src="img/me.jpg" alt="">
            </div>
        </section>

        <section class="about" id="about">
            <div class="about-img">
                <img src="img/me.jpg" alt="">
            </div>

            <div class="about-content">
                <h2>Sobre <span>Mi</span></h2>
                <p>Estudiante de Ingeniería Informática con una sólida base en tecnología y una
                pasión por el Diseño UX/UI y el desarrollo front-end. Manejo de herramientas clave como Figma y Canva
                para la creación de prototipos y activos de diseño. Cuento con habilidades en
                HTML-CSS, complementando el proceso de diseño y desarrollo web. Busco
                aplicar mi creatividad, capacidad de adaptación y resolución de problemas en un puesto de Junior en el
                rol de UX/UI Designer o Front-end Developer. Disponibilidad Inmediata.</p>
            </div>
        </section>

        <section class="projects" id="projects">
            <h2 class="heading">Proyectos</h2>
            <div class="projects-box">
                <div class="project-card">
                    <img src="img/Desktop - 6.png" alt="">
                    <h3>Inicio Website (Inspirado en ueno bank).</h3>
                </div>

                <div class="project-card">
                    <img src="img/Desktop - 7.png" alt="">
                    <h3>Tarjetas Website (Inspirado en ueno bank)</h3>
                </div>

                <div class="project-card">
                    <img src="img/Meliodas.png" alt="">
                    <h3>Tarjeta de Personajes</h3>
                </div>

                <div class="project-card">
                    <img src="img/SushiApp.png" alt="">
                    <h3>SushiApp</h3>
                </div>

                <div class="project-card">
                    <img src="img/DeliveryApp.png" alt="">
                    <h3>DeliveryApp</h3>
                </div>

                <div class="project-card">
                    <img src="img/Desktop - 1.png" alt="">
                    <h3>Snapshot Web</h3>
                </div>

                <div class="project-card">
                    <img src="img/Netflix.png" alt="">
                    <h3>Netflix</h3>
                </div>

                <div class="project-card">
                    <img src="img/GrupoVazquez.png" alt="">
                    <h3>Grupo Vazquez Website (Inspirado en Grupo Vazquez)</h3>
                </div>
            </div>
        </section>

        <section class="contact" id="contact">
            <h2 class="heading">Contáctame</h2>

            <div class="contact-box">

                <div class="contact-card">
                    <img src="img/Código QR de WhatsApp de Luján Maciel (+595 991 941915).png" alt="">
                </div>
            </div>
        </section>

        <footer class="footer">
            <div class="social-icons">
                    <a href="https://github.com/lujanmaciel2" target="_blank" rel="noopener noreferrer">
                        <i class="bx bxl-github"></i>
                    </a>

                    <a href="https://www.linkedin.com/in/luj%C3%A1n-maciel-833823229/" target="_blank" rel="noopener noreferrer">
                        <i class="bx bxl-linkedin-square"></i>
                    </a>

                    <a href="https://www.instagram.com/lujan_maciel_/" target="_blank" rel="noopener noreferrer">
                        <i class="bx bxl-instagram-alt"></i>
                    </a>
            </div>

            <ul class="list">
                <li><a href="#about">Sobre Mi</a></li>
                <li><a href="#projects">Projectos</a></li>
                <li><a href="#contact">Contáctame</a></li>
            </ul>
        </footer>

    <script src="script.js"></script>
  </body>


</html>