devdotced/index.html at main · devcedrick/devdotced · 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
<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Portfolio | Ken Cedrick Jimeno</title>

        <link rel="stylesheet" href="/src/styles/base.css">
        <link rel="stylesheet" href="/src/styles/header.css">
        <link rel="stylesheet" href="/src/styles/hero-section.css">
        <link rel="stylesheet" href="/src/styles/about-section.css">
        <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=Roboto:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
    </head>

    <body>
        <header>
            <div class="left-header">
                <h3 class="header-title">DevDotCed </h3>
            </div>

            <nav class="right-header">
                <button class="menu-button" aria-label="menu-button" aria-expanded="false">
                    <img class="menu-icon" src="/public/icons/hamburger-menu.svg" alt="Menu" draggable="false" oncontextmenu="return false">
                </button>
                <ul class="navbar-menu">
                    <li class="navbar-item"><a href="#hero-section">Home</a></li>
                    <li class="navbar-item"><a href="#about-section">About</a></li>
                    <li class="navbar-item"><a href="#skills-section">Skills</a></li>
                    <li class="navbar-item"><a href="#projects-section">Projects</a></li>
                </ul>
            </nav>
        </header>

        <main>
            <section class="hero-section">
                <div class="upper-hero-section">
                    <h3 class="greetings">Hi there! I am</h3>
                    <h1 class="name">KEN CEDRICK A. JIMENO</h1>
                    <p class="my-desc">
                        Software engineer in the making with a passion for innovation and impact. Dedicated to continuous growth, collaborative development, and building digital solutions that truly matter.
                    </p>
                    <div class="button-container">
                        <button class="download-button">
                            Download CV
                        </button>
                        <a href="https://www.linkedin.com/in/devcedrick/" target="_blank" class="linkedin-button">
                            <button class="linkedin-button">
                            <img class="linkedin-icon" alt="LinkedIn Button" src="/public/icons/linkedin-outlined.svg" oncontextmenu="return false">
                            <img class="linkedin-filled-icon" alt="LinkedIn Button" src="/public/icons/linkedin-filled.svg" draggable="false" oncontextmenu="return false">
                        </button>
                        </a>
                        <a href="https://github.com/devcedrick" target="_blank" class="github-button">
                            <button class="github-button">
                            <img class="github-filled-icon"alt="GitHub Button" src="/public/icons/github-filled.svg" draggable="false" oncontextmenu="return false">
                            <img class="github-icon"alt="GitHub Button" src="/public/icons/github-outlined.svg" draggable="false" oncontextmenu="return false">
                        </button>
                        </a>
                    </div>
                </div>
                <div class="hero-pic">
                    <figure class="hero-img-container">
                        <img class="hero-img-mobile" src="/public/illustrations/hero-pic-mobile.svg" alt="Portrait of Ken Cedrick Jimeno" draggable="false" oncontextmenu="return false">
                        <img class="hero-img-pc" src="/public/illustrations/hero-pic-pc.svg" alt="Portrait of Ken Cedrick Jimeno" draggable="false" oncontextmenu="return false">
                    </figure>
                </div>
            </section>

            <section class="about-section">
                <div class="upper-about">
                    <h6 class="about-subheader">
                        Not just about who I am, but about why I do what I do, and how I bring it to life. Dive into the deeper motivations, guiding principles, and personal truths that shape my work, fuel my passion, and keep me striving for more.
                    </h6>
                    <h1 class="about-header">
                        GET TO <span class="header-emphasis">KNOW</span> ME
                    </h1>
                    <h5 class="about-subheader-2">
                        Figuring out what matters, through making things that matter. Each project is a step in understanding myself and my work. This portfolio is the window to my journey.
                    </h5>

                </div>
                <div class="lower-about">
                    <button class="basinfo-button">
                        <h3 class="button-header">Meet the Developer</h3>
                        <hr class="button-divider">
                        <p class="modal-prev">
                            Where I'm learning, what I'm studying, and how I'm building my coding base.
                        </p>
                    </button>
                    <button class="why-button">
                        <h3 class="button-header">Why I Code?</h3>
                        <hr class="button-divider">
                        <p class="modal-prev">
                            What fuels my passion and why I chose this path.
                        </p>
                    </button>
                    <button class="skillevol-button">
                        <h3 class="button-header">Skill Evolution</h3>
                        <hr class="button-divider">
                        <p class="modal-prev">My current learning journey and how I'm leveling up from fundamentals to full-stack mastery.</p>
                    </button>
                </div>
            </section>
        </main>
    </body>
</html>