Codakshay.github.io/createPage.html at main · Codakshay/Codakshay.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Portfolio | Akshay Nataraja</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">

</head>
<body>
  <header>
    <div class="logo">Akshay Nataraja</div>
    <nav>
        <ul>
            <li><a href="#about">About</a></li>
            <li><a href="projects.html">Projects</a></li>
            <li><a href="thoughts.html">Thoughts</a></li> <!-- New tab -->
            <li><a href="createPage.html">Contact</a></li>
        </ul>
    </nav>
</header>

    <section class="hero">
        <h1>Hi, I'm <span>Akshay!</span></h1>
        <p>Software Engineer | Researcher | Visionary</p>
        <a href="#projects" class="btn">View My Work</a>
    </section>

    <section id="about">
      <div class="about-container">
          <div class="about-image">
              <img src="img/Image.JPG" alt="Your Name">
          </div>
          <div class="about-text">
              <h2>About Me</h2>
              <p>Hi, I'm <strong>Akshay</strong>! I am a Computer Science student at Penn State with a minor in Mathematics.</p>
              <p>With experience in web development, UI/UX, and creative coding, I strive to blend <strong>technology</strong> with <strong>design</strong> to make unique projects.</p>
              <p>Outside of work, I love exploring art, gaming, and AI-driven design. If you're interested in **collaborating**, feel free to <a href="https://your-google-form-link.com" class="highlight-link" target="_blank">fill out this form</a>!</p>
              <a href="your-resume.pdf" class="btn" target="_blank">Download Resume</a>
          </div>
      </div>
  </section>


  <section id="projects">
    <h2>Featured Project</h2>
    <div class="project-spotlight">
        <div class="project-image">
            <img src="img/EaglePaint.jpg" alt="Featured Prject">
        </div>
        <div class="project-details">
            <h3>Project Name</h3>
            <p>A brief description of this standout project. It highlights the key features and why it is significant.</p>
            <div class="button-container">
                <a href="projects.html" class="btn">View All Projects</a>
                <a href="resume.pdf" class="btn">View Resume</a>
            </div>
        </div>
    </div>
</section>


<section id="technical-proficiencies">
  <h2>Technical Proficiencies</h2>
  <div class="tech-icons">
      <!-- Programming Languages -->
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/python/python-original.svg" alt="Python" title="Python">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/java/java-original.svg" alt="Java" title="Java">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/c/c-original.svg" alt="C" title="C">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/cplusplus/cplusplus-original.svg" alt="C++" title="C++">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/javascript/javascript-original.svg" alt="JavaScript" title="JavaScript">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/typescript/typescript-original.svg" alt="TypeScript" title="TypeScript">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/r/r-original.svg" alt="R" title="R">

      <!-- Frameworks & Libraries -->
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/react/react-original.svg" alt="React" title="React">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/numpy/numpy-original.svg" alt="NumPy" title="NumPy">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/pandas/pandas-original.svg" alt="pandas" title="pandas">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/matplotlib/matplotlib-original.svg" alt="Matplotlib" title="Matplotlib">

      <!-- DevOps & Tools -->
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/github/github-original.svg" alt="GitHub" title="GitHub">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/docker/docker-original.svg" alt="Docker" title="Docker">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/linux/linux-original.svg" alt="Linux" title="Linux">

      <!-- Databases -->
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/mysql/mysql-original.svg" alt="MySQL" title="MySQL">
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/postgresql/postgresql-original.svg" alt="PostgreSQL" title="PostgreSQL">

      <!-- Scripting -->
      <img src="https://cdn.jsdelivr.net/gh/devicons/devicon/icons/bash/bash-original.svg" alt="Bash" title="Bash">
  </div>


</section>


</section>

    <section id="contact">
        <h2>Contact Me</h2>
        <p>Feel free to reach out for collaborations or just a chat!</p>
        <a href="mailto:akshaynataraja11@gmail.com" class="btn">Email Me</a>
    </section>

    <footer>
        <p>© 2025 Ak Incorporated | Built with &#129413;</p>
    </footer>

    <!-- Cartoon Animal -->
    <div id="animatedAnimal">
        <img src="img/Screenshot 2025-02-23 at 10.33.43 PM.png" alt="Cute Animal">
    </div>
    <script src="titleAni.js"></script>
    <script src="script.js"></script>