portfolio.github.io/index.html at main · Kapoor-0905/portfolio.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Ashutosh Kapoor</title>
    <link rel="stylesheet" type="text/css" href="main.css">
    <link href='https://fonts.googleapis.com/css?family=Jim Nightshade' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Supermercado One' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet'>
    <link rel="icon" type="image/png" href="./img/icon.png">
    <link href="http://fonts.cdnfonts.com/css/Beyno" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Bebas Neue' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Lekton' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Sirin Stencil' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Graduate' rel='stylesheet'>
    <link href='https://fonts.googleapis.com/css?family=Archivo Narrow' rel='stylesheet'>

</head>
<script>
    const resizeOps = () => {
        document.documentElement.style.setProperty("--vh", window.innerHeight * 0.01 + "px");
    };

    resizeOps();
    window.addEventListener("resize", resizeOps);
</script>

<body>

    <div class="photo">
        <div class="pic">
            <img class="mypic" src="https://raw.githubusercontent.com/Kapoor-0905/portfolio.github.io/main/img/ak.jpg">
            <h2>Ashutosh Kapoor</h2>
            <p class="my">
                <section class="container">
                    <div>Data Science Enthusiast</div>
                    <div>Passionate Web Developer</div>
                    <div>ML Enthusiast</div>
                </section>
        </div>
        <div class="social">
            <a href="https://www.github.com/Kapoor-0905"><img src="img/github.256x251.png" style="width: 20px;height:20px;"></a>
            <a href="https://www.instagram.com/kapoor0905"><img src="img/instagram.256x256.png" style="width: 20px;height:20px;"></a>
            <a href="https://www.linkedin.com/in/kapoor0905"><img src="img/linkedin.256x256.png" style="width: 20px;height:20px;"></a>
            <a href="https://www.twitter.com/Ashutoshkap17"><img src="img/twitter-original.256x208.png" style="width: 20px;height:20px;"></a>

        </div>
    </div>
    <div class="sec" id="about">
        <h2>About Me</h2>
        <hr>
        <p>A visionary Full Stack Web and App Developer. Enthusiastic for Data Science and Machine Learning. Have a good leadership and social skill. </p>
        <div class="lang"><b>Languages:</b> C, C++, Python, Golang, HTML, CSS</div>
        <div class="lang"><b>Database:</b> MySQL, MariaDB</div>
        <div class="lang"><b>Softwares:</b> VSCode, Filmora</div>
        <div class="lang"><b>Extras:</b> MS Office, Canva</div>

        <p style="float: right; margin-top: -24%;margin-right: 15%;">⚡Belongs to Dehradun.<br>⚡Fond to play football.<br>⚡Love to Code.<br>
            <a href="https://drive.google.com/file/d/1DK5RtsDv-gXNq4uLFF1KbbPlOMpwwAvq/view?usp=sharing"><button class="cv">
                <table>
                    <tr>
                        <td>Resume</td>
                        <td><img src="img/download.png" style="width: 20px; height: 20px;"></td>
                    </tr>
                </table></button></a></p>
        <button class="projectnext" onclick="document.getElementById('about').innerHTML = document.getElementById('project').innerHTML">Project</button><br>
        <button class="expnext" onclick="document.getElementById('about').innerHTML = document.getElementById('experience').innerHTML">Experience</button>
        <button class="edunext" onclick="document.getElementById('about').innerHTML = document.getElementById('education').innerHTML">Education</button>
    </div>
    <div class="menu">

    </div>
</body>

<body>
    <div class="sec1" id="project">
        <h2>Projects</h2>
        <hr>
        <li style="font-family: 'Bebas Neue'; font-size: 25px;color: gold; margin-left: 6%;letter-spacing: 2px;">Automated Parking System</li>
        <p style="margin-top:-1%;">This a IoT project that will automate the parking system in our University (UPES). It will generate a token for the faculties via recognizing their vehicle's number plate.</p>
        <h3 style="font-size: 25px;color: deepskyblue;letter-spacing: 3px;text-decoration: underline;">Contribution</h3>
        <p style="margin-top:-3%;">Made the GUI of the project using Tkinter, Pillow and openCv modules of python.</p>
        <hr>
        <li style="font-family: 'Bebas Neue'; font-size: 25px;color: gold; margin-left: 6%;letter-spacing: 2px;">Crypto Currency Analysis</li>
        <p style="margin-top:-1%;">This project is based on the Visualization, prediction of static extracted data of different crypto currencies. This project was assigned by OPEN Community, UPES.</p>
        <h3 style="font-size: 25px;color: deepskyblue;letter-spacing: 3px;text-decoration: underline;">Contribution</h3>
        <p style="margin-top:-3%;">Done Visualization of the extracted data using Matplotlib and Seaborn python libraries.</p>
        <hr>
        <br>
        <button class="expnext" onclick="document.getElementById('about').innerHTML = document.getElementById('experience').innerHTML">Experience</button>
        <button class="edunext" onclick="document.getElementById('about').innerHTML = document.getElementById('education').innerHTML">Education</button>

    </div>
</body>

<body>
    <div class="exp" id="experience">
        <h2>Experiences</h2>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 180px; border-radius: 10px;text-align: center;font-size: 20px;">June,2022 - Present</p>
        <h3>External Collaboration Lead</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">OPEN Community</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Promoted as External Collaboration Lead after having interview with the Faculty Coordinator</p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 250px; border-radius: 10px;text-align: center;font-size: 20px;">July,2022 - September,2022</p>
        <h3>Secretary</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">IEEE Computer Society (UPES)</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Promoted as Secretary of IEEE Computer Society, after being active and handling the whole chapter. Helped in developing the website of the chapter. Took interviews of new recruitments and organized 2 events.</p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 220px; border-radius: 10px;text-align: center;font-size: 20px;">May,2022 - June,2022</p>
        <h3>Lead Student Developer</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">OPEN Community</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Led OPEN Summer of Code Event. Created issues on project <b style="color: rgb(116, 218, 85);">Sports App</b> which will connect every kind of player with each other so that they may get a chance to meet someone like them and also they can book
            a ground to play together.</p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 180px; border-radius: 10px;text-align: center;font-size: 20px;">April, 2022 - Present</p>
        <h3>Associate Head - PR</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">Smart Analyzers</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Got selected as Associate Head - PR and will be leading core members of PR committee in SMA</p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 250px; border-radius: 10px;text-align: center;font-size: 20px;">April, 2022 - September,2022</p>
        <h3>Technical and Design-VFX Core</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">IEEE Computer Society (UPES)</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Got selected in Technical and Design-VFX core. Made small contributions like creating posters for occasions and created Website for the chapter.</p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 300px; border-radius: 10px;text-align: center;font-size: 20px;">15th April, 2022 - 17th April, 2022</p>
        <h4>Participant</h4>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">UPES CSA Hackathon 1.0</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Team name: Akatsuki.<br>Created a platform for NGOs to reflect their work and looking forward to make it a proper social media platform. </p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 220px; border-radius: 10px;text-align: center;font-size: 20px;">Jan,2022 - August,2022</p>
        <h3>Changemaker</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">UPES</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Helping students of first year getting placed in different NGOs for their summer social internship and clearing their queries.</p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 180px; border-radius: 10px;text-align: center;font-size: 20px;">Jan,2022 - May,2022</p>
        <h3>Student Developer</h3>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">OPEN Community</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; ">Contributed in project: Crypto Currency Analysis, as data Visualization using Matplotlib and seaborn.</p>
        <hr>
        <br>
        <button class="achnext" style="margin-top: -310%;" onclick="document.getElementById('about').innerHTML = document.getElementById('achievements').innerHTML">Achievements</button>
        <button class="edunext" style="margin-top: -310%;" onclick="document.getElementById('about').innerHTML = document.getElementById('education').innerHTML">Education</button>
    </div>

</body>

<body>
    <div class="ach" id="achievements">
        <h2>Achievements</h2>
        <hr>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">IEEE Computer Society (UPES)</p>
        <button class="edunext" style="margin-top: -15%;" onclick="document.getElementById('about').innerHTML = document.getElementById('education').innerHTML">Education</button>
    </div>
</body>

<body>
    <div class="edu" id="education">
        <h2>Education</h2>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 180px; border-radius: 10px;text-align: center;font-size: 20px;">Oct, 2022 - Present</p>
        <h4>University Of Petroleum and Energy Studies</h4>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">BTech(Hons.) Computer Science Engineering</p>
        <p style="color: white;font-size:18px;">GPA: 8.10<br>External Collaboration Lead at OPEN Community<br>Lead Student Developer at OPEN Community<br>Changemaker<br>Associate Head - PR at Smart Analyzers<br></p>
        <hr>
        <p style="border: 2px solid; border-color:rgb(116, 218, 85); width: 230px; border-radius: 10px;text-align: center;font-size: 20px;">May, 2012 - July, 2021</p>
        <h4>Kendriya Vidyalaya ONGC, Dehradun</h4>
        <p style="font-family:'Lekton'; font-size: 20px;color: rgb(116, 218, 85);margin-top: -4%;">Middle, Senior and Senior Secondary School</p>
        <p style="font-family: 'Sirin Stencil'; font-size: 20px; color: white; ">
            <li style="color:deepskyblue ;font-size: 16px;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;margin-left: 6%;">2019 - 2021</li>
            <p style="color: white;font-size:18px;">12th Percentage: 88.4%<br>Participated in Jawaharlal Nehru Science Exhibition (Till Regional Level)</p><br>
            <li style="color:deepskyblue ;font-size: 16px;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;margin-left: 6%;">2018 - 2019</li>
            <p style="color: white;font-size:18px;">10th Percentage: 87.4%<br>Participated in PRMO</p><br>
            <li style="color:deepskyblue ;font-size: 16px;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;margin-left: 6%;">2014 - 2018</li>
            <p style="color: white;font-size:18px;">Participated 4 times in Independence Day and Republic Day Parade by ONGC<br>2nd Place in 200mtr sprint race<br>Placed 1st position in interschool Skit/act Competition - Save Water<br>Been Class Monitor 5 Times</p><br>
            <li style="color:deepskyblue ;font-size: 16px;font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;margin-left: 6%;">2013 - 2014</li>
            <p style="color: white;font-size:18px;">School Vice Captain</p>
        </p>
        <hr>
    </div>
</body>

</html>