<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jose Fernandez (dk)</title>
    <link rel="stylesheet" href="styles.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
    <header>
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#projects">Projects</a></li>
                <li><a href="#skills">Skills</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <section id="home">
            <div class="hero-content">
                <h1>Jose Fernandez</h1>
                <h2>dk / doxdk / ottersec</h2>
                <p class="animate-fade-in">Web & Desktop Developer | Malware Researcher | Bug Bounty Hunter</p>
            </div>
        </section>

        <section id="about" class="container">
            <h2>About Me</h2>
            <p>
                Wasssssup, I'm <strong>Jose Fernández</strong> aka <strong>dk</strong>, a passionate <strong>Web Developer</strong> who loves creating efficient and visually appealing applications. 🌟<br><br>
                I have experience in both <strong>frontend</strong> and <strong>backend</strong>, working with technologies like <strong>HTML</strong>, <strong>CSS</strong>, <strong>JavaScript</strong>, and <strong>Tailwind CSS</strong> 🖥️, as well as databases like <strong>MongoDB</strong> and <strong>MySQL</strong> 🗄️.<br><br>
                I’m always eager to learn and improve 📚, and after working independently, I’m now looking to join a larger development team to keep growing and contributing my knowledge 🌱🚀.<br><br>
                My goal is to create high-quality web experiences ✨, solve problems efficiently 🛠️, and contribute to the success of innovative projects 💡.<br><br>
                Let me know if you want build something amazing together! 🙌
            </p>
        </section>
        
        <br><br>

        <section id="projects" class="container">
            <h2>Projects</h2><br>
            <div id="project-list" class="projects-grid"></div>
        </section>
        <br><br>

        <section id="skills" class="container">
            <h2>Skills</h2>
            <div class="skills-grid">
                <div class="skill-item">
                    <i class="fab fa-python"></i>
                    <h3>Python</h3>
                </div>
                <div class="skill-item">
                    <i class="fab fa-node-js"></i>
                    <h3>NodeJS</h3>
                </div>
                <div class="skill-item">
                    <i class="fab fa-js"></i>
                    <h3>JavaScript</h3>
                </div>
                <div class="skill-item">
                    <i class="fab fa-html5"></i>
                    <h3>HTML5</h3>
                </div>
                <div class="skill-item">
                    <i class="fab fa-css3-alt"></i>
                    <h3>CSS3</h3>
                </div>
                <!-- <div class="skill-item">
                    <i class="fas fa-desktop"></i>
                    <h3>Desktop Dev</h3>
                </div> -->
                <div class="skill-item">
                    <i class="fas fa-bug"></i>
                    <h3>Bug Bounty</h3>
                </div>
            </div>
        </section>
        <br><br>

        <section id="contact" class="container">
            <h2>Contact</h2>
            <div class="contact-grid">
                <div class="contact-card">
                    <i class="fas fa-envelope-square"></i>
                    <h3>Email</h3>
                    <a href="mailto:infoyareh@gmail.com">infoyareh@gmail.com</a>
                </div>
                <div class="contact-card no-style">
                    <i class="fab fa-github-square"></i>
                    <h3>GitHub</h3>
                    <a href="https://github.com/doxdk" target="_blank" rel="noopener noreferrer">@doxdk</a>
                </div>
                <!-- <div class="contact-card">
                    <i class="fab fa-linkedin"></i>
                    <h3>LinkedIn</h3>
                    <a href="https://linkedin.com/in/JoseFernandezDK" target="_blank" rel="noopener noreferrer">@JoseFernandezDK</a>
                </div> -->
            </div>
        </section>
    </main>
    <br>
    <footer>
        <p>&copy; 2024 Jose Fernandez. All rights reserved.</p>
    </footer>

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

