vikramongit.github.io/index.html at main · vikramongit/vikramongit.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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Vikram Singh | Portfolio</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Vikram Singh - Flutter & Android Developer Portfolio">

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="assets/images/logo.png">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">

  <!-- External CSS -->
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>

  <!-- Navigation Bar -->
  <header>
    <nav class="navbar">
      <div class="logo">
        <h1>Vikram Singh</h1>
      </div>
      <div class="menu-toggle" onclick="toggleMenu()">&#9776;</div>
      <ul class="nav-links">
        <li><a href="#home">Home</a></li>
        <li><a href="#profile">Profile</a></li>
        <li><a href="#skills">Skills</a></li>
        <li><a href="#projects">Projects</a></li>
        <li><a href="#experience">Experience</a></li>
        <li><a href="#education">Education</a></li>
        <li><a href="#contact">Contact</a></li>
      </ul>
    </nav>
  </header>

  <!-- Home Section -->
  <section id="home" class="hero-section">
    <div class="hero-content">
      <h2>Welcome to My Portfolio</h2>
      <p>I'm Vikram – a passionate Flutter & Android Developer dedicated to creating impactful applications.</p>
    </div>
  </section>

  <!-- Profile Section -->
  <section id="profile" class="profile-section">
    <div class="profile-box">
      <img id="profile-photo" src="" alt="Profile Photo" class="profile-photo">
      <h2 id="profile-name" class="profile-name">Vikram Singh</h2>
      <p id="profile-bio" class="profile-bio">Loading bio...</p>
    </div>
  </section>

  <!-- Skills Section -->
  <section id="skills" class="skills-section">
    <h2 class="section-title">Skills</h2>
    <div class="skills-container">
      <div class="skill-box">Kotlin</div>
      <div class="skill-box">Dart</div>
      <div class="skill-box">Java</div>
      <div class="skill-box">Flutter</div>
      <div class="skill-box">Firebase</div>
      <div class="skill-box">Git</div>
    </div>
  </section>

  <!-- Projects Section -->
  <section id="projects" class="projects-section">
    <h2 class="section-title">Projects</h2>
    <div id="projects-container" class="projects-container"></div>
  </section>

  <!-- Experience Section -->
  <section id="experience" class="experience-section">
    <h2 class="section-title">Experience</h2>
    <div class="experience-container">
      <div class="experience-box">
        <h3>Flutter Development Intern – Zetpeak Pvt Ltd</h3>
        <span>Jul 2023 — Oct 2023</span>
        <p>Engineered the ZingTix app, boosting user engagement by 30%.</p>
      </div>
      <div class="experience-box">
        <h3>Android Development Training – Softpro India Pvt Ltd</h3>
        <span>Jul 2020 — Aug 2020</span>
        <p>Led the ApolloOne project, increasing grocery sales by 25%.</p>
      </div>
    </div>
  </section>

  <!-- Education Section -->
  <section id="education" class="education-section">
    <h2 class="section-title">Education</h2>
    <div class="education-container">
      <div class="education-box">
        <h3>B.Tech in Computer Science & AI & ML</h3>
        <span>2021 — 2024</span>
        <p>Khwaja Moinuddin Chishti Language University, Lucknow</p>
      </div>
      <div class="education-box">
        <h3>Diploma in Computer Science & Engineering</h3>
        <span>2018 — 2021</span>
        <p>Sant Ravidas Government Polytechnic, Chakia</p>
      </div>
    </div>
  </section>

  <!-- Contact Section -->
  <section id="contact" class="contact-section">
    <h2 class="section-title">Contact</h2>
    <div class="contact-box">
      <p>Email: <a href="mailto:doworkvikram@gmail.com">doworkvikram@gmail.com</a></p>
      <p>Phone: +91-9682455696</p>
      <p>Location: Noida, Uttar Pradesh</p>
      <p>
        Connect with me:
        <a href="https://www.linkedin.com/in/programmervikramsingh/" target="_blank">LinkedIn</a> |
        <a href="https://github.com/vikramongit" target="_blank">GitHub</a> |
        <a href="https://vikramongit.github.io/" target="_blank">Portfolio</a>
      </p>
    </div>
  </section>

  <!-- Footer -->
  <footer class="footer">
    <p>&copy; 2025 Vikram Singh. All Rights Reserved.</p>
  </footer>

  <!-- External JavaScript -->
  <script src="assets/js/script.js"></script>
</body>
</html>