-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
87 lines (80 loc) · 6.33 KB
/
Copy pathindex.html
File metadata and controls
87 lines (80 loc) · 6.33 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="logo"><img src="assets/karsh-logo-zip-file/png/logo-no-background.png" alt=""></div>
<div class="wavy-navbar">
<img src="assets/wave (2).svg" alt="">
</div>
<div class="top-bar">
<nav>
<ul class="nav-list">
<li class="active"><a href="#">Home</a></li>
<li class="inactive"><a href="#skills-heading">Skills</a></li>
<li class="inactive"><a href="">Projects</a></li>
<li class="inactive"><a href="">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="chains">.</div>
<div class="curve-container">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500" width="80%" id="blobSvg" style="opacity: 1;" filter="blur(0px)">
<defs>
<lineargradient id="gradient" x1="0%" y1="0%" x2="0%" y2="100%"> <stop offset="0%" style="stop-color: rgb(134, 150, 254);"></stop> <stop offset="100%" style="stop-color: rgb(134, 150, 254);"></stop> </lineargradient> </defs> <path id="blob" fill="url(#gradient)" style="opacity: 1;"><animate attributeName="d" dur="20000ms" repeatCount="indefinite" values="M428.88107,298.41731Q382.87896,346.83463,343.6411,381.94757Q304.40324,417.06052,249.73188,417.66327Q195.06052,418.26602,121.90324,407.33463Q48.74595,396.40324,42.90922,323.20162Q37.07249,250,50.04223,182.03624Q63.01197,114.07249,129.2076,98.49191Q195.40324,82.91133,251.0746,78.83673Q306.74595,74.76214,356.50598,105.64321Q406.26602,136.52427,440.5746,193.26214Q474.88318,250,428.88107,298.41731Z;M460.19079,314.81752Q429.48296,379.63503,366.74655,397.33779Q304.01014,415.04055,238.62673,450.6401Q173.24331,486.23965,141.80231,418.853Q110.3613,351.46635,87.51337,300.73317Q64.66545,250,86.56406,198.80231Q108.46268,147.60462,149.75669,107.39355Q191.05069,67.18248,258.9189,40.41566Q326.7871,13.64883,381.21107,64.45621Q435.63503,115.26359,463.26683,182.63179Q490.89862,250,460.19079,314.81752Z;M469.34657,320.38487Q443.8468,390.76973,373.53877,402.1156Q303.23073,413.46147,238.88463,448.30757Q174.53853,483.15367,122.76833,431.6929Q70.99814,380.23213,76.84563,315.11607Q82.69313,250,78.9227,186.3071Q75.15227,122.6142,131.92223,91.73003Q188.6922,60.84587,253.2305,51.539Q317.7688,42.23213,359.5759,90.92433Q401.383,139.61653,448.11467,194.80827Q494.84633,250,469.34657,320.38487Z;M453.70516,317.0107Q433.36186,384.02139,362.52423,381.146Q291.6866,378.27061,242.8433,399.93801Q194,421.60541,117.08118,412.14317Q40.16237,402.68093,64.29201,326.34046Q88.42165,250,109.0107,206.32693Q129.59975,162.65387,148.64317,78.76495Q167.6866,-5.12397,241.8433,20.74072Q316,46.60541,350.8433,99.17023Q385.6866,151.73505,429.86753,200.86753Q474.04846,250,453.70516,317.0107Z;M410.95278,296.31131Q377.83016,342.62262,346.59668,396.40799Q315.3632,450.19336,253.66275,438.70512Q191.9623,427.21687,143.72172,394.79004Q95.48115,362.3632,86.24057,306.1816Q77,250,74.51885,185.3632Q72.0377,120.72639,123.0377,68.91975Q174.0377,17.1131,239.88914,47.47163Q305.74057,77.83016,366.40332,99.75233Q427.06607,121.67451,435.57074,185.83725Q444.0754,250,410.95278,296.31131Z;M428.88107,298.41731Q382.87896,346.83463,343.6411,381.94757Q304.40324,417.06052,249.73188,417.66327Q195.06052,418.26602,121.90324,407.33463Q48.74595,396.40324,42.90922,323.20162Q37.07249,250,50.04223,182.03624Q63.01197,114.07249,129.2076,98.49191Q195.40324,82.91133,251.0746,78.83673Q306.74595,74.76214,356.50598,105.64321Q406.26602,136.52427,440.5746,193.26214Q474.88318,250,428.88107,298.41731Z"></animate></path></svg>
</div>
<div class="main-container">
<div class="sub-container" id="intro-container">
<h2 class="intro-text">Hello, I'm</h2>
<h1 class="name">
<div class="nut" id="left-nut"></div>
<div class="nut" id="right-nut"></div>
Kumar Utkarsh
</h1>
<h3 class="caption">Blending <span class="highlight">Code </span>and <span class="highlight">Creativity</span></h3>
<p class="intro-para">Empowering businesses and individuals through elegant web solutions that blend innovation and design.</p>
</div>
<!-- <div class="sub-container" id="skills-container">
<h2 class="intro-text" id="skills-heading">Skills</h2>
<div class="skill-cards">
<div class="skill-card">
<img src="assets/icons/html icon.png" alt="" class="skill" id="html">
<p class="skilldesc">HTML</p>
</div>
<div class="skill-card">
<img src="assets/icons/html icon.png" alt="" class="skill" id="css">
<p class="skilldesc">CSS</p>
</div>
<div class="skill-card">
<img src="assets/icons/html icon.png" alt="" class="skill" id="js">
<p class="skilldesc">HTML</p>
</div>
<div class="skill-card">
<img src="assets/icons/html icon.png" alt="" class="skill" id="figma">
<p class="skilldesc">HTML</p>
</div>
</div>
</div> -->
</div>
<!-- <div id="contact">
<div class="contact-card">
<div class="left-panel"></div>
<div class="right-panel"><fieldset>
<form action="#">
<input type="text" name="First Name" id="first-name">
<input type="text" name="Last Name" id="last-name">
<input type="text" name="Email" id="email">
</form>
</fieldset></div>
</div>
</div> -->
</main>
</body>
</html>