-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
243 lines (231 loc) · 20.7 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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link id="myStyleSheet" href="/components/light.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="/images/android-chrome-512x512.png">
<link href="/font-awesome/css/all.css" rel="stylesheet">
<title>home | surya kannan kumbhar</title>
</head>
<body>
<nav class="navigation container top" id="navigation">
<div class="nav-brand">
<a href="/">surya kannan kumbhar</a>
</div>
<ul class="list-non-bullet nav-pills">
<li class="list-item-inline">
<a class="link link-active" href="/">home</a>
</li>
<li class="list-item-inline">
<a class="link" href="/components/project.html">projects</a>
</li>
<li class="list-item-inline">
<a class="link" href="/components/blogs.html">blogs</a>
</li>
</ul>
</nav>
<div class="menuBar">
<input type="checkbox" class="checkbox" id="chk" />
<label class="label" for="chk">
<i class="fas fa-moon"></i>
<i class="fas fa-sun"></i>
<div class="ball"></div>
</label>
</div>
<header class="hero" id="hero">
<div class="svg-image index-svg">
<div class="hero-svg">
<svg width="972" height="662" viewBox="0 0 972 662" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="undraw_Designer_by46 1">
<g id="plant-e">
<path id="Vector"
d="M145.834 537.809C138.849 564.407 114.375 581.029 114.375 581.029C114.375 581.029 101.225 554.527 108.209 527.929C115.194 501.331 139.668 484.71 139.668 484.71C139.668 484.71 152.819 511.211 145.834 537.809Z"
fill="#3F3D56" />
<path class="fillRed" id="Vector_2"
d="M135.24 532.183C115.678 551.51 113.489 581.014 113.489 581.014C113.489 581.014 143.017 579.183 162.58 559.855C182.143 540.528 184.331 511.024 184.331 511.024C184.331 511.024 154.803 512.856 135.24 532.183Z"
fill="#0CAFFF" />
</g>
<path class="fillLightGrey" id="Vector_3"
d="M159.772 573.241H83.251C74.8576 573.241 68.0535 580.045 68.0535 588.439V603.54C68.0535 611.933 74.8576 618.737 83.251 618.737H159.772C168.165 618.737 174.969 611.933 174.969 603.54V588.439C174.969 580.045 168.165 573.241 159.772 573.241Z"
fill="#0CAFFF" />
<g id="Group" opacity="0.7">
<path id="Vector_4" opacity="0.7"
d="M895.494 544.178V527.785H813.525V603.606C813.525 605.705 813.939 607.784 814.742 609.723C815.545 611.662 816.723 613.424 818.207 614.908C819.691 616.393 821.453 617.57 823.392 618.373C825.332 619.177 827.41 619.59 829.509 619.59H879.51C883.749 619.59 887.815 617.906 890.813 614.908C893.81 611.911 895.494 607.845 895.494 603.606V586.802C901.139 586.791 906.55 584.541 910.537 580.546C914.525 576.55 916.765 571.135 916.765 565.49C916.765 559.845 914.525 554.431 910.537 550.435C906.55 546.439 901.139 544.189 895.494 544.178V544.178ZM895.494 578.605V552.375C898.973 552.375 902.308 553.757 904.768 556.217C907.227 558.676 908.609 562.012 908.609 565.49C908.609 568.969 907.227 572.304 904.768 574.764C902.308 577.224 898.973 578.605 895.494 578.605V578.605Z"
fill="url(#paint0_linear)" />
</g>
<path class="fillLightGrey" id="Vector_5"
d="M892.857 546.744C889.008 546.744 885.246 547.886 882.046 550.024C878.846 552.162 876.352 555.201 874.879 558.757C873.407 562.312 873.021 566.225 873.772 569.999C874.523 573.774 876.376 577.241 879.098 579.963C881.819 582.684 885.286 584.537 889.061 585.288C892.835 586.039 896.748 585.653 900.304 584.181C903.859 582.708 906.898 580.214 909.036 577.014C911.174 573.814 912.316 570.052 912.316 566.203C912.316 561.042 910.266 556.093 906.616 552.444C902.967 548.795 898.018 546.744 892.857 546.744ZM892.857 578.178C890.489 578.178 888.173 577.475 886.204 576.16C884.235 574.844 882.7 572.974 881.794 570.786C880.887 568.598 880.65 566.19 881.112 563.867C881.574 561.544 882.715 559.41 884.39 557.736C886.064 556.061 888.198 554.921 890.521 554.459C892.844 553.997 895.251 554.234 897.439 555.14C899.628 556.046 901.498 557.581 902.813 559.55C904.129 561.52 904.832 563.835 904.832 566.203C904.832 569.379 903.57 572.425 901.324 574.67C899.079 576.916 896.033 578.178 892.857 578.178V578.178Z"
fill="#0CAFFF" />
<path id="Vector_6" opacity="0.1"
d="M892.857 546.744C889.008 546.744 885.246 547.886 882.046 550.024C878.846 552.162 876.352 555.201 874.879 558.757C873.407 562.312 873.021 566.225 873.772 569.999C874.523 573.774 876.376 577.241 879.098 579.963C881.819 582.684 885.286 584.537 889.061 585.288C892.835 586.039 896.748 585.653 900.304 584.181C903.859 582.708 906.898 580.214 909.036 577.014C911.174 573.814 912.316 570.052 912.316 566.203C912.316 561.042 910.266 556.093 906.616 552.444C902.967 548.795 898.018 546.744 892.857 546.744ZM892.857 578.178C890.489 578.178 888.173 577.475 886.204 576.16C884.235 574.844 882.7 572.974 881.794 570.786C880.887 568.598 880.65 566.19 881.112 563.867C881.574 561.544 882.715 559.41 884.39 557.736C886.064 556.061 888.198 554.921 890.521 554.459C892.844 553.997 895.251 554.234 897.439 555.14C899.628 556.046 901.498 557.581 902.813 559.55C904.129 561.52 904.832 563.835 904.832 566.203C904.832 569.379 903.57 572.425 901.324 574.67C899.079 576.916 896.033 578.178 892.857 578.178V578.178Z"
fill="black" />
<path class="fillRed" id="Vector_7"
d="M818.016 531.776H892.857V605.848C892.857 608.434 891.83 610.914 890.001 612.743C888.173 614.571 885.693 615.598 883.107 615.598H827.766C825.18 615.598 822.7 614.571 820.871 612.743C819.043 610.914 818.016 608.434 818.016 605.848V531.776Z"
fill="#0CAFFF" />
<path class="fillDarkGrey" id="Vector_8" d="M971.44 615.598H0V648.529H971.44V615.598Z"
fill="#E0E0E0" />
<g id="Group_2" opacity="0.7">
<path id="Vector_9" opacity="0.7"
d="M638.969 395.265C628.558 357.473 569.532 329.876 525.119 323.757C525.125 323.478 525.14 323.202 525.14 322.921V290.571C525.187 290.554 525.236 290.539 525.283 290.522V289.296C541.045 283.434 555.268 274.065 566.877 261.898C578.486 249.731 587.177 235.084 592.293 219.064C595.038 214.101 597.428 208.95 599.443 203.648C604.184 201.922 607.765 194.104 607.765 184.71C607.783 181.496 607.332 178.297 606.427 175.214C607.009 170.43 607.306 165.615 607.316 160.795C607.335 143.946 603.81 127.282 596.971 111.883C590.132 96.4847 580.132 82.6963 567.619 71.4128C567.991 69.4773 568.117 67.5026 567.995 65.5355C566.99 50.0085 550.405 39.4597 534.862 38.7541C538.968 34.0963 541.667 28.3687 542.646 22.2373C543.625 16.1059 542.844 9.82248 540.393 4.11755C530.482 18.5568 510.135 20.0917 492.622 20.2053C500.178 17.2788 503.579 6.80813 499.184 3.05176e-05C480.88 24.5339 445.199 29.0769 423.428 50.5937C418.685 55.3001 414.71 60.7216 411.648 66.6603C397.5 77.9316 386.077 92.2497 378.23 108.548C370.384 124.847 366.316 142.706 366.329 160.795C366.339 165.571 366.63 170.342 367.201 175.084C366.268 178.207 365.803 181.451 365.821 184.71C365.821 194.147 369.436 201.989 374.209 203.667C376.233 208.987 378.633 214.155 381.392 219.134C386.49 235.061 395.123 249.629 406.646 261.748C418.169 273.868 432.283 283.225 447.933 289.119V322.921C447.933 323.182 447.948 323.438 447.953 323.697C403.371 329.711 343.874 357.525 333.555 395.621C324.643 428.52 315.131 464.649 310.398 485.862C350.966 514.367 436.091 531.105 489.439 531.105C540.126 531.105 622.972 515.998 662.346 490.042C658.081 466.734 648.268 429.018 638.969 395.265Z"
fill="url(#paint1_linear)" />
</g>
<path class="fillDarkGrey" id="Vector_10"
d="M489.331 521.722C538.227 521.722 618.145 507.148 656.127 482.109C652.013 459.625 642.548 423.242 633.577 390.681C622.153 349.213 550.05 320.465 507.037 320.465H465.588C422.443 320.465 350.235 349.38 338.955 391.025C330.358 422.761 321.182 457.614 316.616 478.077C355.751 505.575 437.868 521.722 489.331 521.722Z"
fill="#0CAFFF" />
<path id="Vector_11" opacity="0.1"
d="M449.291 261.311H523.77V320.894C523.77 330.771 519.846 340.243 512.863 347.226C505.879 354.21 496.407 358.133 486.531 358.133H486.531C476.654 358.133 467.182 354.21 460.198 347.226C453.215 340.243 449.291 330.771 449.291 320.894V261.311H449.291Z"
fill="black" />
<path id="Vector_12"
d="M459.974 258.553H513.087C515.92 258.553 518.638 259.678 520.641 261.682C522.645 263.685 523.77 266.402 523.77 269.236V318.136C523.77 328.012 519.847 337.484 512.863 344.468C505.879 351.451 496.407 355.375 486.531 355.375H486.531C476.654 355.375 467.182 351.451 460.199 344.468C453.215 337.484 449.292 328.012 449.292 318.136V269.236C449.292 266.402 450.417 263.685 452.42 261.682C454.424 259.678 457.141 258.553 459.974 258.553V258.553Z"
fill="#FDA57D" />
<path id="Vector_13" opacity="0.1"
d="M449.429 289.434C473.433 298.402 499.855 298.475 523.908 289.64V280.49H449.429V289.434Z"
fill="black" />
<g id="face">
<path id="Vector_14"
d="M486.807 280.733C551.002 280.733 603.042 228.692 603.042 164.497C603.042 100.302 551.002 48.261 486.807 48.261C422.611 48.261 370.571 100.302 370.571 164.497C370.571 228.692 422.611 280.733 486.807 280.733Z"
fill="#72351C" />
<path id="Vector_15"
d="M486.806 294.421C545.764 294.421 593.559 246.626 593.559 187.668C593.559 128.71 545.764 80.9153 486.806 80.9153C427.849 80.9153 380.054 128.71 380.054 187.668C380.054 246.626 427.849 294.421 486.806 294.421Z"
fill="#FDA57D" />
<path id="Vector_16" opacity="0.1"
d="M410.766 90.5649C410.766 90.5649 455.756 181.888 582.668 128.84L553.122 82.507L500.746 63.7053L410.766 90.5649Z"
fill="black" />
<path id="Vector_17"
d="M410.766 89.2219C410.766 89.2219 455.756 180.545 582.668 127.497L553.122 81.164L500.746 62.3623L410.766 89.2219Z"
fill="#72351C" />
<path id="Vector_18"
d="M410.367 83.0522C413.399 73.661 418.641 65.1347 425.652 58.1896C446.654 37.4331 481.074 33.0506 498.731 9.38364C502.971 15.9512 499.691 26.0519 492.401 28.8749C509.295 28.7654 528.924 27.2848 538.484 13.3557C540.849 18.859 541.602 24.9204 540.658 30.8352C539.713 36.7499 537.109 42.2751 533.148 46.7684C548.143 47.449 564.141 57.625 565.11 72.6034C565.756 82.5821 559.499 92.0299 551.299 97.7526C543.099 103.475 533.178 106.102 523.413 108.255C494.908 114.54 391.766 140.882 410.367 83.0522Z"
fill="#72351C" />
<path id="Vector_19"
d="M593.556 188.602H590.726L535.664 237.621C482.616 212.776 443.669 237.621 443.669 237.621L385.921 190.617L380.098 191.349C380.888 219.366 392.665 245.95 412.887 265.358C433.109 284.767 460.153 295.444 488.179 295.083C516.206 294.723 542.966 283.354 562.682 263.431C582.398 243.509 593.488 216.631 593.556 188.602V188.602ZM486.645 256.423C465.877 256.423 449.041 252.214 449.041 247.022C449.041 241.83 465.877 237.621 486.645 237.621C507.413 237.621 524.248 241.83 524.248 247.022C524.248 252.214 507.413 256.423 486.645 256.423Z"
fill="#72351C" />
<path id="Vector_20"
d="M380.011 206.186C385.496 206.186 389.942 197.85 389.942 187.566C389.942 177.283 385.496 168.947 380.011 168.947C374.527 168.947 370.081 177.283 370.081 187.566C370.081 197.85 374.527 206.186 380.011 206.186Z"
fill="#FDA57D" />
<path id="Vector_21"
d="M593.545 206.186C599.03 206.186 603.476 197.85 603.476 187.566C603.476 177.283 599.03 168.947 593.545 168.947C588.061 168.947 583.615 177.283 583.615 187.566C583.615 197.85 588.061 206.186 593.545 206.186Z"
fill="#FDA57D" />
</g>
<g id="Group_3" opacity="0.7">
<path id="Vector_22" opacity="0.7"
d="M677.782 377.704H293.658C285.65 377.704 279.158 384.196 279.158 392.204V601.098C279.158 609.107 285.65 615.598 293.658 615.598H677.782C685.79 615.598 692.282 609.107 692.282 601.098V392.204C692.282 384.196 685.79 377.704 677.782 377.704Z"
fill="url(#paint2_linear)" />
</g>
<path id="Vector_23"
d="M657.963 382.093H313.477C298.657 382.093 286.642 394.108 286.642 408.928V588.763C286.642 603.584 298.657 615.598 313.477 615.598H657.963C672.784 615.598 684.798 603.584 684.798 588.763V408.928C684.798 394.108 672.784 382.093 657.963 382.093Z"
fill="#535461" />
<path class="fillRed" id="Vector_24"
d="M485.72 512.317C493.16 512.317 499.192 506.286 499.192 498.846C499.192 491.406 493.16 485.374 485.72 485.374C478.28 485.374 472.249 491.406 472.249 498.846C472.249 506.286 478.28 512.317 485.72 512.317Z"
fill="white" />
<path class="fillDarkGrey" id="Vector_25" d="M930.278 648.529H41.1628V662H930.278V648.529Z"
fill="#E0E0E0" />
<path id="Vector_26" opacity="0.1" d="M930.278 648.529H41.1628V653.019H930.278V648.529Z"
fill="black" />
<path id="Vector_27" opacity="0.1"
d="M879.385 531.776V601.004C879.385 604.875 877.848 608.587 875.111 611.324C872.374 614.061 868.662 615.598 864.792 615.598H872.276C876.146 615.598 879.858 614.061 882.595 611.324C885.332 608.587 886.87 604.875 886.87 601.004V531.776H879.385Z"
fill="black" />
<path id="smoke"
d="M832.785 475.979C831.522 476.195 830.098 476.536 829.48 477.657C828.498 479.437 830.277 481.444 831.9 482.667C834.9 484.926 838.061 487.145 840.099 490.298C842.138 493.452 842.779 497.852 840.55 500.874C837.64 504.82 830.698 505.669 830.026 510.526C829.594 513.644 832.29 516.304 835.021 517.869C841.763 521.731 850.453 522.761 855.336 528.804C857.356 524.65 861.875 522.249 866.378 521.223C870.882 520.198 875.561 520.275 880.127 519.579C881.601 519.354 883.262 518.904 883.921 517.567C885.197 514.976 881.56 511.869 882.815 509.269C883.771 507.289 886.578 507.443 888.628 506.65C891.966 505.36 893.343 501.064 892.395 497.612C891.448 494.161 888.772 491.464 885.958 489.253C878.374 483.293 869.254 479.788 860.03 477.268C855.741 476.095 850.705 474.256 846.249 474.079C841.948 473.907 837.042 475.251 832.785 475.979Z"
fill="black" fill-opacity="0.38" />
</g>
<defs>
<linearGradient id="paint0_linear" x1="865.166" y1="619.59" x2="865.166" y2="527.785"
gradientUnits="userSpaceOnUse">
<stop stop-color="#808080" stop-opacity="0.25" />
<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12" />
<stop offset="1" stop-color="#808080" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint1_linear" x1="211708" y1="345274" x2="211708" y2="63201.5"
gradientUnits="userSpaceOnUse">
<stop stop-color="#808080" stop-opacity="0.25" />
<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12" />
<stop offset="1" stop-color="#808080" stop-opacity="0.1" />
</linearGradient>
<linearGradient id="paint2_linear" x1="200942" y1="146825" x2="200942" y2="90231.3"
gradientUnits="userSpaceOnUse">
<stop stop-color="#808080" stop-opacity="0.25" />
<stop offset="0.53514" stop-color="#808080" stop-opacity="0.12" />
<stop offset="1" stop-color="#808080" stop-opacity="0.1" />
</linearGradient>
<clipPath id="clip0">
<rect width="971.44" height="662" fill="white" />
</clipPath>
</defs>
</svg>
</div>
</div>
<h1 class="hero-heading">
i am surya <span class="hero-span">{</span>a web dev in making<span class="hero-span">}</span>
</h1>
</header>
<div class="aboutMe">
<section class="section" id="section">
<div class="container container-center">
<h1>about<span class="hero-span">me</span></h1>
<p>i am very new to the world of web development and still exploring this vast ocean. i made this
portfolio
website as a side project to strenghten my basics. I used <span
class="about-me-span"><strong>HTML5</strong></span>
and <span class="about-me-span"><strong>CSS3</strong></span> to make this site.</p>
<p> Along the road, I have also learnt
basics of <span class="about-me-span"><strong>Javascript, ReactJS, NodeJS, git</strong></span> and
<span class="about-me-span">
<strong>Web Hosting</strong></span></p>
</div>
</section>
<section class="section" id="section">
<div class="container container-center">
<h1>my<span class="hero-span">projects</span></h1>
<p>i believe in exploring and learning new things. I've been working on some projects which i'll be
updating
on this <span class="projects-span"><strong>portfolio</strong></span>.</p>
<div class="wrapper">
<a class="link link-primary link-length explore" href="/components/project.html">explore
projects</a>
</div>
</div>
</section>
<section class="section" id="section">
<div class="container container-center">
<h1>my<span class="hero-span">blogs</span></h1>
<p>I'll be documenting my learnings throughout this journey in blogs which I'll keep updating on this
<span class="projects-span"><strong>portfolio</strong></span>.</p>
<div class="wrapper">
<a class="link link-primary link-length explore" href="/components/blogs.html">explore blogs</a>
</div>
</div>
</section>
</div>
<a href="#top">
<img class="topButton" id="topButton" src="images/keyboard_capslock-black-48dp.svg" />
</a>
<footer class="footer" id="footer">
<div class="footer-header">
connect with me
</div>
<ul class="social-links list-non-bullet">
<li class="list-item-inline">
<a class="link" href="https://www.linkedin.com/in/surya-kannan-kumbhar-58a168177/" target="_blank">
linkedin
</a>
</li>
|
<li class="list-item-inline">
<a class="link" href="https://twitter.com/SuryaKKumbhar" target="_blank">
twitter
</a>
</li>
|
<li class="list-item-inline">
<a class="link" href="https://github.com/suryakannankumbhar" target="_blank">
github
</a>
</li>
</ul>
</footer>
<script src="/components/app.js">
</script>
</body>
</html>