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

<body>

    <!-- GLOBAL STARRY BACKGROUND -->
    <canvas id="stars"></canvas>

    <!-- NAVBAR -->
    <nav>
        <div class="logo">Janavi P</div>
        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#skills">Skills</a></li>
            <li><a href="#projects">Projects</a></li>
            <li><a href="#education">Education</a></li>
            <li><a href="#contact">Contact</a></li>
        </ul>
    </nav>

    <!-- HOME -->
    <section id="home" class="hero">
        <div class="hero-content">
            <h1>Hi, I'm <span>Janavi P</span></h1>
            <p>and i like to code!</p>

            <p class="subtitle">
                2nd year B.Tech CSE AI & ML student<br>
                @SRM KTR
            </p>
        </div>
    </section>

    <!-- ABOUT -->
    <section id="about" class="section">
        <h2>About Me</h2>
        <div class="card">
            <p>
                I enjoy turning ideas into code and building meaningful projects.
                I am currently pursuing B.Tech Computer Science Engineering with
                specialization in Artificial Intelligence and Machine Learning at SRMIST KTR.
            </p>
        </div>
    </section>

    <!-- SKILLS -->
    <section id="skills" class="section">
        <h2>Skills</h2>
        <div class="grid">
            <div class="box">Python</div>
            <div class="box">Java</div>
            <div class="box">C</div>
            <div class="box">C++</div>
            <div class="box">HTML</div>
            <div class="box">CSS</div>
            <div class="box">JavaScript</div>
            <div class="box">Generative AI Tools</div>
            <div class="box">Communication Skills</div>
            <div class="box">Teamwork & Collaboration</div>
            <div class="box">Problem Solving</div>
        </div>
    </section>

    <!-- PROJECTS -->
    <section id="projects" class="section">
        <h2>Projects</h2>

        <div class="card">
            <h3>GroceryGame</h3>
            <p>A mini grocery game built using HTML, CSS, and JavaScript.</p>
            <a href="https://github.com/janavipvel/GroceryGame" target="_blank">View on GitHub</a>
        </div>

        <div class="card">
            <h3>WishCardGenerator</h3>
            <p>A Java-based desktop application for generating personalized greeting cards.</p>
            <a href="https://github.com/janavipvel/WishCardGenerator" target="_blank">View on GitHub</a>
        </div>
    </section>

    <!-- EDUCATION -->
    <section id="education" class="section">
        <h2>Education</h2>

        <div class="card">
            <h3>B.Tech Computer Science Engineering (AI & ML)</h3>
            <p>SRM Institute of Science and Technology, Kattankulathur</p>
            <p>Expected Graduation: 2028</p>
            <p>CGPA: Sem 1 – <strong>8.36</strong> | Sem 2 – <strong>9.476</strong></p>
        </div>

        <div class="card">
            <h3>Class 12</h3>
            <p>Velammal Vidyalaya, Mel Ayanambakkam, Chennai</p>
            <p>Score: <strong>82.6%</strong></p>
        </div>

        <div class="card">
            <h3>Class 10</h3>
            <p>Velammal Vidyalaya, Mel Ayanambakkam, Chennai</p>
            <p>Score: <strong>87.2%</strong></p>
        </div>
    </section>

    <!-- CONTACT -->
    <section id="contact" class="section">
        <h2>Contact Me</h2>
        <div class="card">
            <p>College Email: jp7074@srmist.edu.in</p>
            <p>Personal Email: janavipvel@gmail.com</p>
            <p>Location: Guduvancheri, Tamil Nadu, India</p>
            <p>
                <a href="https://github.com/janavipvel" target="_blank">GitHub</a> |
                <a href="https://www.linkedin.com/in/janavi-paranivel-7a37b5348" target="_blank">LinkedIn</a>
            </p>
        </div>
    </section>

    <footer>
        <p>© 2026 Janavi P</p>
    </footer>

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