-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
182 lines (162 loc) · 6.42 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
Paavini Nanda
</title>
<link rel="stylesheet" href="styling.css">
</head>
<body style="background-color: #f2f7f7;">
<div class="wrapperr">
<div class="main">
<section class="widdd">
<section class="projects">
<div>
<div class="pro"> <b><i class="fa fa-files-o invv invv2" aria-hidden="true"></i>   PROJECTS </b></div>
<div class="proin">
<div class="headingg" >My Shop </div> An online crockery shopping portal.
Has features like <b>filtering</b> the products on the basis of colour, <b>sorting</b> the items according to prices / maximum amount of discount, placing an order, cancelling a previously placed order. Its database is on Google <b>firebase</b>. So everything is loaded dynamically
</div>
<div class="proin">
<div class="headingg" >Convoys Game Of Life</div>Implemented Game Of Life - A simulation Game, using <b>Quad Trees</b> and used <b>OpenGL</b> for graphics
</div>
<div class="proin">
<div class="headingg">Fun with numbers </div> A project under Ms.Savita Yadav (college faculty), which consists of an app for small kids, to make them learn numbers. It uses <b>machine learning</b> for number recognition
</div>
</div>
</section>
<section class="experience">
<div class="pro"> <b><i class="fa fa-briefcase invv"></i>   EXPERIENCE </b></div>
<div class="exppp">
<div>
<a href="http://csinsit.org/" target="new">
<div class="headingg" >CSI, NSIT </div>
</a>
</div>
<div>
<ul class="unorderedList proin unok">
<li>Board Member, CSI NSIT</li>
<li>
<ul>
<li>Increased the membership count by 100% during the 2016 registration period</li>
<li>Taught Programming in C++ at weekly classes attended by <b>50-120</b> students</li>
</ul>
</li>
<li>Problem Setter for CSI programming events on hackerearth</li>
</ul>
</div>
</div>
</section>
<section class="projects secondd">
<div class="pro"> <b> <i class="fa fa-android invv" aria-hidden="true"></i> TECHNICAL SKILLS </b> </div>
<div class="flexi">
<div style="line-height:2">
<b>C</b> <br>
<b >C++</b> <br>
<b >Java</b><br>
<b >Python</b><br>
<b >HTML & CSS</b><br>
<b >Android Studio</b><br>
<b >Google Firebase</b><br>
<b >Matlab</b><br>
</div>
<div class="progressBars">
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 85%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 60%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 50%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 88%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress">
<div class="progress-bar bgg" role="progressbar" style="width: 40%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>
</div>
</section>
<section class="academicsAnd">
<div>
<div class="pro"> <b><i class="fa fa-book invv" aria-hidden="true"></i>   ACADEMIC AND CO-CURRICULAR ACTIVITIES </b></div>
<div class="posss ">
<ul class="proin unok">
<li>In top 5 in three semesters</li>
<li>Secured All India Rank of <b>1626</b> in JEE mains out of 14 lack students</li>
<li><b>Cultural captain</b> of school for session 2014-2015</li>
<li>Won second prize at NASA Space settlement design competition</li>
</ul>
</div>
</div>
</section>
</section>
</div>
<div class="sidebar">
<div class="upperSB">
<div class="outerBox">
<div class="myImage">
</div>
<div class="namee">
<h4 class="colorr" style="font-size:2.2rem;">Paavini Nanda</h4>
</div>
</div>
</div>
<div class="lowerSB">
<div class="contact colorr">
<ul class="unorderedList">
<li> <i class="fa fa-envelope"></i>   [email protected]</li>
<li> <i class="fa fa-phone"></i>   9872169809</li>
<li> <i class="fa fa-linkedin"></i>   linkedin_link</li>
<li> <i class="fa fa-github"></i>   github link</li>
</ul>
</div>
<div class="education colorr">
<h3 class="headd">
<b> EDUCATION </b>
</h3>
<ul class="unorderedList">
<li>
<i class="fa fa-graduation-cap" aria-hidden="true"></i> B.E. Computer Engineering<br>
<div class="greyy">NSIT,Delhi<br>
2015-2019 </div>
</li>
<li>
<i class="fa fa-university" aria-hidden="true"></i> Class XII <br>
<div class="greyy"> Apeejay School <br>
2013-2015 </div>
</li>
<i class="fa fa-university" aria-hidden="true"></i> Class X <br>
<div class="greyy" >Apeejay School <br>
2012-2013 <br> </div>
</li>
</ul>
</div>
<div class="interests colorr">
<h3 class="headd">
<b> INTERESTS </b>
</h3>
<ul class="unorderedList">
<li> <i class="fa fa-music" aria-hidden="true"></i>   Listening to music</li>
<li><i class="fa fa-quora" aria-hidden="true"></i>   Reading quora</li>
</ul>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</body>
</html>