Portfolio/index.html at main · Ambikeshishere/Portfolio · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Portfolio</title>
    <link rel="stylesheet" href="styles.css" />
  </head>

  <body>
    <div id="threejs-container"></div>

    <header class="navbar">
      <nav>
        <ul>
          <li><a href="#home">// home</a></li>
          <li><a href="#expertise">// expertise</a></li>
          <li><a href="#work">// work</a></li>
          <li><a href="#contact">// contact</a></li>
        </ul>
      </nav>
    </header>

    <section id="home" class="hero">
      <div class="hero-content">
        <h1><span class="animated-name">Ambikesh Srivastava</span></h1>
        <p>SOFTWARE ENGINEER, WEB DEVELOPER, & AI ENGINEER.</p>
      </div>
    </section>

    <section id="expertise" class="section">
      <h2>Expertise</h2>
      <p>
        With a profound foundation in software engineering, I excel at
        designing, developing, and maintaining robust software applications that
        stand the test of time. My journey through web development has endowed
        me with the ability to create dynamic, responsive, and visually
        captivating websites, leveraging the power of HTML, CSS, and JavaScript.
        I am adept at utilizing modern web frameworks and libraries to bring
        innovative ideas to life. Moreover, my passion for artificial
        intelligence drives me to explore the depths of machine learning and AI
        engineering. I thrive on developing sophisticated AI models and
        seamlessly integrating them into applications, pushing the boundaries of
        what technology can achieve. Combining these skills, I am committed to
        crafting exceptional digital experiences and pioneering the future of
        intelligent software solutions.
      </p>
      <div class="expertise-images">
        <img src="HTML.svg" alt="HTML" />
        <img src="css.jpg" alt="CSS" />
        <img src="javascript-1.svg" alt="JavaScript" />
        <img src="React.webp" alt="React" />
        <img src="nodejs-icon.svg" alt="Node.js" />
        <img src="Mongodb-PNG-Pic.png" alt="MongoDB" />
        <img src="python.png" alt="Python" />
        <img src="New_Power_BI_Logo.svg" alt="Power BI" />
      </div>
    </section>

    <section id="work" class="section">
        <h2>Work</h2>
        <div class="work-cards">
            <div class="work-card">
                <a href="https://ambikeshishere.github.io/AI-Collection/">
                    <img src="AI Tool.png" alt="AI Tool Collection">
                    <p>A Web-Page which is a collection of more than 40 AI tools.</p>
                </a>
            </div>
            <div class="work-card">
                <a href="https://ambikeshishere.github.io/Stark-Web/">
                    <img src="Web Browser.png" alt="Web Browser">
                    <p>A Browser which is installable in Windows Operating System.</p>
                </a>
            </div>
            <div class="work-card">
                <a href="https://ambikeshishere.github.io/Project-Cafe/">
                    <img src="Cafe's.png" alt="Cafe's Project">
                    <p>A Web-Page for a cafe with there menu with library books.</p>
                </a>
            </div>
        </div>
    </section>

    <section id="contact" class="section">
        <h2>Contact</h2>
        <div class="contact-icons">
            <a href="mailto:abhay2004raj15@gmail.com">
                <a href="gmail.html">
                <img class="contact-icon" src="Gmail.png" alt="Email">
            </a>
            </a>
            <a href="tel:+919129451978">
                <img class="contact-icon" src="phone.jpg" alt="Phone">
            </a>
            <a href="https://www.linkedin.com/in/ambikesh-srivastava-2416992a0?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BZdkTsNZEQL6RxfF0tOmg4Q%3D%3D">
                <img class="contact-icon" src="Linkedin.png" alt="LinkedIn">
            </a>
            <a href="https://github.com/Ambikeshishere">
                <img class="contact-icon" src="Github.png" alt="GitHub">
            </a>
            <a href="https://www.instagram.com/ambikesh.py?igsh=MWNzY290eGl2ZXk5cQ==">
                <img class="contact-icon" src="Instagram.svg" alt="Instagram">
            </a>
        </div>
    </section>

    <footer>
      <p>&copy; 2025 Ambikesh Srivastava. All rights reserved.</p>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
    <script src="script.js"></script>
  </body>
</html>