Spaces:
Running
Running
Upload 46 files
Browse files- .gitattributes +41 -35
- 404.html +71 -0
- LICENSE +21 -0
- README.md +572 -0
- README1.md +10 -10
- assets/SVGIcons/Firebase-Dark.svg +1 -0
- assets/SVGIcons/Github-Dark.svg +4 -0
- assets/SVGIcons/MySQL-Dark.svg +1 -0
- assets/SVGIcons/PostgreSQL-Dark.svg +1 -0
- assets/SVGIcons/adobe-illustrator.svg +1 -0
- assets/SVGIcons/adobe-photoshop.svg +1 -0
- assets/SVGIcons/adobe-premiere-pro.svg +1 -0
- assets/SVGIcons/css3.svg +1 -0
- assets/SVGIcons/dart.svg +1 -0
- assets/SVGIcons/django.svg +1 -0
- assets/SVGIcons/figma.svg +1 -0
- assets/SVGIcons/flutter.svg +1 -0
- assets/SVGIcons/html-5.svg +1 -0
- assets/SVGIcons/javascript.svg +1 -0
- assets/SVGIcons/python.svg +1 -0
- assets/client-profile.png +3 -0
- assets/css.png +3 -0
- assets/dart.png +3 -0
- assets/django.png +3 -0
- assets/email-background.jpg +3 -0
- assets/email-background.png +3 -0
- assets/favicon/lovnishfavicon.png +3 -0
- assets/figma.png +3 -0
- assets/flutter.png +3 -0
- assets/html.png +3 -0
- assets/illustrator.png +3 -0
- assets/javascript.png +3 -0
- assets/lovnish_verma.png +3 -0
- assets/photoshop.png +3 -0
- assets/premiere_pro.png +3 -0
- assets/projectsimg/books.png +3 -0
- assets/projectsimg/braintumor.png +3 -0
- assets/projectsimg/diabetes.png +3 -0
- assets/projectsimg/location.png +3 -0
- assets/python.png +3 -0
- assets/testimonials/anita_budhiraja.png +3 -0
- assets/testimonials/arti_mehta.png +3 -0
- assets/testimonials/sarwan_singh.png +3 -0
- index.html +1903 -0
- robots.txt +3 -0
- sitemap.xml +15 -0
.gitattributes
CHANGED
|
@@ -1,35 +1,41 @@
|
|
| 1 |
-
*.7z filter=lfs diff=lfs merge=lfs -text
|
| 2 |
-
*.arrow filter=lfs diff=lfs merge=lfs -text
|
| 3 |
-
*.bin filter=lfs diff=lfs merge=lfs -text
|
| 4 |
-
*.bz2 filter=lfs diff=lfs merge=lfs -text
|
| 5 |
-
*.ckpt filter=lfs diff=lfs merge=lfs -text
|
| 6 |
-
*.ftz filter=lfs diff=lfs merge=lfs -text
|
| 7 |
-
*.gz filter=lfs diff=lfs merge=lfs -text
|
| 8 |
-
*.h5 filter=lfs diff=lfs merge=lfs -text
|
| 9 |
-
*.joblib filter=lfs diff=lfs merge=lfs -text
|
| 10 |
-
*.lfs.* filter=lfs diff=lfs merge=lfs -text
|
| 11 |
-
*.mlmodel filter=lfs diff=lfs merge=lfs -text
|
| 12 |
-
*.model filter=lfs diff=lfs merge=lfs -text
|
| 13 |
-
*.msgpack filter=lfs diff=lfs merge=lfs -text
|
| 14 |
-
*.npy filter=lfs diff=lfs merge=lfs -text
|
| 15 |
-
*.npz filter=lfs diff=lfs merge=lfs -text
|
| 16 |
-
*.onnx filter=lfs diff=lfs merge=lfs -text
|
| 17 |
-
*.ot filter=lfs diff=lfs merge=lfs -text
|
| 18 |
-
*.parquet filter=lfs diff=lfs merge=lfs -text
|
| 19 |
-
*.pb filter=lfs diff=lfs merge=lfs -text
|
| 20 |
-
*.pickle filter=lfs diff=lfs merge=lfs -text
|
| 21 |
-
*.pkl filter=lfs diff=lfs merge=lfs -text
|
| 22 |
-
*.pt filter=lfs diff=lfs merge=lfs -text
|
| 23 |
-
*.pth filter=lfs diff=lfs merge=lfs -text
|
| 24 |
-
*.rar filter=lfs diff=lfs merge=lfs -text
|
| 25 |
-
*.safetensors filter=lfs diff=lfs merge=lfs -text
|
| 26 |
-
saved_model/**/* filter=lfs diff=lfs merge=lfs -text
|
| 27 |
-
*.tar.* filter=lfs diff=lfs merge=lfs -text
|
| 28 |
-
*.tar filter=lfs diff=lfs merge=lfs -text
|
| 29 |
-
*.tflite filter=lfs diff=lfs merge=lfs -text
|
| 30 |
-
*.tgz filter=lfs diff=lfs merge=lfs -text
|
| 31 |
-
*.wasm filter=lfs diff=lfs merge=lfs -text
|
| 32 |
-
*.xz filter=lfs diff=lfs merge=lfs -text
|
| 33 |
-
*.zip filter=lfs diff=lfs merge=lfs -text
|
| 34 |
-
*.zst filter=lfs diff=lfs merge=lfs -text
|
| 35 |
-
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
*.7z filter=lfs diff=lfs merge=lfs -text
|
| 2 |
+
*.arrow filter=lfs diff=lfs merge=lfs -text
|
| 3 |
+
*.bin filter=lfs diff=lfs merge=lfs -text
|
| 4 |
+
*.bz2 filter=lfs diff=lfs merge=lfs -text
|
| 5 |
+
*.ckpt filter=lfs diff=lfs merge=lfs -text
|
| 6 |
+
*.ftz filter=lfs diff=lfs merge=lfs -text
|
| 7 |
+
*.gz filter=lfs diff=lfs merge=lfs -text
|
| 8 |
+
*.h5 filter=lfs diff=lfs merge=lfs -text
|
| 9 |
+
*.joblib filter=lfs diff=lfs merge=lfs -text
|
| 10 |
+
*.lfs.* filter=lfs diff=lfs merge=lfs -text
|
| 11 |
+
*.mlmodel filter=lfs diff=lfs merge=lfs -text
|
| 12 |
+
*.model filter=lfs diff=lfs merge=lfs -text
|
| 13 |
+
*.msgpack filter=lfs diff=lfs merge=lfs -text
|
| 14 |
+
*.npy filter=lfs diff=lfs merge=lfs -text
|
| 15 |
+
*.npz filter=lfs diff=lfs merge=lfs -text
|
| 16 |
+
*.onnx filter=lfs diff=lfs merge=lfs -text
|
| 17 |
+
*.ot filter=lfs diff=lfs merge=lfs -text
|
| 18 |
+
*.parquet filter=lfs diff=lfs merge=lfs -text
|
| 19 |
+
*.pb filter=lfs diff=lfs merge=lfs -text
|
| 20 |
+
*.pickle filter=lfs diff=lfs merge=lfs -text
|
| 21 |
+
*.pkl filter=lfs diff=lfs merge=lfs -text
|
| 22 |
+
*.pt filter=lfs diff=lfs merge=lfs -text
|
| 23 |
+
*.pth filter=lfs diff=lfs merge=lfs -text
|
| 24 |
+
*.rar filter=lfs diff=lfs merge=lfs -text
|
| 25 |
+
*.safetensors filter=lfs diff=lfs merge=lfs -text
|
| 26 |
+
saved_model/**/* filter=lfs diff=lfs merge=lfs -text
|
| 27 |
+
*.tar.* filter=lfs diff=lfs merge=lfs -text
|
| 28 |
+
*.tar filter=lfs diff=lfs merge=lfs -text
|
| 29 |
+
*.tflite filter=lfs diff=lfs merge=lfs -text
|
| 30 |
+
*.tgz filter=lfs diff=lfs merge=lfs -text
|
| 31 |
+
*.wasm filter=lfs diff=lfs merge=lfs -text
|
| 32 |
+
*.xz filter=lfs diff=lfs merge=lfs -text
|
| 33 |
+
*.zip filter=lfs diff=lfs merge=lfs -text
|
| 34 |
+
*.zst filter=lfs diff=lfs merge=lfs -text
|
| 35 |
+
*tfevents* filter=lfs diff=lfs merge=lfs -text
|
| 36 |
+
*.png filter=lfs diff=lfs merge=lfs -text
|
| 37 |
+
*.jpg filter=lfs diff=lfs merge=lfs -text
|
| 38 |
+
*.jpeg filter=lfs diff=lfs merge=lfs -text
|
| 39 |
+
assets/*.png filter=lfs diff=lfs merge=lfs -text
|
| 40 |
+
assets/*.jpg filter=lfs diff=lfs merge=lfs -text
|
| 41 |
+
assets/*.jpeg filter=lfs diff=lfs merge=lfs -text
|
404.html
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<title>404 - Page Not Found</title>
|
| 7 |
+
<style>
|
| 8 |
+
* {
|
| 9 |
+
margin: 0;
|
| 10 |
+
padding: 0;
|
| 11 |
+
box-sizing: border-box;
|
| 12 |
+
font-family: "Segoe UI", Roboto, sans-serif;
|
| 13 |
+
}
|
| 14 |
+
body {
|
| 15 |
+
background: linear-gradient(135deg, #1d1f27, #323544);
|
| 16 |
+
color: #fff;
|
| 17 |
+
display: flex;
|
| 18 |
+
align-items: center;
|
| 19 |
+
justify-content: center;
|
| 20 |
+
height: 100vh;
|
| 21 |
+
text-align: center;
|
| 22 |
+
}
|
| 23 |
+
.container {
|
| 24 |
+
max-width: 600px;
|
| 25 |
+
padding: 2rem;
|
| 26 |
+
}
|
| 27 |
+
h1 {
|
| 28 |
+
font-size: 6rem;
|
| 29 |
+
font-weight: bold;
|
| 30 |
+
color: #ff4757;
|
| 31 |
+
margin-bottom: 1rem;
|
| 32 |
+
}
|
| 33 |
+
h2 {
|
| 34 |
+
font-size: 1.5rem;
|
| 35 |
+
margin-bottom: 1rem;
|
| 36 |
+
}
|
| 37 |
+
p {
|
| 38 |
+
font-size: 1rem;
|
| 39 |
+
margin-bottom: 2rem;
|
| 40 |
+
color: #dcdcdc;
|
| 41 |
+
}
|
| 42 |
+
a {
|
| 43 |
+
display: inline-block;
|
| 44 |
+
padding: 0.75rem 1.5rem;
|
| 45 |
+
font-size: 1rem;
|
| 46 |
+
border-radius: 8px;
|
| 47 |
+
background: #ff4757;
|
| 48 |
+
color: #fff;
|
| 49 |
+
text-decoration: none;
|
| 50 |
+
transition: 0.3s;
|
| 51 |
+
}
|
| 52 |
+
a:hover {
|
| 53 |
+
background: #e84118;
|
| 54 |
+
transform: scale(1.05);
|
| 55 |
+
}
|
| 56 |
+
.emoji {
|
| 57 |
+
font-size: 3rem;
|
| 58 |
+
margin-bottom: 1rem;
|
| 59 |
+
}
|
| 60 |
+
</style>
|
| 61 |
+
</head>
|
| 62 |
+
<body>
|
| 63 |
+
<div class="container">
|
| 64 |
+
<div class="emoji">🚫</div>
|
| 65 |
+
<h1>404</h1>
|
| 66 |
+
<h2>Page Not Found</h2>
|
| 67 |
+
<p>Oops! The page you’re looking for doesn’t exist or has been moved.</p>
|
| 68 |
+
<a href="index.html">⬅ Back to Home</a>
|
| 69 |
+
</div>
|
| 70 |
+
</body>
|
| 71 |
+
</html>
|
LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
MIT License
|
| 2 |
+
|
| 3 |
+
Copyright (c) 2025 Lovnish Verma
|
| 4 |
+
|
| 5 |
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
| 6 |
+
of this software and associated documentation files (the "Software"), to deal
|
| 7 |
+
in the Software without restriction, including without limitation the rights
|
| 8 |
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
| 9 |
+
copies of the Software, and to permit persons to whom the Software is
|
| 10 |
+
furnished to do so, subject to the following conditions:
|
| 11 |
+
|
| 12 |
+
The above copyright notice and this permission notice shall be included in all
|
| 13 |
+
copies or substantial portions of the Software.
|
| 14 |
+
|
| 15 |
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
| 16 |
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
| 17 |
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
| 18 |
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
| 19 |
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
| 20 |
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
| 21 |
+
SOFTWARE.
|
README.md
ADDED
|
@@ -0,0 +1,572 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
# 🌐 Lovnish Verma – Personal Portfolio Website
|
| 2 |
+
|
| 3 |
+
Welcome to the source code repository for my personal website: [lovnishverma.github.io](https://lovnishverma.github.io)
|
| 4 |
+
|
| 5 |
+
This is a fully responsive and SEO-optimized portfolio site designed using **HTML, CSS, and JavaScript**. It highlights my expertise in AI, ML, and full-stack development with live projects, contact integration, and advanced metadata for better discovery.
|
| 6 |
+
|
| 7 |
+
---
|
| 8 |
+
|
| 9 |
+
## 🚀 Features
|
| 10 |
+
|
| 11 |
+
- ✅ Clean and modern responsive UI/UX
|
| 12 |
+
- 🧠 AI/ML and full-stack project showcases with previews
|
| 13 |
+
- 🔍 SEO Optimized with meta tags, Open Graph, Twitter Cards, and JSON-LD
|
| 14 |
+
- 🌐 Google Search Console integrated (site verified)
|
| 15 |
+
- 🗺️ Sitemap and `robots.txt` for better indexing
|
| 16 |
+
- ♿ Accessibility support with ARIA labels and semantic HTML
|
| 17 |
+
- 📱 Contact options: WhatsApp, Email, Call
|
| 18 |
+
- 💬 Professional testimonials
|
| 19 |
+
- ☕ [Buy Me a Coffee](https://www.buymeacoffee.com/lovnishverma) support section
|
| 20 |
+
- 🚀 Page Speed Optimized (Lazy loading, compressed images)
|
| 21 |
+
- 📊 Rich Snippets enabled with structured data
|
| 22 |
+
|
| 23 |
+
---
|
| 24 |
+
|
| 25 |
+
## 📡 SEO & Web Presence Highlights
|
| 26 |
+
|
| 27 |
+
| Feature | Status | Impact |
|
| 28 |
+
|----------------------------|--------------|----------------------------------|
|
| 29 |
+
| Meta Tags | ✅ Done | Better SERP appearance |
|
| 30 |
+
| Canonical Link | ✅ Added | Prevents duplicate content |
|
| 31 |
+
| Open Graph Tags (Facebook) | ✅ Enabled | Rich social media previews |
|
| 32 |
+
| Twitter Card Tags | ✅ Enabled | Enhanced Twitter sharing |
|
| 33 |
+
| JSON-LD Structured Data | ✅ Added | Rich snippets & knowledge panel |
|
| 34 |
+
| Google Search Console | ✅ Verified | Search performance tracking |
|
| 35 |
+
| `sitemap.xml` | ✅ Submitted | Better crawling & indexing |
|
| 36 |
+
| `robots.txt` | ✅ Added | Crawler guidance |
|
| 37 |
+
| Lazy Image Loading | ✅ Enabled | Faster page load times |
|
| 38 |
+
| ARIA Accessibility | ✅ Followed | Better UX & SEO rankings |
|
| 39 |
+
| Local SEO Tags | ✅ Added | Location-based searches |
|
| 40 |
+
| Core Web Vitals | 🟡 Optimizing | Page experience signals |
|
| 41 |
+
|
| 42 |
+
---
|
| 43 |
+
|
| 44 |
+
## 📁 Project Structure
|
| 45 |
+
|
| 46 |
+
```bash
|
| 47 |
+
lovnishverma.github.io/
|
| 48 |
+
├── index.html # Main HTML content with SEO optimization
|
| 49 |
+
├── sitemap.xml # XML sitemap for search engines
|
| 50 |
+
├── robots.txt # Bot crawler instructions
|
| 51 |
+
├── assets/ # Optimized images, icons, testimonials
|
| 52 |
+
│ ├── SVGIcons/ # Technology stack icons (SVG format)
|
| 53 |
+
│ ├── images/ # Compressed project screenshots
|
| 54 |
+
│ └── favicon/ # Favicon in multiple sizes
|
| 55 |
+
├── README.md # This comprehensive guide
|
| 56 |
+
└── .github/ # GitHub Actions (optional)
|
| 57 |
+
└── workflows/ # Auto-deployment scripts
|
| 58 |
+
```
|
| 59 |
+
|
| 60 |
+
---
|
| 61 |
+
|
| 62 |
+
## 🧠 Live Projects
|
| 63 |
+
|
| 64 |
+
### AI/ML Projects
|
| 65 |
+
* 🧠 [Brain Tumor Prediction (Hugging Face)](https://huggingface.co/spaces/LovnishVerma/braintumor) - Deep learning model for medical imaging
|
| 66 |
+
* 🩺 [Diabetes Prediction App](https://lovnishverma-diabetes.hf.space/) - ML-powered health assessment tool
|
| 67 |
+
* 📚 [Advanced Goodreads Recommender](https://lovnishverma-book-recommendations.hf.space/) - Discover your next favorite book with AI-powered recommendations
|
| 68 |
+
* 📝 [Flask To-Do Notes App](https://flaskmongo.glitch.me/) - Full-stack web application
|
| 69 |
+
|
| 70 |
+
### Development Repositories
|
| 71 |
+
* 💻 [All Open Source Projects](https://github.com/LovnishVerma) - 120+ repositories
|
| 72 |
+
|
| 73 |
+
---
|
| 74 |
+
|
| 75 |
+
## 📊 Advanced SEO Implementation Guide
|
| 76 |
+
|
| 77 |
+
### 🎯 Keyword Strategy
|
| 78 |
+
|
| 79 |
+
**Primary Keywords:**
|
| 80 |
+
- AI developer Chandigarh
|
| 81 |
+
- Machine learning engineer India
|
| 82 |
+
- Data scientist portfolio
|
| 83 |
+
- Python developer Himachal Pradesh
|
| 84 |
+
|
| 85 |
+
**Long-tail Keywords:**
|
| 86 |
+
- Brain tumor detection AI model
|
| 87 |
+
- Diabetes prediction machine learning
|
| 88 |
+
- Flask MongoDB web application
|
| 89 |
+
- TensorFlow deep learning projects
|
| 90 |
+
|
| 91 |
+
### 📈 Technical SEO Checklist
|
| 92 |
+
|
| 93 |
+
#### Core Web Vitals Optimization
|
| 94 |
+
- [ ] **Largest Contentful Paint (LCP)** < 2.5s
|
| 95 |
+
- [ ] **First Input Delay (FID)** < 100ms
|
| 96 |
+
- [ ] **Cumulative Layout Shift (CLS)** < 0.1
|
| 97 |
+
|
| 98 |
+
#### Image Optimization
|
| 99 |
+
```html
|
| 100 |
+
<!-- Responsive images with WebP format -->
|
| 101 |
+
<picture>
|
| 102 |
+
<source srcset="image.webp" type="image/webp">
|
| 103 |
+
<img src="image.jpg" alt="Descriptive alt text" loading="lazy">
|
| 104 |
+
</picture>
|
| 105 |
+
```
|
| 106 |
+
|
| 107 |
+
#### Schema.org Implementation
|
| 108 |
+
```json
|
| 109 |
+
{
|
| 110 |
+
"@context": "https://schema.org",
|
| 111 |
+
"@type": "Person",
|
| 112 |
+
"name": "Lovnish Verma",
|
| 113 |
+
"jobTitle": "AI/ML Developer & Data Scientist",
|
| 114 |
+
"worksFor": {
|
| 115 |
+
"@type": "Organization",
|
| 116 |
+
"name": "Freelance"
|
| 117 |
+
},
|
| 118 |
+
"address": {
|
| 119 |
+
"@type": "PostalAddress",
|
| 120 |
+
"addressLocality": "Chandigarh",
|
| 121 |
+
"addressRegion": "Himachal Pradesh",
|
| 122 |
+
"addressCountry": "IN"
|
| 123 |
+
}
|
| 124 |
+
}
|
| 125 |
+
```
|
| 126 |
+
|
| 127 |
+
---
|
| 128 |
+
|
| 129 |
+
## 📬 Contact Me
|
| 130 |
+
|
| 131 |
+
* 📱 WhatsApp: [Click to Message](https://wa.me/918894869371)
|
| 132 |
+
* 📧 Email: [princelv84@gmail.com](mailto:princelv84@gmail.com)
|
| 133 |
+
* 🌍 Location: Himachal Pradesh, India
|
| 134 |
+
* 🧑💼 LinkedIn: [linkedin.com/in/lovnishverma](https://www.linkedin.com/in/lovnishverma/)
|
| 135 |
+
* 💻 GitHub: [github.com/LovnishVerma](https://github.com/LovnishVerma)
|
| 136 |
+
* 🐦 Twitter: [x.com/lovnishofficial](https://www.x.com/lovnishofficial/)
|
| 137 |
+
* 📷 Instagram: [instagram.com/lovnishofficial](https://www.instagram.com/lovnishofficial/)
|
| 138 |
+
|
| 139 |
+
---
|
| 140 |
+
|
| 141 |
+
## ☕ Support Me
|
| 142 |
+
|
| 143 |
+
If you appreciate my work, feel free to support me here:
|
| 144 |
+
|
| 145 |
+
[](https://www.buymeacoffee.com/lovnishverma)
|
| 146 |
+
|
| 147 |
+
---
|
| 148 |
+
|
| 149 |
+
## 🧑🏫 Complete Guide: Create Your SEO-Optimized Portfolio on GitHub
|
| 150 |
+
|
| 151 |
+
### 🛠️ Step-by-step Implementation:
|
| 152 |
+
|
| 153 |
+
#### 1. **Create a GitHub Account & Repository**
|
| 154 |
+
|
| 155 |
+
```bash
|
| 156 |
+
# Go to https://github.com/join and create account
|
| 157 |
+
# Create repository named: yourusername.github.io
|
| 158 |
+
# Make it public for GitHub Pages
|
| 159 |
+
```
|
| 160 |
+
|
| 161 |
+
#### 2. **Basic HTML Structure with SEO**
|
| 162 |
+
|
| 163 |
+
```html
|
| 164 |
+
<!DOCTYPE html>
|
| 165 |
+
<html lang="en">
|
| 166 |
+
<head>
|
| 167 |
+
<meta charset="UTF-8">
|
| 168 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 169 |
+
|
| 170 |
+
<!-- SEO Meta Tags -->
|
| 171 |
+
<title>Your Name - AI Developer & Data Scientist | Portfolio 2025</title>
|
| 172 |
+
<meta name="description" content="Expert AI/ML Developer specializing in machine learning, deep learning, and intelligent systems. 3+ years experience, 100+ projects.">
|
| 173 |
+
<meta name="keywords" content="AI developer, machine learning engineer, data scientist, Python developer, your location">
|
| 174 |
+
<meta name="author" content="Your Name">
|
| 175 |
+
<meta name="robots" content="index, follow">
|
| 176 |
+
<link rel="canonical" href="https://yourusername.github.io/">
|
| 177 |
+
|
| 178 |
+
<!-- Open Graph Tags -->
|
| 179 |
+
<meta property="og:title" content="Your Name - AI Developer Portfolio">
|
| 180 |
+
<meta property="og:description" content="Expert AI/ML Developer with proven track record">
|
| 181 |
+
<meta property="og:image" content="https://yourusername.github.io/assets/profile.jpg">
|
| 182 |
+
<meta property="og:url" content="https://yourusername.github.io/">
|
| 183 |
+
<meta property="og:type" content="website">
|
| 184 |
+
|
| 185 |
+
<!-- Twitter Card Tags -->
|
| 186 |
+
<meta name="twitter:card" content="summary_large_image">
|
| 187 |
+
<meta name="twitter:title" content="Your Name - AI Developer">
|
| 188 |
+
<meta name="twitter:description" content="Expert AI/ML Developer portfolio">
|
| 189 |
+
<meta name="twitter:image" content="https://yourusername.github.io/assets/profile.jpg">
|
| 190 |
+
</head>
|
| 191 |
+
<body>
|
| 192 |
+
<!-- Your content here -->
|
| 193 |
+
</body>
|
| 194 |
+
</html>
|
| 195 |
+
```
|
| 196 |
+
|
| 197 |
+
#### 3. **Advanced SEO Files**
|
| 198 |
+
|
| 199 |
+
**Create `sitemap.xml`:**
|
| 200 |
+
```xml
|
| 201 |
+
<?xml version="1.0" encoding="UTF-8"?>
|
| 202 |
+
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
| 203 |
+
xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
|
| 204 |
+
<url>
|
| 205 |
+
<loc>https://yourusername.github.io/</loc>
|
| 206 |
+
<lastmod>2025-06-29</lastmod>
|
| 207 |
+
<changefreq>monthly</changefreq>
|
| 208 |
+
<priority>1.0</priority>
|
| 209 |
+
<image:image>
|
| 210 |
+
<image:loc>https://yourusername.github.io/assets/profile.jpg</image:loc>
|
| 211 |
+
<image:title>Your Name - AI Developer</image:title>
|
| 212 |
+
</image:image>
|
| 213 |
+
</url>
|
| 214 |
+
<!-- Add more URLs for different sections -->
|
| 215 |
+
</urlset>
|
| 216 |
+
```
|
| 217 |
+
|
| 218 |
+
**Create `robots.txt`:**
|
| 219 |
+
```txt
|
| 220 |
+
User-agent: *
|
| 221 |
+
Allow: /
|
| 222 |
+
Disallow: /assets/private/
|
| 223 |
+
|
| 224 |
+
# Sitemap location
|
| 225 |
+
Sitemap: https://yourusername.github.io/sitemap.xml
|
| 226 |
+
|
| 227 |
+
# Crawl delay (optional)
|
| 228 |
+
Crawl-delay: 1
|
| 229 |
+
```
|
| 230 |
+
|
| 231 |
+
#### 4. **JSON-LD Structured Data**
|
| 232 |
+
|
| 233 |
+
```html
|
| 234 |
+
<script type="application/ld+json">
|
| 235 |
+
{
|
| 236 |
+
"@context": "https://schema.org",
|
| 237 |
+
"@type": "Person",
|
| 238 |
+
"name": "Your Name",
|
| 239 |
+
"jobTitle": "AI/ML Developer & Data Scientist",
|
| 240 |
+
"description": "Expert in artificial intelligence and machine learning",
|
| 241 |
+
"url": "https://yourusername.github.io/",
|
| 242 |
+
"image": "https://yourusername.github.io/assets/profile.jpg",
|
| 243 |
+
"email": "your.email@gmail.com",
|
| 244 |
+
"telephone": "+91-XXXXXXXXXX",
|
| 245 |
+
"address": {
|
| 246 |
+
"@type": "PostalAddress",
|
| 247 |
+
"addressLocality": "Your City",
|
| 248 |
+
"addressRegion": "Your State",
|
| 249 |
+
"addressCountry": "IN"
|
| 250 |
+
},
|
| 251 |
+
"sameAs": [
|
| 252 |
+
"https://www.linkedin.com/in/yourprofile/",
|
| 253 |
+
"https://github.com/yourusername",
|
| 254 |
+
"https://twitter.com/yourhandle"
|
| 255 |
+
],
|
| 256 |
+
"knowsAbout": [
|
| 257 |
+
"Artificial Intelligence",
|
| 258 |
+
"Machine Learning",
|
| 259 |
+
"Deep Learning",
|
| 260 |
+
"Python Programming",
|
| 261 |
+
"Data Science"
|
| 262 |
+
]
|
| 263 |
+
}
|
| 264 |
+
</script>
|
| 265 |
+
```
|
| 266 |
+
|
| 267 |
+
---
|
| 268 |
+
|
| 269 |
+
## 🔍 Google Search Console Setup Guide
|
| 270 |
+
|
| 271 |
+
### Step 1: Verify Your Website
|
| 272 |
+
|
| 273 |
+
1. Go to: [Google Search Console](https://search.google.com/search-console)
|
| 274 |
+
2. Click **"Start Now"** → **"Add Property"**
|
| 275 |
+
3. Choose **URL Prefix**: `https://yourusername.github.io`
|
| 276 |
+
4. Select **HTML Tag Verification**
|
| 277 |
+
5. Copy the meta tag: `<meta name="google-site-verification" content="YOUR_CODE">`
|
| 278 |
+
6. Add it to your `<head>` section
|
| 279 |
+
7. Click **"Verify"**
|
| 280 |
+
|
| 281 |
+
### Step 2: Submit Sitemap
|
| 282 |
+
|
| 283 |
+
1. In Search Console, go to **"Sitemaps"**
|
| 284 |
+
2. Enter: `sitemap.xml`
|
| 285 |
+
3. Click **"Submit"**
|
| 286 |
+
|
| 287 |
+
### Step 3: Request Indexing
|
| 288 |
+
|
| 289 |
+
1. Go to **"URL Inspection"**
|
| 290 |
+
2. Enter your homepage URL
|
| 291 |
+
3. Click **"Request Indexing"**
|
| 292 |
+
|
| 293 |
+
---
|
| 294 |
+
|
| 295 |
+
## 🚀 Performance Optimization Tips
|
| 296 |
+
|
| 297 |
+
### Image Optimization
|
| 298 |
+
```bash
|
| 299 |
+
# Use WebP format for better compression
|
| 300 |
+
# Compress images before uploading
|
| 301 |
+
# Use appropriate sizes (max 1920px width for hero images)
|
| 302 |
+
```
|
| 303 |
+
|
| 304 |
+
### CSS & JavaScript Optimization
|
| 305 |
+
```html
|
| 306 |
+
<!-- Minify CSS and JS files -->
|
| 307 |
+
<!-- Use defer attribute for non-critical JS -->
|
| 308 |
+
<script src="script.js" defer></script>
|
| 309 |
+
|
| 310 |
+
<!-- Preload critical resources -->
|
| 311 |
+
<link rel="preload" href="style.css" as="style">
|
| 312 |
+
<link rel="preload" href="assets/fonts/main.woff2" as="font" type="font/woff2" crossorigin>
|
| 313 |
+
```
|
| 314 |
+
|
| 315 |
+
### Lazy Loading Implementation
|
| 316 |
+
```html
|
| 317 |
+
<!-- For images -->
|
| 318 |
+
<img src="image.jpg" alt="Description" loading="lazy">
|
| 319 |
+
|
| 320 |
+
<!-- For iframes -->
|
| 321 |
+
<iframe src="video.html" loading="lazy"></iframe>
|
| 322 |
+
```
|
| 323 |
+
|
| 324 |
+
---
|
| 325 |
+
|
| 326 |
+
## 📊 SEO Monitoring & Analytics
|
| 327 |
+
|
| 328 |
+
### Essential Tools to Track:
|
| 329 |
+
|
| 330 |
+
1. **Google Search Console**
|
| 331 |
+
- Search performance
|
| 332 |
+
- Index coverage
|
| 333 |
+
- Core Web Vitals
|
| 334 |
+
|
| 335 |
+
2. **Google Analytics 4**
|
| 336 |
+
```html
|
| 337 |
+
<!-- Add to <head> -->
|
| 338 |
+
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
|
| 339 |
+
<script>
|
| 340 |
+
window.dataLayer = window.dataLayer || [];
|
| 341 |
+
function gtag(){dataLayer.push(arguments);}
|
| 342 |
+
gtag('js', new Date());
|
| 343 |
+
gtag('config', 'GA_MEASUREMENT_ID');
|
| 344 |
+
</script>
|
| 345 |
+
```
|
| 346 |
+
|
| 347 |
+
3. **PageSpeed Insights**
|
| 348 |
+
- Monitor Core Web Vitals
|
| 349 |
+
- Track performance scores
|
| 350 |
+
|
| 351 |
+
### Key Metrics to Monitor:
|
| 352 |
+
- **Organic traffic growth**
|
| 353 |
+
- **Keyword ranking positions**
|
| 354 |
+
- **Click-through rates (CTR)**
|
| 355 |
+
- **Page load speed**
|
| 356 |
+
- **Mobile usability**
|
| 357 |
+
|
| 358 |
+
---
|
| 359 |
+
|
| 360 |
+
## 🎯 Advanced SEO Strategies
|
| 361 |
+
|
| 362 |
+
### Content Marketing for Developers
|
| 363 |
+
|
| 364 |
+
1. **Create a Blog Section**
|
| 365 |
+
```bash
|
| 366 |
+
# Add blog/ directory
|
| 367 |
+
├── blog/
|
| 368 |
+
│ ├── index.html
|
| 369 |
+
│ ├── ai-trends-2025.html
|
| 370 |
+
│ ├── machine-learning-guide.html
|
| 371 |
+
│ └── python-tips.html
|
| 372 |
+
```
|
| 373 |
+
|
| 374 |
+
2. **Target Long-tail Keywords**
|
| 375 |
+
- "How to build AI models with TensorFlow"
|
| 376 |
+
- "Best practices for machine learning deployment"
|
| 377 |
+
- "Python vs R for data science"
|
| 378 |
+
|
| 379 |
+
3. **Create Tutorial Content**
|
| 380 |
+
- Step-by-step AI project guides
|
| 381 |
+
- Code snippets with explanations
|
| 382 |
+
- Video tutorials (embedded from YouTube)
|
| 383 |
+
|
| 384 |
+
### Local SEO for Freelancers
|
| 385 |
+
|
| 386 |
+
```html
|
| 387 |
+
<!-- Add local business schema -->
|
| 388 |
+
<script type="application/ld+json">
|
| 389 |
+
{
|
| 390 |
+
"@context": "https://schema.org",
|
| 391 |
+
"@type": "ProfessionalService",
|
| 392 |
+
"name": "Your Name - AI/ML Development Services",
|
| 393 |
+
"address": {
|
| 394 |
+
"@type": "PostalAddress",
|
| 395 |
+
"addressLocality": "Your City",
|
| 396 |
+
"addressRegion": "Your State",
|
| 397 |
+
"addressCountry": "IN"
|
| 398 |
+
},
|
| 399 |
+
"geo": {
|
| 400 |
+
"@type": "GeoCoordinates",
|
| 401 |
+
"latitude": "YOUR_LATITUDE",
|
| 402 |
+
"longitude": "YOUR_LONGITUDE"
|
| 403 |
+
},
|
| 404 |
+
"priceRange": "$$",
|
| 405 |
+
"telephone": "+91-XXXXXXXXXX"
|
| 406 |
+
}
|
| 407 |
+
</script>
|
| 408 |
+
```
|
| 409 |
+
|
| 410 |
+
---
|
| 411 |
+
|
| 412 |
+
## 🔧 GitHub Actions for SEO Automation
|
| 413 |
+
|
| 414 |
+
### Auto-sitemap Generation
|
| 415 |
+
|
| 416 |
+
Create `.github/workflows/sitemap.yml`:
|
| 417 |
+
|
| 418 |
+
```yaml
|
| 419 |
+
name: Generate Sitemap
|
| 420 |
+
|
| 421 |
+
on:
|
| 422 |
+
push:
|
| 423 |
+
branches: [ main ]
|
| 424 |
+
|
| 425 |
+
jobs:
|
| 426 |
+
sitemap_job:
|
| 427 |
+
runs-on: ubuntu-latest
|
| 428 |
+
name: Generate a sitemap
|
| 429 |
+
|
| 430 |
+
steps:
|
| 431 |
+
- name: Checkout the repo
|
| 432 |
+
uses: actions/checkout@v2
|
| 433 |
+
with:
|
| 434 |
+
fetch-depth: 0
|
| 435 |
+
|
| 436 |
+
- name: Generate the sitemap
|
| 437 |
+
id: sitemap
|
| 438 |
+
uses: cicirello/generate-sitemap@v1
|
| 439 |
+
with:
|
| 440 |
+
base-url-path: https://yourusername.github.io/
|
| 441 |
+
|
| 442 |
+
- name: Commit and push sitemap
|
| 443 |
+
run: |
|
| 444 |
+
git config --local user.email "action@github.com"
|
| 445 |
+
git config --local user.name "GitHub Action"
|
| 446 |
+
git add sitemap.xml
|
| 447 |
+
git commit -m "Auto-update sitemap" || exit 0
|
| 448 |
+
git push
|
| 449 |
+
```
|
| 450 |
+
|
| 451 |
+
---
|
| 452 |
+
|
| 453 |
+
## 📈 Measuring SEO Success
|
| 454 |
+
|
| 455 |
+
### KPIs to Track Monthly:
|
| 456 |
+
|
| 457 |
+
| Metric | Target | Tool |
|
| 458 |
+
|--------|--------|------|
|
| 459 |
+
| Organic Traffic | +20% MoM | Google Analytics |
|
| 460 |
+
| Keyword Rankings | Top 10 for primary keywords | Search Console |
|
| 461 |
+
| Page Load Speed | < 3 seconds | PageSpeed Insights |
|
| 462 |
+
| Core Web Vitals | All green | Search Console |
|
| 463 |
+
| Backlinks | +5 quality links/month | Ahrefs/SEMrush |
|
| 464 |
+
|
| 465 |
+
### Reporting Template:
|
| 466 |
+
|
| 467 |
+
```markdown
|
| 468 |
+
## Monthly SEO Report - [Month Year]
|
| 469 |
+
|
| 470 |
+
### Traffic Overview
|
| 471 |
+
- Organic Sessions: [Number] (+/-% vs last month)
|
| 472 |
+
- New Users: [Number] (+/-% vs last month)
|
| 473 |
+
- Average Session Duration: [Time]
|
| 474 |
+
|
| 475 |
+
### Keyword Performance
|
| 476 |
+
- Top Performing Keywords:
|
| 477 |
+
1. [Keyword] - Position [X] - [Clicks] clicks
|
| 478 |
+
2. [Keyword] - Position [X] - [Clicks] clicks
|
| 479 |
+
|
| 480 |
+
### Technical SEO
|
| 481 |
+
- Page Speed Score: [Score]/100
|
| 482 |
+
- Core Web Vitals: [Pass/Fail]
|
| 483 |
+
- Index Coverage: [X] pages indexed
|
| 484 |
+
|
| 485 |
+
### Action Items for Next Month
|
| 486 |
+
- [ ] Optimize page speed
|
| 487 |
+
- [ ] Create new content for [keyword]
|
| 488 |
+
- [ ] Fix any indexing issues
|
| 489 |
+
```
|
| 490 |
+
|
| 491 |
+
---
|
| 492 |
+
|
| 493 |
+
## 📄 License
|
| 494 |
+
|
| 495 |
+
This project is open source and available under the [MIT License](LICENSE).
|
| 496 |
+
|
| 497 |
+
---
|
| 498 |
+
|
| 499 |
+
## 🤝 Contributing
|
| 500 |
+
|
| 501 |
+
If you find this guide helpful and want to contribute:
|
| 502 |
+
|
| 503 |
+
1. Fork the repository
|
| 504 |
+
2. Create a feature branch
|
| 505 |
+
3. Make your improvements
|
| 506 |
+
4. Submit a pull request
|
| 507 |
+
|
| 508 |
+
### Contributors Welcome For:
|
| 509 |
+
- SEO strategy improvements
|
| 510 |
+
- Performance optimizations
|
| 511 |
+
- Accessibility enhancements
|
| 512 |
+
- Code quality improvements
|
| 513 |
+
|
| 514 |
+
---
|
| 515 |
+
|
| 516 |
+
### 📌 Created & Maintained by [Lovnish Verma](https://lovnishverma.github.io)
|
| 517 |
+
|
| 518 |
+
**Connect with me:**
|
| 519 |
+
- 💼 [LinkedIn](https://www.linkedin.com/in/lovnishverma/)
|
| 520 |
+
- 🐙 [GitHub](https://github.com/LovnishVerma)
|
| 521 |
+
- 🐦 [Twitter](https://www.x.com/lovnishofficial/)
|
| 522 |
+
- 📧 [Email](mailto:princelv84@gmail.com)
|
| 523 |
+
|
| 524 |
+
---
|
| 525 |
+
|
| 526 |
+
### ✅ Advanced SEO Checklist
|
| 527 |
+
|
| 528 |
+
#### Technical SEO
|
| 529 |
+
- [x] HTTPS enabled (GitHub Pages default)
|
| 530 |
+
- [x] Mobile-responsive design
|
| 531 |
+
- [x] Fast loading speed (< 3 seconds)
|
| 532 |
+
- [x] Proper URL structure
|
| 533 |
+
- [x] XML sitemap submitted
|
| 534 |
+
- [x] Robots.txt configured
|
| 535 |
+
- [x] Canonical URLs set
|
| 536 |
+
- [x] Schema markup implemented
|
| 537 |
+
|
| 538 |
+
#### On-Page SEO
|
| 539 |
+
- [x] Optimized title tags
|
| 540 |
+
- [x] Meta descriptions
|
| 541 |
+
- [x] Header tag hierarchy (H1, H2, H3)
|
| 542 |
+
- [x] Alt text for images
|
| 543 |
+
- [x] Internal linking strategy
|
| 544 |
+
- [x] Keyword optimization
|
| 545 |
+
- [x] Content quality and length
|
| 546 |
+
|
| 547 |
+
#### Off-Page SEO
|
| 548 |
+
- [ ] Social media integration
|
| 549 |
+
- [ ] Guest posting opportunities
|
| 550 |
+
- [ ] Directory submissions
|
| 551 |
+
- [ ] Community participation (GitHub, Stack Overflow)
|
| 552 |
+
- [ ] Professional networking (LinkedIn)
|
| 553 |
+
|
| 554 |
+
#### Local SEO (for Freelancers)
|
| 555 |
+
- [x] Google My Business profile
|
| 556 |
+
- [x] Local keyword targeting
|
| 557 |
+
- [x] Location pages
|
| 558 |
+
- [x] Local schema markup
|
| 559 |
+
- [x] Citations and directories
|
| 560 |
+
|
| 561 |
+
### 🎓 Pro Tips for Developer Portfolios
|
| 562 |
+
|
| 563 |
+
1. **Showcase Live Projects**: Always include working demos
|
| 564 |
+
2. **Use Technical Keywords**: Include programming languages and frameworks
|
| 565 |
+
3. **Create Case Studies**: Explain your problem-solving process
|
| 566 |
+
4. **Include Testimonials**: Social proof builds trust
|
| 567 |
+
5. **Regular Updates**: Keep your portfolio current with new projects
|
| 568 |
+
6. **Performance First**: Fast-loading sites rank better
|
| 569 |
+
7. **Mobile Optimization**: Most traffic comes from mobile devices
|
| 570 |
+
8. **Analytics Tracking**: Monitor what works and what doesn't
|
| 571 |
+
|
| 572 |
+
Remember: SEO is a long-term strategy. Be patient and consistent with your efforts!
|
README1.md
CHANGED
|
@@ -1,10 +1,10 @@
|
|
| 1 |
-
---
|
| 2 |
-
title: Portfolio
|
| 3 |
-
emoji: 🌖
|
| 4 |
-
colorFrom: purple
|
| 5 |
-
colorTo: blue
|
| 6 |
-
sdk: static
|
| 7 |
-
pinned: false
|
| 8 |
-
---
|
| 9 |
-
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
+
---
|
| 2 |
+
title: Portfolio
|
| 3 |
+
emoji: 🌖
|
| 4 |
+
colorFrom: purple
|
| 5 |
+
colorTo: blue
|
| 6 |
+
sdk: static
|
| 7 |
+
pinned: false
|
| 8 |
+
---
|
| 9 |
+
|
| 10 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
assets/SVGIcons/Firebase-Dark.svg
ADDED
|
assets/SVGIcons/Github-Dark.svg
ADDED
|
assets/SVGIcons/MySQL-Dark.svg
ADDED
|
assets/SVGIcons/PostgreSQL-Dark.svg
ADDED
|
assets/SVGIcons/adobe-illustrator.svg
ADDED
|
assets/SVGIcons/adobe-photoshop.svg
ADDED
|
assets/SVGIcons/adobe-premiere-pro.svg
ADDED
|
assets/SVGIcons/css3.svg
ADDED
|
assets/SVGIcons/dart.svg
ADDED
|
assets/SVGIcons/django.svg
ADDED
|
assets/SVGIcons/figma.svg
ADDED
|
assets/SVGIcons/flutter.svg
ADDED
|
assets/SVGIcons/html-5.svg
ADDED
|
assets/SVGIcons/javascript.svg
ADDED
|
assets/SVGIcons/python.svg
ADDED
|
assets/client-profile.png
ADDED
|
Git LFS Details
|
assets/css.png
ADDED
|
Git LFS Details
|
assets/dart.png
ADDED
|
Git LFS Details
|
assets/django.png
ADDED
|
Git LFS Details
|
assets/email-background.jpg
ADDED
|
Git LFS Details
|
assets/email-background.png
ADDED
|
Git LFS Details
|
assets/favicon/lovnishfavicon.png
ADDED
|
Git LFS Details
|
assets/figma.png
ADDED
|
Git LFS Details
|
assets/flutter.png
ADDED
|
Git LFS Details
|
assets/html.png
ADDED
|
Git LFS Details
|
assets/illustrator.png
ADDED
|
Git LFS Details
|
assets/javascript.png
ADDED
|
Git LFS Details
|
assets/lovnish_verma.png
ADDED
|
Git LFS Details
|
assets/photoshop.png
ADDED
|
Git LFS Details
|
assets/premiere_pro.png
ADDED
|
Git LFS Details
|
assets/projectsimg/books.png
ADDED
|
Git LFS Details
|
assets/projectsimg/braintumor.png
ADDED
|
Git LFS Details
|
assets/projectsimg/diabetes.png
ADDED
|
Git LFS Details
|
assets/projectsimg/location.png
ADDED
|
Git LFS Details
|
assets/python.png
ADDED
|
Git LFS Details
|
assets/testimonials/anita_budhiraja.png
ADDED
|
Git LFS Details
|
assets/testimonials/arti_mehta.png
ADDED
|
Git LFS Details
|
assets/testimonials/sarwan_singh.png
ADDED
|
Git LFS Details
|
index.html
ADDED
|
@@ -0,0 +1,1903 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
+
<meta name="google-site-verification" content="6LXGQp1AM1BbZAD8hGIdRZosN6dBokITCRz1VKWKwus" />
|
| 8 |
+
<link rel="sitemap" type="application/xml" title="Sitemap" href="/sitemap.xml" />
|
| 9 |
+
|
| 10 |
+
<!-- SEO Meta Tags -->
|
| 11 |
+
<title>Lovnish Verma - AI/ML Developer & Data Scientist | Portfolio 2025</title>
|
| 12 |
+
<meta name="description" content="Lovnish Verma - Expert AI/ML Developer & Data Scientist from Chandigarh, India. Specializing in machine learning, deep learning, predictive modeling, and intelligent systems. 3+ years experience, 100+ projects completed. Hire for AI solutions, web development, and data analysis." />
|
| 13 |
+
<meta name="keywords" content="Lovnish Verma, AI developer Chandigarh, machine learning engineer India, data scientist portfolio, TensorFlow expert, Python developer, Django developer, brain tumor detection AI, diabetes prediction model, freelance AI developer, hire data scientist India" />
|
| 14 |
+
<meta name="author" content="Lovnish Verma" />
|
| 15 |
+
<meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
|
| 16 |
+
<link rel="canonical" href="https://lovnishverma.github.io/" />
|
| 17 |
+
|
| 18 |
+
<!-- Open Graph Tags -->
|
| 19 |
+
<meta property="og:title" content="Lovnish Verma - AI/ML Developer & Data Scientist | Portfolio 2025" />
|
| 20 |
+
<meta property="og:description" content="Expert AI/ML Developer from Chandigarh with 3+ years experience. Specializing in intelligent systems, predictive modeling, and data-driven solutions. 100+ projects completed." />
|
| 21 |
+
<meta property="og:type" content="website" />
|
| 22 |
+
<meta property="og:url" content="https://lovnishverma.github.io/" />
|
| 23 |
+
<meta property="og:image" content="https://lovnishverma.github.io/assets/favicon/lovnishfavicon.png" />
|
| 24 |
+
<meta property="og:image:alt" content="Lovnish Verma - AI/ML Developer Portfolio" />
|
| 25 |
+
<meta property="og:site_name" content="Lovnish Verma Portfolio" />
|
| 26 |
+
<meta property="og:locale" content="en_US" />
|
| 27 |
+
|
| 28 |
+
<!-- Twitter Card Tags -->
|
| 29 |
+
<meta name="twitter:card" content="summary_large_image" />
|
| 30 |
+
<meta name="twitter:title" content="Lovnish Verma - AI/ML Developer & Data Scientist" />
|
| 31 |
+
<meta name="twitter:description" content="Expert AI/ML Developer from Chandigarh with 3+ years experience in intelligent systems and data science." />
|
| 32 |
+
<meta name="twitter:image" content="https://lovnishverma.github.io/assets/favicon/lovnishfavicon.png" />
|
| 33 |
+
<meta name="twitter:creator" content="@lovnishofficial" />
|
| 34 |
+
|
| 35 |
+
<!-- Additional SEO Tags -->
|
| 36 |
+
<meta name="geo.region" content="IN-CH" />
|
| 37 |
+
<meta name="geo.placename" content="Chandigarh" />
|
| 38 |
+
<meta name="geo.position" content="30.7333;76.7794" />
|
| 39 |
+
<meta name="ICBM" content="30.7333, 76.7794" />
|
| 40 |
+
|
| 41 |
+
<!-- Schema.org JSON-LD Structured Data -->
|
| 42 |
+
<script type="application/ld+json">
|
| 43 |
+
{
|
| 44 |
+
"@context": "https://schema.org",
|
| 45 |
+
"@type": "Person",
|
| 46 |
+
"name": "Lovnish Verma",
|
| 47 |
+
"jobTitle": "AI/ML Developer & Data Scientist",
|
| 48 |
+
"description": "Expert AI/ML Developer and Data Scientist specializing in intelligent systems, machine learning, and predictive modeling",
|
| 49 |
+
"url": "https://lovnishverma.github.io/",
|
| 50 |
+
"image": "https://lovnishverma.github.io/assets/favicon/lovnishfavicon.png",
|
| 51 |
+
"email": "princelv84@gmail.com",
|
| 52 |
+
"telephone": "+91-8894869371",
|
| 53 |
+
"address": {
|
| 54 |
+
"@type": "PostalAddress",
|
| 55 |
+
"addressLocality": "Chandigarh",
|
| 56 |
+
"addressCountry": "India"
|
| 57 |
+
},
|
| 58 |
+
"sameAs": [
|
| 59 |
+
"https://www.linkedin.com/in/lovnishverma/",
|
| 60 |
+
"https://github.com/LovnishVerma",
|
| 61 |
+
"https://www.instagram.com/lovnishofficial/",
|
| 62 |
+
"https://www.x.com/lovnishofficial/",
|
| 63 |
+
"https://www.facebook.com/lovnishofficial/"
|
| 64 |
+
],
|
| 65 |
+
"knowsAbout": [
|
| 66 |
+
"Artificial Intelligence",
|
| 67 |
+
"Machine Learning",
|
| 68 |
+
"Deep Learning",
|
| 69 |
+
"Data Science",
|
| 70 |
+
"Python Programming",
|
| 71 |
+
"TensorFlow",
|
| 72 |
+
"Django",
|
| 73 |
+
"Web Development",
|
| 74 |
+
"Predictive Modeling"
|
| 75 |
+
],
|
| 76 |
+
"alumniOf": {
|
| 77 |
+
"@type": "Organization",
|
| 78 |
+
"name": "NIELIT Chandigarh"
|
| 79 |
+
}
|
| 80 |
+
}
|
| 81 |
+
</script>
|
| 82 |
+
|
| 83 |
+
<link rel="shortcut icon" type="image/x-icon" href="assets/favicon/lovnishfavicon.png" />
|
| 84 |
+
<link rel="apple-touch-icon" href="assets/favicon/lovnishfavicon.png" />
|
| 85 |
+
|
| 86 |
+
<script src="https://kit.fontawesome.com/e674bba739.js" crossorigin="anonymous"></script>
|
| 87 |
+
|
| 88 |
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
|
| 89 |
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
|
| 90 |
+
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"></script>
|
| 91 |
+
|
| 92 |
+
<style>
|
| 93 |
+
/* CSS with mobile-friendly testimonials and AMP optimizations */
|
| 94 |
+
* {
|
| 95 |
+
margin: 0;
|
| 96 |
+
padding: 0;
|
| 97 |
+
box-sizing: border-box;
|
| 98 |
+
}
|
| 99 |
+
|
| 100 |
+
body {
|
| 101 |
+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
|
| 102 |
+
line-height: 1.6;
|
| 103 |
+
color: #333;
|
| 104 |
+
background-color: #0a0a0a;
|
| 105 |
+
color: white;
|
| 106 |
+
}
|
| 107 |
+
|
| 108 |
+
/* Header Styles */
|
| 109 |
+
#header {
|
| 110 |
+
display: flex;
|
| 111 |
+
justify-content: space-between;
|
| 112 |
+
align-items: center;
|
| 113 |
+
padding: 1rem 2rem;
|
| 114 |
+
background: rgba(0, 0, 0, 0.9);
|
| 115 |
+
backdrop-filter: blur(10px);
|
| 116 |
+
position: fixed;
|
| 117 |
+
top: 0;
|
| 118 |
+
width: 100%;
|
| 119 |
+
z-index: 1000;
|
| 120 |
+
}
|
| 121 |
+
|
| 122 |
+
.navbar-title {
|
| 123 |
+
display: flex;
|
| 124 |
+
gap: 0.5rem;
|
| 125 |
+
}
|
| 126 |
+
|
| 127 |
+
.title-first-name, .title-last-name {
|
| 128 |
+
font-size: 1.5rem;
|
| 129 |
+
font-weight: bold;
|
| 130 |
+
}
|
| 131 |
+
|
| 132 |
+
.title-first-name {
|
| 133 |
+
color: #00ff88;
|
| 134 |
+
}
|
| 135 |
+
|
| 136 |
+
.navbar-menu {
|
| 137 |
+
display: flex;
|
| 138 |
+
list-style: none;
|
| 139 |
+
gap: 2rem;
|
| 140 |
+
}
|
| 141 |
+
|
| 142 |
+
.navbar-menu a {
|
| 143 |
+
color: white;
|
| 144 |
+
text-decoration: none;
|
| 145 |
+
transition: color 0.3s ease;
|
| 146 |
+
}
|
| 147 |
+
|
| 148 |
+
.navbar-menu a:hover {
|
| 149 |
+
color: #00ff88;
|
| 150 |
+
}
|
| 151 |
+
|
| 152 |
+
.social-media {
|
| 153 |
+
display: flex;
|
| 154 |
+
list-style: none;
|
| 155 |
+
gap: 1rem;
|
| 156 |
+
}
|
| 157 |
+
|
| 158 |
+
.social-media a {
|
| 159 |
+
color: white;
|
| 160 |
+
text-decoration: none;
|
| 161 |
+
display: flex;
|
| 162 |
+
align-items: center;
|
| 163 |
+
gap: 0.5rem;
|
| 164 |
+
transition: color 0.3s ease;
|
| 165 |
+
}
|
| 166 |
+
|
| 167 |
+
.social-media a:hover {
|
| 168 |
+
color: #00ff88;
|
| 169 |
+
}
|
| 170 |
+
|
| 171 |
+
/* Main Content */
|
| 172 |
+
#content-body {
|
| 173 |
+
margin-top: 80px;
|
| 174 |
+
padding: 2rem;
|
| 175 |
+
display: flex;
|
| 176 |
+
min-height: 100vh;
|
| 177 |
+
align-items: center;
|
| 178 |
+
gap: 2rem;
|
| 179 |
+
}
|
| 180 |
+
|
| 181 |
+
.body-part-1 {
|
| 182 |
+
flex: 1;
|
| 183 |
+
z-index: 2;
|
| 184 |
+
}
|
| 185 |
+
|
| 186 |
+
.developer-intro p {
|
| 187 |
+
font-size: 1.2rem;
|
| 188 |
+
color: #00ff88;
|
| 189 |
+
margin-bottom: 0.5rem;
|
| 190 |
+
}
|
| 191 |
+
|
| 192 |
+
.body-title h2 {
|
| 193 |
+
font-size: 3rem;
|
| 194 |
+
margin-bottom: 1rem;
|
| 195 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 196 |
+
-webkit-background-clip: text;
|
| 197 |
+
-webkit-text-fill-color: transparent;
|
| 198 |
+
background-clip: text;
|
| 199 |
+
}
|
| 200 |
+
|
| 201 |
+
.body-title p {
|
| 202 |
+
font-size: 1.1rem;
|
| 203 |
+
margin-bottom: 2rem;
|
| 204 |
+
color: #ccc;
|
| 205 |
+
line-height: 1.8;
|
| 206 |
+
}
|
| 207 |
+
|
| 208 |
+
.body-title a {
|
| 209 |
+
display: inline-block;
|
| 210 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 211 |
+
color: black;
|
| 212 |
+
padding: 1rem 2rem;
|
| 213 |
+
text-decoration: none;
|
| 214 |
+
border-radius: 50px;
|
| 215 |
+
font-weight: bold;
|
| 216 |
+
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
| 217 |
+
cursor: pointer;
|
| 218 |
+
}
|
| 219 |
+
|
| 220 |
+
.body-title a:hover {
|
| 221 |
+
transform: translateY(-2px);
|
| 222 |
+
box-shadow: 0 10px 20px rgba(0, 255, 136, 0.3);
|
| 223 |
+
}
|
| 224 |
+
|
| 225 |
+
/* Let's Chat Button */
|
| 226 |
+
.chat-button {
|
| 227 |
+
display: inline-block;
|
| 228 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 229 |
+
color: black;
|
| 230 |
+
padding: 1rem 2rem;
|
| 231 |
+
text-decoration: none;
|
| 232 |
+
border-radius: 50px;
|
| 233 |
+
font-weight: bold;
|
| 234 |
+
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
| 235 |
+
cursor: pointer;
|
| 236 |
+
border: none;
|
| 237 |
+
font-size: 1rem;
|
| 238 |
+
}
|
| 239 |
+
|
| 240 |
+
.chat-button:hover {
|
| 241 |
+
transform: translateY(-2px);
|
| 242 |
+
box-shadow: 0 10px 20px rgba(0, 255, 136, 0.3);
|
| 243 |
+
}
|
| 244 |
+
|
| 245 |
+
.body-tail {
|
| 246 |
+
display: flex;
|
| 247 |
+
gap: 3rem;
|
| 248 |
+
margin-top: 3rem;
|
| 249 |
+
}
|
| 250 |
+
|
| 251 |
+
.stat-item h3 {
|
| 252 |
+
font-size: 2.5rem;
|
| 253 |
+
margin-bottom: 0.5rem;
|
| 254 |
+
}
|
| 255 |
+
|
| 256 |
+
.stat-item p {
|
| 257 |
+
font-size: 0.9rem;
|
| 258 |
+
color: #ccc;
|
| 259 |
+
}
|
| 260 |
+
|
| 261 |
+
/* Skills Animation */
|
| 262 |
+
.body-part-2 {
|
| 263 |
+
flex: 1;
|
| 264 |
+
position: relative;
|
| 265 |
+
display: flex;
|
| 266 |
+
justify-content: center;
|
| 267 |
+
align-items: center;
|
| 268 |
+
}
|
| 269 |
+
|
| 270 |
+
.hoodie-guy-animation-class {
|
| 271 |
+
position: relative;
|
| 272 |
+
width: 400px;
|
| 273 |
+
height: 400px;
|
| 274 |
+
}
|
| 275 |
+
|
| 276 |
+
.hoodie-guy {
|
| 277 |
+
position: absolute;
|
| 278 |
+
top: 50%;
|
| 279 |
+
left: 50%;
|
| 280 |
+
transform: translate(-50%, -50%);
|
| 281 |
+
width: 150px;
|
| 282 |
+
height: 150px;
|
| 283 |
+
border-radius: 50%;
|
| 284 |
+
z-index: 2;
|
| 285 |
+
background-image: url('assets/lovnish_verma.png');
|
| 286 |
+
background-size: cover;
|
| 287 |
+
background-position: center;
|
| 288 |
+
background-repeat: no-repeat;
|
| 289 |
+
border: 3px solid #00ff88;
|
| 290 |
+
box-shadow: 0 0 20px rgba(0, 255, 136, 0.3);
|
| 291 |
+
}
|
| 292 |
+
|
| 293 |
+
.circle {
|
| 294 |
+
position: absolute;
|
| 295 |
+
top: 50%;
|
| 296 |
+
left: 50%;
|
| 297 |
+
transform: translate(-50%, -50%);
|
| 298 |
+
width: 100%;
|
| 299 |
+
height: 100%;
|
| 300 |
+
border-radius: 50%;
|
| 301 |
+
animation: rotate 20s linear infinite;
|
| 302 |
+
}
|
| 303 |
+
|
| 304 |
+
.circle span {
|
| 305 |
+
position: absolute;
|
| 306 |
+
top: 50%;
|
| 307 |
+
left: 50%;
|
| 308 |
+
transform: translate(-50%, -50%) rotate(calc(var(--i) * 24deg)) translateY(-180px);
|
| 309 |
+
}
|
| 310 |
+
|
| 311 |
+
.circle span img {
|
| 312 |
+
border-radius: 10px;
|
| 313 |
+
padding: 10px;
|
| 314 |
+
background: rgba(255, 255, 255, 0.1);
|
| 315 |
+
backdrop-filter: blur(10px);
|
| 316 |
+
transition: transform 0.3s ease;
|
| 317 |
+
}
|
| 318 |
+
|
| 319 |
+
.circle span img:hover {
|
| 320 |
+
transform: scale(1.2);
|
| 321 |
+
}
|
| 322 |
+
|
| 323 |
+
@keyframes rotate {
|
| 324 |
+
0% { transform: translate(-50%, -50%) rotate(0deg); }
|
| 325 |
+
100% { transform: translate(-50%, -50%) rotate(360deg); }
|
| 326 |
+
}
|
| 327 |
+
|
| 328 |
+
/* Services Section */
|
| 329 |
+
#introduction {
|
| 330 |
+
padding: 4rem 2rem;
|
| 331 |
+
background: #111;
|
| 332 |
+
}
|
| 333 |
+
|
| 334 |
+
.cards {
|
| 335 |
+
display: grid;
|
| 336 |
+
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
| 337 |
+
gap: 2rem;
|
| 338 |
+
margin-bottom: 4rem;
|
| 339 |
+
}
|
| 340 |
+
|
| 341 |
+
.design-card {
|
| 342 |
+
background: rgba(255, 255, 255, 0.05);
|
| 343 |
+
padding: 2rem;
|
| 344 |
+
border-radius: 20px;
|
| 345 |
+
backdrop-filter: blur(10px);
|
| 346 |
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
| 347 |
+
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
| 348 |
+
cursor: pointer;
|
| 349 |
+
}
|
| 350 |
+
|
| 351 |
+
.design-card:hover, .design-card.active {
|
| 352 |
+
transform: translateY(-10px);
|
| 353 |
+
box-shadow: 0 20px 40px rgba(0, 255, 136, 0.2);
|
| 354 |
+
border-color: #00ff88;
|
| 355 |
+
}
|
| 356 |
+
|
| 357 |
+
.design-card div {
|
| 358 |
+
display: flex;
|
| 359 |
+
justify-content: space-between;
|
| 360 |
+
align-items: center;
|
| 361 |
+
margin-bottom: 1rem;
|
| 362 |
+
}
|
| 363 |
+
|
| 364 |
+
.design-card h3 {
|
| 365 |
+
color: #00ff88;
|
| 366 |
+
font-size: 1.3rem;
|
| 367 |
+
}
|
| 368 |
+
|
| 369 |
+
.design-card i {
|
| 370 |
+
font-size: 2rem;
|
| 371 |
+
color: #00ff88;
|
| 372 |
+
}
|
| 373 |
+
|
| 374 |
+
.design-card p {
|
| 375 |
+
color: #ccc;
|
| 376 |
+
margin-bottom: 1.5rem;
|
| 377 |
+
line-height: 1.6;
|
| 378 |
+
}
|
| 379 |
+
|
| 380 |
+
.design-card a {
|
| 381 |
+
color: #00ff88;
|
| 382 |
+
text-decoration: none;
|
| 383 |
+
font-weight: bold;
|
| 384 |
+
font-size: 0.9rem;
|
| 385 |
+
}
|
| 386 |
+
|
| 387 |
+
.introduction-text {
|
| 388 |
+
max-width: 600px;
|
| 389 |
+
margin: 0 auto;
|
| 390 |
+
text-align: center;
|
| 391 |
+
}
|
| 392 |
+
|
| 393 |
+
.introduction-text p:first-child {
|
| 394 |
+
color: #00ff88;
|
| 395 |
+
font-size: 1.1rem;
|
| 396 |
+
margin-bottom: 1rem;
|
| 397 |
+
}
|
| 398 |
+
|
| 399 |
+
.introduction-text h2 {
|
| 400 |
+
font-size: 2.5rem;
|
| 401 |
+
margin-bottom: 1rem;
|
| 402 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 403 |
+
-webkit-background-clip: text;
|
| 404 |
+
-webkit-text-fill-color: transparent;
|
| 405 |
+
background-clip: text;
|
| 406 |
+
}
|
| 407 |
+
|
| 408 |
+
.introduction-text h4 {
|
| 409 |
+
font-size: 1.2rem;
|
| 410 |
+
margin-bottom: 1.5rem;
|
| 411 |
+
}
|
| 412 |
+
|
| 413 |
+
.introduction-text p:last-child {
|
| 414 |
+
color: #ccc;
|
| 415 |
+
line-height: 1.8;
|
| 416 |
+
}
|
| 417 |
+
|
| 418 |
+
/* Portfolio Section */
|
| 419 |
+
#latest-works {
|
| 420 |
+
padding: 4rem 2rem;
|
| 421 |
+
background: #0a0a0a;
|
| 422 |
+
}
|
| 423 |
+
|
| 424 |
+
.latest-work-title {
|
| 425 |
+
text-align: center;
|
| 426 |
+
margin-bottom: 3rem;
|
| 427 |
+
}
|
| 428 |
+
|
| 429 |
+
.latest-work-title h2 {
|
| 430 |
+
font-size: 2.5rem;
|
| 431 |
+
margin-bottom: 1rem;
|
| 432 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 433 |
+
-webkit-background-clip: text;
|
| 434 |
+
-webkit-text-fill-color: transparent;
|
| 435 |
+
background-clip: text;
|
| 436 |
+
}
|
| 437 |
+
|
| 438 |
+
.latest-work-title p {
|
| 439 |
+
color: #ccc;
|
| 440 |
+
font-size: 1.1rem;
|
| 441 |
+
}
|
| 442 |
+
|
| 443 |
+
.project-card {
|
| 444 |
+
background: rgba(255, 255, 255, 0.05);
|
| 445 |
+
border-radius: 20px;
|
| 446 |
+
padding: 2rem;
|
| 447 |
+
margin-bottom: 2rem;
|
| 448 |
+
backdrop-filter: blur(10px);
|
| 449 |
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
| 450 |
+
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
| 451 |
+
}
|
| 452 |
+
|
| 453 |
+
.project-card:hover {
|
| 454 |
+
transform: translateY(-10px);
|
| 455 |
+
box-shadow: 0 20px 40px rgba(0, 255, 136, 0.2);
|
| 456 |
+
}
|
| 457 |
+
|
| 458 |
+
.project-card .title h3 {
|
| 459 |
+
font-size: 1.5rem;
|
| 460 |
+
margin-bottom: 1rem;
|
| 461 |
+
}
|
| 462 |
+
|
| 463 |
+
.project-card .title h3 a {
|
| 464 |
+
color: white;
|
| 465 |
+
text-decoration: none;
|
| 466 |
+
transition: color 0.3s ease;
|
| 467 |
+
}
|
| 468 |
+
|
| 469 |
+
.project-card .title h3 a:hover {
|
| 470 |
+
color: #00ff88;
|
| 471 |
+
}
|
| 472 |
+
|
| 473 |
+
.tech-stack {
|
| 474 |
+
margin-bottom: 1rem;
|
| 475 |
+
}
|
| 476 |
+
|
| 477 |
+
.tech-stack span {
|
| 478 |
+
color: #00ff88;
|
| 479 |
+
font-size: 0.9rem;
|
| 480 |
+
}
|
| 481 |
+
|
| 482 |
+
.project-card img {
|
| 483 |
+
width: 100%;
|
| 484 |
+
height: 200px;
|
| 485 |
+
object-fit: cover;
|
| 486 |
+
border-radius: 15px;
|
| 487 |
+
margin-top: 1rem;
|
| 488 |
+
}
|
| 489 |
+
|
| 490 |
+
.all-projects {
|
| 491 |
+
text-align: center;
|
| 492 |
+
margin-top: 3rem;
|
| 493 |
+
padding: 2rem;
|
| 494 |
+
background: rgba(255, 255, 255, 0.05);
|
| 495 |
+
border-radius: 20px;
|
| 496 |
+
backdrop-filter: blur(10px);
|
| 497 |
+
}
|
| 498 |
+
|
| 499 |
+
.all-projects a {
|
| 500 |
+
color: #00ff88;
|
| 501 |
+
text-decoration: none;
|
| 502 |
+
font-size: 1.2rem;
|
| 503 |
+
font-weight: bold;
|
| 504 |
+
}
|
| 505 |
+
|
| 506 |
+
.project-card-link {
|
| 507 |
+
text-decoration: none; /* remove underline */
|
| 508 |
+
color: inherit; /* keep text color */
|
| 509 |
+
display: block; /* make <a> behave like block */
|
| 510 |
+
}
|
| 511 |
+
|
| 512 |
+
.github-btn-container {
|
| 513 |
+
margin-top: 12px;
|
| 514 |
+
text-align: center;
|
| 515 |
+
}
|
| 516 |
+
|
| 517 |
+
.github-btn {
|
| 518 |
+
display: inline-flex;
|
| 519 |
+
align-items: center;
|
| 520 |
+
gap: 8px;
|
| 521 |
+
padding: 8px 16px;
|
| 522 |
+
font-size: 14px;
|
| 523 |
+
font-weight: 600;
|
| 524 |
+
text-decoration: none;
|
| 525 |
+
color: #fff;
|
| 526 |
+
background-color: #24292f;
|
| 527 |
+
border-radius: 20px;
|
| 528 |
+
transition: background-color 0.2s ease, transform 0.1s ease;
|
| 529 |
+
}
|
| 530 |
+
|
| 531 |
+
.github-btn:hover {
|
| 532 |
+
background-color: #333;
|
| 533 |
+
transform: translateY(-2px);
|
| 534 |
+
}
|
| 535 |
+
|
| 536 |
+
.github-btn:active {
|
| 537 |
+
transform: translateY(0);
|
| 538 |
+
}
|
| 539 |
+
|
| 540 |
+
.github-icon {
|
| 541 |
+
width: 20px;
|
| 542 |
+
height: 20px;
|
| 543 |
+
fill: currentColor;
|
| 544 |
+
}
|
| 545 |
+
|
| 546 |
+
.all-projects p {
|
| 547 |
+
color: #ccc;
|
| 548 |
+
margin-top: 1rem;
|
| 549 |
+
line-height: 1.6;
|
| 550 |
+
}
|
| 551 |
+
|
| 552 |
+
.all-projects p a {
|
| 553 |
+
color: #00ccff;
|
| 554 |
+
}
|
| 555 |
+
|
| 556 |
+
/* Mobile-Friendly Testimonials Section */
|
| 557 |
+
/* Mobile-Friendly Testimonials Section */
|
| 558 |
+
#testimonial {
|
| 559 |
+
padding: 4rem 2rem;
|
| 560 |
+
background: #111;
|
| 561 |
+
}
|
| 562 |
+
|
| 563 |
+
.testimonial-title {
|
| 564 |
+
text-align: center;
|
| 565 |
+
margin-bottom: 3rem;
|
| 566 |
+
}
|
| 567 |
+
|
| 568 |
+
.testimonial-title h2 {
|
| 569 |
+
font-size: 2.5rem;
|
| 570 |
+
margin-bottom: 1rem;
|
| 571 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 572 |
+
-webkit-background-clip: text;
|
| 573 |
+
-webkit-text-fill-color: transparent;
|
| 574 |
+
background-clip: text;
|
| 575 |
+
}
|
| 576 |
+
|
| 577 |
+
.testimonial-title p {
|
| 578 |
+
color: #ccc;
|
| 579 |
+
font-size: 1.1rem;
|
| 580 |
+
}
|
| 581 |
+
|
| 582 |
+
/* Testimonial Container */
|
| 583 |
+
.testimonial-container {
|
| 584 |
+
max-width: 1200px;
|
| 585 |
+
margin: 0 auto;
|
| 586 |
+
}
|
| 587 |
+
|
| 588 |
+
.testimonial-content {
|
| 589 |
+
display: flex;
|
| 590 |
+
gap: 2rem;
|
| 591 |
+
align-items: stretch;
|
| 592 |
+
}
|
| 593 |
+
|
| 594 |
+
.testimonial-cards {
|
| 595 |
+
flex: 2;
|
| 596 |
+
position: relative;
|
| 597 |
+
min-height: 300px;
|
| 598 |
+
overflow: hidden;
|
| 599 |
+
}
|
| 600 |
+
|
| 601 |
+
.testimonial-card {
|
| 602 |
+
background: rgba(255, 255, 255, 0.05);
|
| 603 |
+
padding: 2rem;
|
| 604 |
+
border-radius: 20px;
|
| 605 |
+
backdrop-filter: blur(10px);
|
| 606 |
+
border: 1px solid rgba(255, 255, 255, 0.1);
|
| 607 |
+
position: absolute;
|
| 608 |
+
top: 0;
|
| 609 |
+
left: 0;
|
| 610 |
+
right: 0;
|
| 611 |
+
opacity: 0;
|
| 612 |
+
transform: translateY(20px);
|
| 613 |
+
transition: all 0.5s ease;
|
| 614 |
+
width: 100%;
|
| 615 |
+
box-sizing: border-box;
|
| 616 |
+
}
|
| 617 |
+
|
| 618 |
+
.testimonial-card.active {
|
| 619 |
+
opacity: 1;
|
| 620 |
+
transform: translateY(0);
|
| 621 |
+
}
|
| 622 |
+
|
| 623 |
+
.star-rating {
|
| 624 |
+
display: flex;
|
| 625 |
+
align-items: center;
|
| 626 |
+
gap: 0.5rem;
|
| 627 |
+
margin-bottom: 1.5rem;
|
| 628 |
+
flex-wrap: wrap;
|
| 629 |
+
}
|
| 630 |
+
|
| 631 |
+
.star-rating i {
|
| 632 |
+
color: #ffd700;
|
| 633 |
+
font-size: 1.2rem;
|
| 634 |
+
}
|
| 635 |
+
|
| 636 |
+
.star-rating p {
|
| 637 |
+
color: #00ff88;
|
| 638 |
+
font-weight: bold;
|
| 639 |
+
margin-left: 1rem;
|
| 640 |
+
}
|
| 641 |
+
|
| 642 |
+
.testimonial-card h4 {
|
| 643 |
+
color: #ccc;
|
| 644 |
+
line-height: 1.8;
|
| 645 |
+
font-size: 1.1rem;
|
| 646 |
+
font-weight: normal;
|
| 647 |
+
margin-bottom: 1.5rem;
|
| 648 |
+
}
|
| 649 |
+
|
| 650 |
+
.testimonial-card .fa-quote-right {
|
| 651 |
+
color: #00ff88;
|
| 652 |
+
font-size: 2rem;
|
| 653 |
+
float: right;
|
| 654 |
+
}
|
| 655 |
+
|
| 656 |
+
.client-profiles {
|
| 657 |
+
flex: 1;
|
| 658 |
+
display: flex;
|
| 659 |
+
flex-direction: column;
|
| 660 |
+
gap: 1rem;
|
| 661 |
+
min-width: 0;
|
| 662 |
+
}
|
| 663 |
+
|
| 664 |
+
.single-profile-card {
|
| 665 |
+
display: flex;
|
| 666 |
+
align-items: center;
|
| 667 |
+
gap: 1rem;
|
| 668 |
+
padding: 1rem;
|
| 669 |
+
background: rgba(255, 255, 255, 0.03);
|
| 670 |
+
border-radius: 15px;
|
| 671 |
+
cursor: pointer;
|
| 672 |
+
transition: all 0.3s ease;
|
| 673 |
+
border: 2px solid transparent;
|
| 674 |
+
min-width: 0;
|
| 675 |
+
flex-shrink: 0;
|
| 676 |
+
}
|
| 677 |
+
|
| 678 |
+
.single-profile-card:hover,
|
| 679 |
+
.single-profile-card.active {
|
| 680 |
+
background: rgba(0, 255, 136, 0.1);
|
| 681 |
+
border-color: #00ff88;
|
| 682 |
+
transform: translateX(10px);
|
| 683 |
+
}
|
| 684 |
+
|
| 685 |
+
.single-profile-card img {
|
| 686 |
+
width: 60px;
|
| 687 |
+
height: 60px;
|
| 688 |
+
border-radius: 50%;
|
| 689 |
+
object-fit: cover;
|
| 690 |
+
flex-shrink: 0;
|
| 691 |
+
}
|
| 692 |
+
|
| 693 |
+
.single-profile-card .profile-info {
|
| 694 |
+
min-width: 0;
|
| 695 |
+
flex: 1;
|
| 696 |
+
}
|
| 697 |
+
|
| 698 |
+
.single-profile-card h4 {
|
| 699 |
+
color: white;
|
| 700 |
+
font-size: 1.1rem;
|
| 701 |
+
margin-bottom: 0.5rem;
|
| 702 |
+
white-space: nowrap;
|
| 703 |
+
overflow: hidden;
|
| 704 |
+
text-overflow: ellipsis;
|
| 705 |
+
}
|
| 706 |
+
|
| 707 |
+
.single-profile-card p {
|
| 708 |
+
color: #ccc;
|
| 709 |
+
font-size: 0.9rem;
|
| 710 |
+
line-height: 1.4;
|
| 711 |
+
}
|
| 712 |
+
|
| 713 |
+
.single-profile-card a {
|
| 714 |
+
color: #00ccff;
|
| 715 |
+
text-decoration: none;
|
| 716 |
+
}
|
| 717 |
+
|
| 718 |
+
.single-profile-card a:hover {
|
| 719 |
+
color: #00ff88;
|
| 720 |
+
}
|
| 721 |
+
|
| 722 |
+
/* Testimonial Navigation */
|
| 723 |
+
.testimonial-nav {
|
| 724 |
+
display: flex;
|
| 725 |
+
justify-content: center;
|
| 726 |
+
gap: 1rem;
|
| 727 |
+
margin-top: 2rem;
|
| 728 |
+
}
|
| 729 |
+
|
| 730 |
+
.nav-dot {
|
| 731 |
+
width: 12px;
|
| 732 |
+
height: 12px;
|
| 733 |
+
border-radius: 50%;
|
| 734 |
+
background: rgba(255, 255, 255, 0.3);
|
| 735 |
+
cursor: pointer;
|
| 736 |
+
transition: all 0.3s ease;
|
| 737 |
+
}
|
| 738 |
+
|
| 739 |
+
.nav-dot.active {
|
| 740 |
+
background: #00ff88;
|
| 741 |
+
transform: scale(1.2);
|
| 742 |
+
}
|
| 743 |
+
|
| 744 |
+
/* Footer */
|
| 745 |
+
#footer {
|
| 746 |
+
background: #0a0a0a;
|
| 747 |
+
padding: 4rem 2rem 2rem;
|
| 748 |
+
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
| 749 |
+
}
|
| 750 |
+
|
| 751 |
+
.footer-content {
|
| 752 |
+
display: grid;
|
| 753 |
+
grid-template-columns: 1fr 1fr;
|
| 754 |
+
gap: 4rem;
|
| 755 |
+
max-width: 1200px;
|
| 756 |
+
margin: 0 auto;
|
| 757 |
+
}
|
| 758 |
+
|
| 759 |
+
.footer-left h2 {
|
| 760 |
+
font-size: 2rem;
|
| 761 |
+
margin-bottom: 2rem;
|
| 762 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 763 |
+
-webkit-background-clip: text;
|
| 764 |
+
-webkit-text-fill-color: transparent;
|
| 765 |
+
background-clip: text;
|
| 766 |
+
}
|
| 767 |
+
|
| 768 |
+
.email-form h3 {
|
| 769 |
+
margin-bottom: 1.5rem;
|
| 770 |
+
color: white;
|
| 771 |
+
}
|
| 772 |
+
|
| 773 |
+
.email-form span {
|
| 774 |
+
color: #00ff88;
|
| 775 |
+
}
|
| 776 |
+
|
| 777 |
+
.email-form form {
|
| 778 |
+
display: flex;
|
| 779 |
+
flex-direction: column;
|
| 780 |
+
gap: 1rem;
|
| 781 |
+
}
|
| 782 |
+
|
| 783 |
+
.email-form input {
|
| 784 |
+
padding: 1rem;
|
| 785 |
+
border: 1px solid rgba(255, 255, 255, 0.2);
|
| 786 |
+
border-radius: 10px;
|
| 787 |
+
background: rgba(255, 255, 255, 0.05);
|
| 788 |
+
color: white;
|
| 789 |
+
font-size: 1rem;
|
| 790 |
+
}
|
| 791 |
+
|
| 792 |
+
.email-form input::placeholder {
|
| 793 |
+
color: #ccc;
|
| 794 |
+
}
|
| 795 |
+
|
| 796 |
+
.form-row {
|
| 797 |
+
display: flex;
|
| 798 |
+
gap: 1rem;
|
| 799 |
+
}
|
| 800 |
+
|
| 801 |
+
.form-row input {
|
| 802 |
+
flex: 1;
|
| 803 |
+
}
|
| 804 |
+
|
| 805 |
+
.form-row button {
|
| 806 |
+
padding: 1rem 2rem;
|
| 807 |
+
background: linear-gradient(45deg, #00ff88, #00ccff);
|
| 808 |
+
color: black;
|
| 809 |
+
border: none;
|
| 810 |
+
border-radius: 10px;
|
| 811 |
+
font-weight: bold;
|
| 812 |
+
cursor: pointer;
|
| 813 |
+
transition: transform 0.3s ease;
|
| 814 |
+
}
|
| 815 |
+
|
| 816 |
+
.form-row button:hover {
|
| 817 |
+
transform: scale(1.05);
|
| 818 |
+
}
|
| 819 |
+
|
| 820 |
+
.footer-title {
|
| 821 |
+
margin-top: 3rem;
|
| 822 |
+
}
|
| 823 |
+
|
| 824 |
+
.footer-title h3 {
|
| 825 |
+
font-size: 1.5rem;
|
| 826 |
+
margin-bottom: 1rem;
|
| 827 |
+
}
|
| 828 |
+
|
| 829 |
+
.footer-right {
|
| 830 |
+
display: flex;
|
| 831 |
+
flex-direction: column;
|
| 832 |
+
gap: 2rem;
|
| 833 |
+
}
|
| 834 |
+
|
| 835 |
+
.footer-email-intro p {
|
| 836 |
+
color: #00ff88;
|
| 837 |
+
font-size: 1.1rem;
|
| 838 |
+
margin-bottom: 1rem;
|
| 839 |
+
}
|
| 840 |
+
|
| 841 |
+
.footer-email-intro h4 {
|
| 842 |
+
color: white;
|
| 843 |
+
font-size: 1.3rem;
|
| 844 |
+
margin-bottom: 0.5rem;
|
| 845 |
+
}
|
| 846 |
+
|
| 847 |
+
.footer-email-intro a {
|
| 848 |
+
color: #00ccff;
|
| 849 |
+
text-decoration: none;
|
| 850 |
+
}
|
| 851 |
+
|
| 852 |
+
.footer-menu {
|
| 853 |
+
display: flex;
|
| 854 |
+
gap: 2rem;
|
| 855 |
+
list-style: none;
|
| 856 |
+
}
|
| 857 |
+
|
| 858 |
+
.footer-menu a {
|
| 859 |
+
color: white;
|
| 860 |
+
text-decoration: none;
|
| 861 |
+
transition: color 0.3s ease;
|
| 862 |
+
}
|
| 863 |
+
|
| 864 |
+
.footer-menu a:hover {
|
| 865 |
+
color: #00ff88;
|
| 866 |
+
}
|
| 867 |
+
|
| 868 |
+
.social-icons {
|
| 869 |
+
display: flex;
|
| 870 |
+
gap: 1rem;
|
| 871 |
+
}
|
| 872 |
+
|
| 873 |
+
.social-icons a {
|
| 874 |
+
display: flex;
|
| 875 |
+
align-items: center;
|
| 876 |
+
justify-content: center;
|
| 877 |
+
width: 40px;
|
| 878 |
+
height: 40px;
|
| 879 |
+
background: rgba(255, 255, 255, 0.1);
|
| 880 |
+
border-radius: 50%;
|
| 881 |
+
color: white;
|
| 882 |
+
text-decoration: none;
|
| 883 |
+
transition: all 0.3s ease;
|
| 884 |
+
}
|
| 885 |
+
|
| 886 |
+
.social-icons a:hover {
|
| 887 |
+
background: #00ff88;
|
| 888 |
+
color: black;
|
| 889 |
+
transform: translateY(-2px);
|
| 890 |
+
}
|
| 891 |
+
|
| 892 |
+
/* Mobile Responsiveness */
|
| 893 |
+
@media (max-width: 768px) {
|
| 894 |
+
#header {
|
| 895 |
+
flex-direction: column;
|
| 896 |
+
padding: 1rem;
|
| 897 |
+
position: relative;
|
| 898 |
+
}
|
| 899 |
+
|
| 900 |
+
.navbar-menu {
|
| 901 |
+
flex-direction: column;
|
| 902 |
+
gap: 1rem;
|
| 903 |
+
margin: 1rem 0;
|
| 904 |
+
}
|
| 905 |
+
|
| 906 |
+
.social-media {
|
| 907 |
+
flex-wrap: wrap;
|
| 908 |
+
justify-content: center;
|
| 909 |
+
}
|
| 910 |
+
|
| 911 |
+
#content-body {
|
| 912 |
+
flex-direction: column;
|
| 913 |
+
margin-top: 20px;
|
| 914 |
+
padding: 1rem;
|
| 915 |
+
text-align: center;
|
| 916 |
+
}
|
| 917 |
+
|
| 918 |
+
.body-title h2 {
|
| 919 |
+
font-size: 2rem;
|
| 920 |
+
}
|
| 921 |
+
|
| 922 |
+
.body-tail {
|
| 923 |
+
justify-content: center;
|
| 924 |
+
gap: 2rem;
|
| 925 |
+
}
|
| 926 |
+
|
| 927 |
+
.hoodie-guy-animation-class {
|
| 928 |
+
width: 300px;
|
| 929 |
+
height: 300px;
|
| 930 |
+
}
|
| 931 |
+
|
| 932 |
+
.circle span {
|
| 933 |
+
transform: translate(-50%, -50%) rotate(calc(var(--i) * 24deg)) translateY(-130px);
|
| 934 |
+
}
|
| 935 |
+
|
| 936 |
+
.circle span img {
|
| 937 |
+
height: 50px !important;
|
| 938 |
+
}
|
| 939 |
+
|
| 940 |
+
.cards {
|
| 941 |
+
grid-template-columns: 1fr;
|
| 942 |
+
}
|
| 943 |
+
|
| 944 |
+
.introduction-text h2 {
|
| 945 |
+
font-size: 2rem;
|
| 946 |
+
}
|
| 947 |
+
|
| 948 |
+
.latest-work-title h2 {
|
| 949 |
+
font-size: 2rem;
|
| 950 |
+
}
|
| 951 |
+
|
| 952 |
+
.testimonial-title h2 {
|
| 953 |
+
font-size: 2rem;
|
| 954 |
+
}
|
| 955 |
+
|
| 956 |
+
/* Mobile Testimonials */
|
| 957 |
+
.testimonial-content {
|
| 958 |
+
flex-direction: column;
|
| 959 |
+
}
|
| 960 |
+
|
| 961 |
+
.client-profiles {
|
| 962 |
+
order: -1;
|
| 963 |
+
flex-direction: row;
|
| 964 |
+
overflow-x: auto;
|
| 965 |
+
padding-bottom: 1rem;
|
| 966 |
+
}
|
| 967 |
+
|
| 968 |
+
.single-profile-card {
|
| 969 |
+
flex-shrink: 0;
|
| 970 |
+
min-width: 200px;
|
| 971 |
+
}
|
| 972 |
+
|
| 973 |
+
.single-profile-card:hover,
|
| 974 |
+
.single-profile-card.active {
|
| 975 |
+
transform: translateY(-5px);
|
| 976 |
+
}
|
| 977 |
+
|
| 978 |
+
.footer-content {
|
| 979 |
+
grid-template-columns: 1fr;
|
| 980 |
+
gap: 2rem;
|
| 981 |
+
}
|
| 982 |
+
|
| 983 |
+
.footer-menu {
|
| 984 |
+
flex-direction: column;
|
| 985 |
+
gap: 1rem;
|
| 986 |
+
}
|
| 987 |
+
|
| 988 |
+
.form-row {
|
| 989 |
+
flex-direction: column;
|
| 990 |
+
}
|
| 991 |
+
}
|
| 992 |
+
|
| 993 |
+
@media (max-width: 480px) {
|
| 994 |
+
.body-title h2 {
|
| 995 |
+
font-size: 1.5rem;
|
| 996 |
+
}
|
| 997 |
+
|
| 998 |
+
.introduction-text h2,
|
| 999 |
+
.latest-work-title h2,
|
| 1000 |
+
.testimonial-title h2 {
|
| 1001 |
+
font-size: 1.5rem;
|
| 1002 |
+
}
|
| 1003 |
+
|
| 1004 |
+
.design-card,
|
| 1005 |
+
.project-card,
|
| 1006 |
+
.testimonial-card {
|
| 1007 |
+
padding: 1.5rem;
|
| 1008 |
+
}
|
| 1009 |
+
|
| 1010 |
+
.hoodie-guy-animation-class {
|
| 1011 |
+
width: 250px;
|
| 1012 |
+
height: 250px;
|
| 1013 |
+
}
|
| 1014 |
+
|
| 1015 |
+
.circle span {
|
| 1016 |
+
transform: translate(-50%, -50%) rotate(calc(var(--i) * 24deg)) translateY(-100px);
|
| 1017 |
+
}
|
| 1018 |
+
|
| 1019 |
+
.circle span img {
|
| 1020 |
+
height: 40px !important;
|
| 1021 |
+
}
|
| 1022 |
+
}
|
| 1023 |
+
|
| 1024 |
+
/* AMP-friendly animations */
|
| 1025 |
+
@media (prefers-reduced-motion: reduce) {
|
| 1026 |
+
.circle {
|
| 1027 |
+
animation: none;
|
| 1028 |
+
}
|
| 1029 |
+
|
| 1030 |
+
.testimonial-card,
|
| 1031 |
+
.design-card,
|
| 1032 |
+
.project-card {
|
| 1033 |
+
transition: none;
|
| 1034 |
+
}
|
| 1035 |
+
}
|
| 1036 |
+
</style>
|
| 1037 |
+
</head>
|
| 1038 |
+
<body>
|
| 1039 |
+
<!-- Header Section with Navigation -->
|
| 1040 |
+
<header id="header" role="banner">
|
| 1041 |
+
<nav class="navbar-title" role="navigation" aria-label="Main navigation">
|
| 1042 |
+
<h1 class="title-first-name">Lovnish</h1>
|
| 1043 |
+
<h1 class="title-last-name">Verma</h1>
|
| 1044 |
+
</nav>
|
| 1045 |
+
<div>
|
| 1046 |
+
<ul class="navbar-menu" role="menubar">
|
| 1047 |
+
<li role="menuitem"><a href="https://wa.me/918894869371" aria-label="Contact via WhatsApp">WhatsApp</a></li>
|
| 1048 |
+
<li role="menuitem"><a href="mailto:princelv84@gmail.com" aria-label="Send email">Mail</a></li>
|
| 1049 |
+
<li role="menuitem"><a href="tel:8894869371" aria-label="Call phone number">Call</a></li>
|
| 1050 |
+
</ul>
|
| 1051 |
+
</div>
|
| 1052 |
+
<div>
|
| 1053 |
+
<ul class="social-media" role="list" aria-label="Social media links">
|
| 1054 |
+
<li>
|
| 1055 |
+
<i class="fa-brands fa-linkedin-in" aria-hidden="true"></i>
|
| 1056 |
+
<a href="https://www.linkedin.com/in/lovnishverma/" target="_blank" rel="noopener" aria-label="LinkedIn Profile">LinkedIn</a>
|
| 1057 |
+
</li>
|
| 1058 |
+
<li>
|
| 1059 |
+
<i class="fa-brands fa-github" aria-hidden="true"></i>
|
| 1060 |
+
<a href="https://github.com/Lovnishverma" target="_blank" rel="noopener" aria-label="GitHub Profile">GitHub</a>
|
| 1061 |
+
</li>
|
| 1062 |
+
<li>
|
| 1063 |
+
<i class="fa-regular fa-envelope" aria-hidden="true"></i>
|
| 1064 |
+
<a href="mailto:princelv84@gmail.com" aria-label="Email contact">Email</a>
|
| 1065 |
+
</li>
|
| 1066 |
+
</ul>
|
| 1067 |
+
</div>
|
| 1068 |
+
</header>
|
| 1069 |
+
|
| 1070 |
+
<!-- Main Content Section -->
|
| 1071 |
+
<main id="content-body" role="main">
|
| 1072 |
+
<section class="body-part-1" aria-label="Hero introduction">
|
| 1073 |
+
<div class="developer-intro">
|
| 1074 |
+
<p>AI/ML Enthusiast</p>
|
| 1075 |
+
<p>Data Scientist</p>
|
| 1076 |
+
</div>
|
| 1077 |
+
<div class="body-title">
|
| 1078 |
+
<h2></h2>
|
| 1079 |
+
<p>
|
| 1080 |
+
I specialize in building intelligent systems,<br />extracting
|
| 1081 |
+
insights from data, and solving complex problems using AI and
|
| 1082 |
+
Machine Learning.
|
| 1083 |
+
</p>
|
| 1084 |
+
<button class="chat-button" onclick="redirectToWhatsApp()" aria-label="Start chat on WhatsApp">LET'S CHAT!</button>
|
| 1085 |
+
</div>
|
| 1086 |
+
<div class="body-tail" role="region" aria-label="Experience statistics">
|
| 1087 |
+
<div class="stat-item">
|
| 1088 |
+
<h3 style="color: #00ff88;">3</h3>
|
| 1089 |
+
<p>YEARS<br />EXPERIENCE</p>
|
| 1090 |
+
</div>
|
| 1091 |
+
<div class="stat-item">
|
| 1092 |
+
<h3 style="color: #00ff88;">100+</h3>
|
| 1093 |
+
<p>PROJECTS<br />COMPLETED</p>
|
| 1094 |
+
</div>
|
| 1095 |
+
</div>
|
| 1096 |
+
</section>
|
| 1097 |
+
|
| 1098 |
+
<section class="body-part-2" aria-label="Skills showcase">
|
| 1099 |
+
<div class="hoodie-guy-animation-class">
|
| 1100 |
+
<div class="hoodie-guy" role="img" aria-label="Developer illustration"></div>
|
| 1101 |
+
<div class="circle" role="img" aria-label="Technology skills orbit">
|
| 1102 |
+
<span style="--i: 1"><img src="assets/SVGIcons/flutter.svg" height="75" alt="Flutter framework" /></span>
|
| 1103 |
+
<span style="--i: 2"><img src="assets/SVGIcons/python.svg" height="75" alt="Python programming" /></span>
|
| 1104 |
+
<span style="--i: 3"><img src="assets/SVGIcons/adobe-photoshop.svg" height="75" alt="Adobe Photoshop" /></span>
|
| 1105 |
+
<span style="--i: 4"><img src="assets/SVGIcons/django.svg" height="75" alt="Django framework" /></span>
|
| 1106 |
+
<span style="--i: 5"><img src="assets/SVGIcons/adobe-premiere-pro.svg" height="75" alt="Adobe Premiere Pro" /></span>
|
| 1107 |
+
<span style="--i: 6"><img src="assets/SVGIcons/html-5.svg" height="70" alt="HTML5" /></span>
|
| 1108 |
+
<span style="--i: 7"><img src="assets/SVGIcons/figma.svg" height="75" alt="Figma design" /></span>
|
| 1109 |
+
<span style="--i: 8"><img src="assets/SVGIcons/css3.svg" height="70" alt="CSS3" /></span>
|
| 1110 |
+
<span style="--i: 9"><img src="assets/SVGIcons/javascript.svg" height="75" alt="JavaScript" /></span>
|
| 1111 |
+
<span style="--i: 10"><img src="assets/SVGIcons/adobe-illustrator.svg" height="75" alt="Adobe Illustrator" /></span>
|
| 1112 |
+
<span style="--i: 11"><img src="assets/SVGIcons/dart.svg" height="75" alt="Dart programming" /></span>
|
| 1113 |
+
<span style="--i: 12"><img src="assets/SVGIcons/PostgreSQL-Dark.svg" height="75" alt="PostgreSQL database" /></span>
|
| 1114 |
+
<span style="--i: 13"><img src="assets/SVGIcons/MySQL-Dark.svg" height="75" alt="MySQL database" /></span>
|
| 1115 |
+
<span style="--i: 14"><img src="assets/SVGIcons/Firebase-Dark.svg" height="75" alt="Firebase" /></span>
|
| 1116 |
+
<span style="--i: 15"><img src="assets/SVGIcons/Github-Dark.svg" height="75" alt="GitHub" /></span>
|
| 1117 |
+
</div>
|
| 1118 |
+
</div>
|
| 1119 |
+
<div class="background-circle" aria-hidden="true"></div>
|
| 1120 |
+
</section>
|
| 1121 |
+
</main>
|
| 1122 |
+
|
| 1123 |
+
<!-- Services Section -->
|
| 1124 |
+
<section id="introduction" aria-label="Services and introduction">
|
| 1125 |
+
<div class="cards">
|
| 1126 |
+
<div class="design-card active" onclick="switchCard(0)">
|
| 1127 |
+
<div>
|
| 1128 |
+
<h3>AI/ML Enthusiast</h3>
|
| 1129 |
+
<i class="fa-solid fa-wand-magic-sparkles"></i>
|
| 1130 |
+
</div>
|
| 1131 |
+
<p>
|
| 1132 |
+
Passionate about building intelligent solutions using AI, Machine
|
| 1133 |
+
Learning, and Deep Learning to solve real-world problems. Skilled in
|
| 1134 |
+
Python, TensorFlow, and data-driven insights.
|
| 1135 |
+
</p>
|
| 1136 |
+
<a href="#latest-works">30+ PROJECTS</a>
|
| 1137 |
+
</div>
|
| 1138 |
+
<div class="design-card" onclick="switchCard(1)">
|
| 1139 |
+
<div>
|
| 1140 |
+
<h3>Frontend Development</h3>
|
| 1141 |
+
<i class="fa-solid fa-code"></i>
|
| 1142 |
+
</div>
|
| 1143 |
+
<p>Creating stunning and responsive web interfaces that capture user attention and provide seamless user experiences.</p>
|
| 1144 |
+
<a href="#latest-works">30+ PROJECTS</a>
|
| 1145 |
+
</div>
|
| 1146 |
+
<div class="design-card" onclick="switchCard(2)">
|
| 1147 |
+
<div>
|
| 1148 |
+
<h3>Backend Development</h3>
|
| 1149 |
+
<i class="fa-solid fa-terminal"></i>
|
| 1150 |
+
</div>
|
| 1151 |
+
<p>Building robust and scalable server-side applications with secure APIs and efficient database management.</p>
|
| 1152 |
+
<a href="#latest-works">50+ PROJECTS</a>
|
| 1153 |
+
</div>
|
| 1154 |
+
</div>
|
| 1155 |
+
|
| 1156 |
+
<div class="introduction-text" id="intro-0">
|
| 1157 |
+
<p>Introduction</p>
|
| 1158 |
+
<h2>Hello! I'm Lovnish Verma</h2>
|
| 1159 |
+
<h4 style="color: #00ff88;">AI/ML & Data Science Specialist</h4>
|
| 1160 |
+
<p>
|
| 1161 |
+
I am passionate about leveraging AI and Machine Learning to solve
|
| 1162 |
+
real-world problems. With expertise in predictive modeling, natural
|
| 1163 |
+
language processing, and scalable data analysis, I create intelligent
|
| 1164 |
+
systems that transform industries.
|
| 1165 |
+
</p>
|
| 1166 |
+
</div>
|
| 1167 |
+
|
| 1168 |
+
<div class="introduction-text" id="intro-1" style="display: none">
|
| 1169 |
+
<p>Introduction</p>
|
| 1170 |
+
<h2>Hello! I'm Lovnish Verma</h2>
|
| 1171 |
+
<h4 style="color: #00ff88;">Frontend Development Expert</h4>
|
| 1172 |
+
<p>
|
| 1173 |
+
As a frontend developer, I create stunning and responsive web pages
|
| 1174 |
+
that capture the attention and imagination of users. I use my
|
| 1175 |
+
skills in HTML, CSS, JavaScript, and various frameworks to design
|
| 1176 |
+
and implement user interfaces that are both visually appealing and user-friendly.
|
| 1177 |
+
</p>
|
| 1178 |
+
</div>
|
| 1179 |
+
|
| 1180 |
+
<div class="introduction-text" id="intro-2" style="display: none">
|
| 1181 |
+
<p>Introduction</p>
|
| 1182 |
+
<h2>Hello! I'm Lovnish Verma</h2>
|
| 1183 |
+
<h4 style="color: #00ff88;">Backend Development Specialist</h4>
|
| 1184 |
+
<p>
|
| 1185 |
+
As a backend developer, I create robust and scalable web applications
|
| 1186 |
+
that handle the logic and data behind the scenes. I use my skills in
|
| 1187 |
+
Python, Django, SQL, and various APIs to develop and deploy
|
| 1188 |
+
backend systems that are secure, reliable, and efficient.
|
| 1189 |
+
</p>
|
| 1190 |
+
</div>
|
| 1191 |
+
</section>
|
| 1192 |
+
|
| 1193 |
+
<!-- Portfolio Section -->
|
| 1194 |
+
<section id="latest-works" aria-label="Portfolio showcase">
|
| 1195 |
+
<div class="latest-work-title">
|
| 1196 |
+
<h2>Latest Works</h2>
|
| 1197 |
+
<p>Perfect solutions for digital experience</p>
|
| 1198 |
+
</div>
|
| 1199 |
+
|
| 1200 |
+
<!-- Brain Tumor Project -->
|
| 1201 |
+
<a href="https://lovnishverma-braintumor.hf.space/"
|
| 1202 |
+
target="_blank" rel="noopener"
|
| 1203 |
+
aria-label="Brain Tumor Prediction AI Model"
|
| 1204 |
+
class="project-card-link">
|
| 1205 |
+
<div class="project-card">
|
| 1206 |
+
<div class="title">
|
| 1207 |
+
<h3>Brain Tumor Prediction</h3>
|
| 1208 |
+
<div class="tech-stack" role="list" aria-label="Technologies used">
|
| 1209 |
+
<span>TensorFlow • </span>
|
| 1210 |
+
<span>Flask • </span>
|
| 1211 |
+
<span>MongoDB • </span>
|
| 1212 |
+
<span>Deep Learning</span>
|
| 1213 |
+
</div>
|
| 1214 |
+
</div>
|
| 1215 |
+
<p style="color: var(--text-secondary); margin: 1rem 0; line-height: 1.6;">
|
| 1216 |
+
Advanced deep learning model for brain tumor detection using CNN architecture.
|
| 1217 |
+
Features real-time image analysis with 95%+ accuracy rate and intuitive web interface
|
| 1218 |
+
for medical professionals.
|
| 1219 |
+
</p>
|
| 1220 |
+
<img src="assets/projectsimg/braintumor.png"
|
| 1221 |
+
alt="Brain Tumor Prediction AI Interface Screenshot"
|
| 1222 |
+
loading="lazy" />
|
| 1223 |
+
|
| 1224 |
+
<!-- GitHub button -->
|
| 1225 |
+
<div class="github-btn-container">
|
| 1226 |
+
<a href="https://github.com/lovnishverma/huggingface-Braintumor-Flask"
|
| 1227 |
+
target="_blank" rel="noopener" class="github-btn">
|
| 1228 |
+
<svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
|
| 1229 |
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
| 1230 |
+
d="M12 0C5.37 0 0 5.37 0 12c0 5.3
|
| 1231 |
+
3.438 9.8 8.205 11.385.6.113.82-.263.82-.582
|
| 1232 |
+
0-.288-.01-1.05-.015-2.06-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.082-.73.082-.73
|
| 1233 |
+
1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305
|
| 1234 |
+
3.492.997.107-.775.42-1.305.763-1.605-2.665-.304-5.466-1.332-5.466-5.93
|
| 1235 |
+
0-1.31.47-2.38 1.235-3.22-.124-.303-.535-1.523.117-3.176
|
| 1236 |
+
0 0 1.008-.322 3.3 1.23a11.52 11.52 0 0 1 3.003-.404c1.02.005
|
| 1237 |
+
2.047.138 3.003.404 2.29-1.552 3.297-1.23
|
| 1238 |
+
3.297-1.23.653 1.653.242 2.873.118 3.176.77.84
|
| 1239 |
+
1.233 1.91 1.233 3.22 0 4.61-2.805 5.624-5.475
|
| 1240 |
+
5.92.43.372.823 1.102.823 2.222 0 1.606-.015
|
| 1241 |
+
2.898-.015 3.293 0 .322.218.699.825.58C20.565
|
| 1242 |
+
21.796 24 17.297 24 12c0-6.63-5.37-12-12-12z"/>
|
| 1243 |
+
</svg>
|
| 1244 |
+
View on GitHub
|
| 1245 |
+
</a>
|
| 1246 |
+
</div>
|
| 1247 |
+
</div>
|
| 1248 |
+
</a>
|
| 1249 |
+
|
| 1250 |
+
<!-- Diabetes Project -->
|
| 1251 |
+
<a href="https://lovnishverma-diabetes.hf.space/"
|
| 1252 |
+
target="_blank" rel="noopener"
|
| 1253 |
+
aria-label="Diabetes Prediction ML Model"
|
| 1254 |
+
class="project-card-link">
|
| 1255 |
+
<div class="project-card">
|
| 1256 |
+
<div class="title">
|
| 1257 |
+
<h3>Diabetes Prediction</h3>
|
| 1258 |
+
<div class="tech-stack" role="list" aria-label="Technologies used">
|
| 1259 |
+
<span>Streamlit • </span>
|
| 1260 |
+
<span>Scikit-Learn • </span>
|
| 1261 |
+
<span>HuggingFace • </span>
|
| 1262 |
+
<span>ML Analytics</span>
|
| 1263 |
+
</div>
|
| 1264 |
+
</div>
|
| 1265 |
+
<p style="color: var(--text-secondary); margin: 1rem 0; line-height: 1.6;">
|
| 1266 |
+
Machine learning-powered diabetes prediction system using ensemble methods.
|
| 1267 |
+
Provides risk assessment with detailed analytics and personalized health recommendations
|
| 1268 |
+
based on clinical parameters.
|
| 1269 |
+
</p>
|
| 1270 |
+
<img src="assets/projectsimg/diabetes.png"
|
| 1271 |
+
alt="Diabetes Prediction Model Interface Screenshot"
|
| 1272 |
+
loading="lazy" />
|
| 1273 |
+
|
| 1274 |
+
<!-- GitHub button -->
|
| 1275 |
+
<div class="github-btn-container">
|
| 1276 |
+
<a href="https://github.com/lovnishverma/diabetes-streamlit"
|
| 1277 |
+
target="_blank" rel="noopener" class="github-btn">
|
| 1278 |
+
<svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
|
| 1279 |
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
| 1280 |
+
d="M12 0C5.37 0 0 5.37 0 12c0 5.3
|
| 1281 |
+
3.438 9.8 8.205 11.385.6.113.82-.263.82-.582
|
| 1282 |
+
0-.288-.01-1.05-.015-2.06-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.082-.73.082-.73
|
| 1283 |
+
1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305
|
| 1284 |
+
3.492.997.107-.775.42-1.305.763-1.605-2.665-.304-5.466-1.332-5.466-5.93
|
| 1285 |
+
0-1.31.47-2.38 1.235-3.22-.124-.303-.535-1.523.117-3.176
|
| 1286 |
+
0 0 1.008-.322 3.3 1.23a11.52 11.52 0 0 1 3.003-.404c1.02.005
|
| 1287 |
+
2.047.138 3.003.404 2.29-1.552 3.297-1.23
|
| 1288 |
+
3.297-1.23.653 1.653.242 2.873.118 3.176.77.84
|
| 1289 |
+
1.233 1.91 1.233 3.22 0 4.61-2.805 5.624-5.475
|
| 1290 |
+
5.92.43.372.823 1.102.823 2.222 0 1.606-.015
|
| 1291 |
+
2.898-.015 3.293 0 .322.218.699.825.58C20.565
|
| 1292 |
+
21.796 24 17.297 24 12c0-6.63-5.37-12-12-12z"/>
|
| 1293 |
+
</svg>
|
| 1294 |
+
View on GitHub
|
| 1295 |
+
</a>
|
| 1296 |
+
</div>
|
| 1297 |
+
</div>
|
| 1298 |
+
</a>
|
| 1299 |
+
|
| 1300 |
+
<!-- Books Recommender Project -->
|
| 1301 |
+
<a href="https://lovnishverma-book-recommendations.hf.space/"
|
| 1302 |
+
target="_blank" rel="noopener"
|
| 1303 |
+
aria-label="Advanced Books Recommender"
|
| 1304 |
+
class="project-card-link">
|
| 1305 |
+
<div class="project-card">
|
| 1306 |
+
<div class="title">
|
| 1307 |
+
<h3>Goodreads Book Recommender</h3>
|
| 1308 |
+
<div class="tech-stack" role="list" aria-label="Technologies used">
|
| 1309 |
+
<span>Gradio • </span>
|
| 1310 |
+
<span>Sentence Transformers • </span>
|
| 1311 |
+
<span>Hugging Face • </span>
|
| 1312 |
+
<span>Recommendation AI</span>
|
| 1313 |
+
</div>
|
| 1314 |
+
</div>
|
| 1315 |
+
<p style="color: var(--text-secondary); margin: 1rem 0; line-height: 1.6;">
|
| 1316 |
+
Intelligent book recommendation system using advanced NLP and similarity algorithms.
|
| 1317 |
+
Analyzes reading preferences and book metadata to suggest personalized reading lists
|
| 1318 |
+
from Goodreads database.
|
| 1319 |
+
</p>
|
| 1320 |
+
<img src="assets/projectsimg/books.png"
|
| 1321 |
+
alt="Book recommender Interface Screenshot"
|
| 1322 |
+
loading="lazy" />
|
| 1323 |
+
|
| 1324 |
+
<!-- GitHub button -->
|
| 1325 |
+
<div class="github-btn-container">
|
| 1326 |
+
<a href="https://github.com/lovnishverma/Book-Recommendations"
|
| 1327 |
+
target="_blank" rel="noopener" class="github-btn">
|
| 1328 |
+
<svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
|
| 1329 |
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
| 1330 |
+
d="M12 0C5.37 0 0 5.37 0 12c0 5.3
|
| 1331 |
+
3.438 9.8 8.205 11.385.6.113.82-.263.82-.582
|
| 1332 |
+
0-.288-.01-1.05-.015-2.06-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.082-.73.082-.73
|
| 1333 |
+
1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305
|
| 1334 |
+
3.492.997.107-.775.42-1.305.763-1.605-2.665-.304-5.466-1.332-5.466-5.93
|
| 1335 |
+
0-1.31.47-2.38 1.235-3.22-.124-.303-.535-1.523.117-3.176
|
| 1336 |
+
0 0 1.008-.322 3.3 1.23a11.52 11.52 0 0 1 3.003-.404c1.02.005
|
| 1337 |
+
2.047.138 3.003.404 2.29-1.552 3.297-1.23
|
| 1338 |
+
3.297-1.23.653 1.653.242 2.873.118 3.176.77.84
|
| 1339 |
+
1.233 1.91 1.233 3.22 0 4.61-2.805 5.624-5.475
|
| 1340 |
+
5.92.43.372.823 1.102.823 2.222 0 1.606-.015
|
| 1341 |
+
2.898-.015 3.293 0 .322.218.699.825.58C20.565
|
| 1342 |
+
21.796 24 17.297 24 12c0-6.63-5.37-12-12-12z"/>
|
| 1343 |
+
</svg>
|
| 1344 |
+
View on GitHub
|
| 1345 |
+
</a>
|
| 1346 |
+
</div>
|
| 1347 |
+
</div>
|
| 1348 |
+
</a>
|
| 1349 |
+
|
| 1350 |
+
<!-- Employee Location Tracking -->
|
| 1351 |
+
<a href="https://lovnishverma.github.io/universal-employee-location-tracking/"
|
| 1352 |
+
target="_blank" rel="noopener"
|
| 1353 |
+
aria-label="Employee Location Tracking"
|
| 1354 |
+
class="project-card-link">
|
| 1355 |
+
<div class="project-card">
|
| 1356 |
+
<div class="title">
|
| 1357 |
+
<h3>Employee Location Tracking</h3>
|
| 1358 |
+
<div class="tech-stack" role="list" aria-label="Technologies used">
|
| 1359 |
+
<span>HTML-CSS-JS • </span>
|
| 1360 |
+
<span>Firestore • </span>
|
| 1361 |
+
<span>Tailwind CSS</span>
|
| 1362 |
+
</div>
|
| 1363 |
+
</div>
|
| 1364 |
+
<p style="color: var(--text-secondary); margin: 1rem 0; line-height: 1.6;">
|
| 1365 |
+
Employee Location Tracking using Firestore you can Track, View & Manage Employee Location Data with
|
| 1366 |
+
Firebase Firestore and Google Maps Integration. Suitable for any department, remote teams, or
|
| 1367 |
+
organization-wide tracking.
|
| 1368 |
+
</p>
|
| 1369 |
+
<img src="assets/projectsimg/location.png"
|
| 1370 |
+
alt="Employee Location Tracking"
|
| 1371 |
+
loading="lazy" />
|
| 1372 |
+
|
| 1373 |
+
<!-- GitHub button -->
|
| 1374 |
+
<div class="github-btn-container">
|
| 1375 |
+
<a href="https://github.com/lovnishverma/universal-employee-location-tracking"
|
| 1376 |
+
target="_blank" rel="noopener" class="github-btn">
|
| 1377 |
+
<svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
|
| 1378 |
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
| 1379 |
+
d="M12 0C5.37 0 0 5.37 0 12c0 5.3
|
| 1380 |
+
3.438 9.8 8.205 11.385.6.113.82-.263.82-.582
|
| 1381 |
+
0-.288-.01-1.05-.015-2.06-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.082-.73.082-.73
|
| 1382 |
+
1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305
|
| 1383 |
+
3.492.997.107-.775.42-1.305.763-1.605-2.665-.304-5.466-1.332-5.466-5.93
|
| 1384 |
+
0-1.31.47-2.38 1.235-3.22-.124-.303-.535-1.523.117-3.176
|
| 1385 |
+
0 0 1.008-.322 3.3 1.23a11.52 11.52 0 0 1 3.003-.404c1.02.005
|
| 1386 |
+
2.047.138 3.003.404 2.29-1.552 3.297-1.23
|
| 1387 |
+
3.297-1.23.653 1.653.242 2.873.118 3.176.77.84
|
| 1388 |
+
1.233 1.91 1.233 3.22 0 4.61-2.805 5.624-5.475
|
| 1389 |
+
5.92.43.372.823 1.102.823 2.222 0 1.606-.015
|
| 1390 |
+
2.898-.015 3.293 0 .322.218.699.825.58C20.565
|
| 1391 |
+
21.796 24 17.297 24 12c0-6.63-5.37-12-12-12z"/>
|
| 1392 |
+
</svg>
|
| 1393 |
+
View on GitHub
|
| 1394 |
+
</a>
|
| 1395 |
+
</div>
|
| 1396 |
+
</div>
|
| 1397 |
+
</a>
|
| 1398 |
+
|
| 1399 |
+
<!-- All Projects Section -->
|
| 1400 |
+
<div class="all-projects">
|
| 1401 |
+
<a href="https://github.com/lovnishVerma" target="_blank" rel="noopener" aria-label="View all open source projects on GitHub">
|
| 1402 |
+
<h3>ALL PROJECTS</h3>
|
| 1403 |
+
</a>
|
| 1404 |
+
<p>
|
| 1405 |
+
* Some projects are under NDA and cannot be published.<br />
|
| 1406 |
+
If you’d like to see my open-source projects, <br>
|
| 1407 |
+
<a href="https://github.com/lovnishverma" target="_blank" rel="noopener"> please check my GitHub.</a>
|
| 1408 |
+
</p>
|
| 1409 |
+
|
| 1410 |
+
<!-- GitHub button -->
|
| 1411 |
+
<div class="github-btn-container">
|
| 1412 |
+
<a href="https://github.com/lovnishVerma"
|
| 1413 |
+
target="_blank" rel="noopener" class="github-btn">
|
| 1414 |
+
<svg class="github-icon" viewBox="0 0 24 24" aria-hidden="true">
|
| 1415 |
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
| 1416 |
+
d="M12 0C5.37 0 0 5.37 0 12c0 5.3
|
| 1417 |
+
3.438 9.8 8.205 11.385.6.113.82-.263.82-.582
|
| 1418 |
+
0-.288-.01-1.05-.015-2.06-3.338.726-4.042-1.61-4.042-1.61-.546-1.387-1.333-1.756-1.333-1.756-1.09-.745.082-.73.082-.73
|
| 1419 |
+
1.205.084 1.84 1.236 1.84 1.236 1.07 1.835 2.807 1.305
|
| 1420 |
+
3.492.997.107-.775.42-1.305.763-1.605-2.665-.304-5.466-1.332-5.466-5.93
|
| 1421 |
+
0-1.31.47-2.38 1.235-3.22-.124-.303-.535-1.523.117-3.176
|
| 1422 |
+
0 0 1.008-.322 3.3 1.23a11.52 11.52 0 0 1 3.003-.404c1.02.005
|
| 1423 |
+
2.047.138 3.003.404 2.29-1.552 3.297-1.23
|
| 1424 |
+
3.297-1.23.653 1.653.242 2.873.118 3.176.77.84
|
| 1425 |
+
1.233 1.91 1.233 3.22 0 4.61-2.805 5.624-5.475
|
| 1426 |
+
5.92.43.372.823 1.102.823 2.222 0 1.606-.015
|
| 1427 |
+
2.898-.015 3.293 0 .322.218.699.825.58C20.565
|
| 1428 |
+
21.796 24 17.297 24 12c0-6.63-5.37-12-12-12z"/>
|
| 1429 |
+
</svg>
|
| 1430 |
+
View on GitHub
|
| 1431 |
+
</a>
|
| 1432 |
+
</div>
|
| 1433 |
+
</div>
|
| 1434 |
+
</section>
|
| 1435 |
+
|
| 1436 |
+
|
| 1437 |
+
<!-- Mobile-Friendly Testimonials Section -->
|
| 1438 |
+
<section id="testimonial" aria-label="Client testimonials">
|
| 1439 |
+
<div class="testimonial-title">
|
| 1440 |
+
<h2>Testimonials</h2>
|
| 1441 |
+
<p>What clients say about me</p>
|
| 1442 |
+
</div>
|
| 1443 |
+
|
| 1444 |
+
<div class="testimonial-container">
|
| 1445 |
+
<div class="testimonial-content">
|
| 1446 |
+
<div class="testimonial-cards">
|
| 1447 |
+
<div class="testimonial-card active" id="testimonial-0">
|
| 1448 |
+
<div class="star-rating">
|
| 1449 |
+
<i class="fa-solid fa-star"></i>
|
| 1450 |
+
<i class="fa-solid fa-star"></i>
|
| 1451 |
+
<i class="fa-solid fa-star"></i>
|
| 1452 |
+
<i class="fa-solid fa-star"></i>
|
| 1453 |
+
<i class="fa-solid fa-star"></i>
|
| 1454 |
+
<p>5.0 Rating</p>
|
| 1455 |
+
</div>
|
| 1456 |
+
<h4>
|
| 1457 |
+
Lovnish was a real pleasure to work with and we look forward to
|
| 1458 |
+
working with him again. He's definitely the kind of developer you can
|
| 1459 |
+
trust with a project from start to finish.
|
| 1460 |
+
</h4>
|
| 1461 |
+
<i class="fa-solid fa-quote-right"></i>
|
| 1462 |
+
</div>
|
| 1463 |
+
|
| 1464 |
+
<div class="testimonial-card" id="testimonial-1">
|
| 1465 |
+
<div class="star-rating">
|
| 1466 |
+
<i class="fa-solid fa-star"></i>
|
| 1467 |
+
<i class="fa-solid fa-star"></i>
|
| 1468 |
+
<i class="fa-solid fa-star"></i>
|
| 1469 |
+
<i class="fa-solid fa-star"></i>
|
| 1470 |
+
<i class="fa-solid fa-star"></i>
|
| 1471 |
+
<p>4.5 Rating</p>
|
| 1472 |
+
</div>
|
| 1473 |
+
<h4>
|
| 1474 |
+
Working with Lovnish was a pleasure. His expertise in both design and
|
| 1475 |
+
development allowed him to create a website that exceeded
|
| 1476 |
+
expectations. We couldn't be happier with the end result.
|
| 1477 |
+
</h4>
|
| 1478 |
+
<i class="fa-solid fa-quote-right"></i>
|
| 1479 |
+
</div>
|
| 1480 |
+
|
| 1481 |
+
<div class="testimonial-card" id="testimonial-2">
|
| 1482 |
+
<div class="star-rating">
|
| 1483 |
+
<i class="fa-solid fa-star"></i>
|
| 1484 |
+
<i class="fa-solid fa-star"></i>
|
| 1485 |
+
<i class="fa-solid fa-star"></i>
|
| 1486 |
+
<i class="fa-solid fa-star"></i>
|
| 1487 |
+
<i class="fa-solid fa-star"></i>
|
| 1488 |
+
<p>4.0 Rating</p>
|
| 1489 |
+
</div>
|
| 1490 |
+
<h4>
|
| 1491 |
+
I highly recommend Lovnish for any design or development project. He
|
| 1492 |
+
has the skills, experience, and passion to create stunning,
|
| 1493 |
+
functional solutions that will take your business to the next level.
|
| 1494 |
+
</h4>
|
| 1495 |
+
<i class="fa-solid fa-quote-right"></i>
|
| 1496 |
+
</div>
|
| 1497 |
+
</div>
|
| 1498 |
+
|
| 1499 |
+
<div class="client-profiles">
|
| 1500 |
+
<div class="single-profile-card active" onclick="switchTestimonial(0)">
|
| 1501 |
+
<img src="assets/testimonials/sarwan_singh.png"
|
| 1502 |
+
alt="Dr. Sarwan Singh NIELIT Chandigarh" />
|
| 1503 |
+
<div>
|
| 1504 |
+
<h4>Dr. Sarwan Singh</h4>
|
| 1505 |
+
<p>
|
| 1506 |
+
Joint Director,<br>
|
| 1507 |
+
<a href="https://www.nielit.gov.in/chandigarh/index.php" target="_blank" rel="noopener">NIELIT Chandigarh</a>
|
| 1508 |
+
</p>
|
| 1509 |
+
</div>
|
| 1510 |
+
</div>
|
| 1511 |
+
|
| 1512 |
+
<div class="single-profile-card" onclick="switchTestimonial(1)">
|
| 1513 |
+
<img src="assets/testimonials/anita_budhiraja.png"
|
| 1514 |
+
alt="Anita Budhiraja NIELIT" />
|
| 1515 |
+
<div>
|
| 1516 |
+
<h4>Anita Budhiraja</h4>
|
| 1517 |
+
<p>
|
| 1518 |
+
Scientist-E,<br>
|
| 1519 |
+
<a href="https://www.nielit.gov.in/chandigarh/index.php" target="_blank" rel="noopener">NIELIT Chandigarh</a>
|
| 1520 |
+
</p>
|
| 1521 |
+
</div>
|
| 1522 |
+
</div>
|
| 1523 |
+
|
| 1524 |
+
<div class="single-profile-card" onclick="switchTestimonial(2)">
|
| 1525 |
+
<img src="assets/testimonials/arti_mehta.png"
|
| 1526 |
+
alt="Arti Mehta Founder Smiling Walls" />
|
| 1527 |
+
<div>
|
| 1528 |
+
<h4>Arti Mehta</h4>
|
| 1529 |
+
<p>
|
| 1530 |
+
Founder,<br>
|
| 1531 |
+
<a href="https://smilingwalls.in/" target="_blank" rel="noopener">Smiling Walls</a>
|
| 1532 |
+
</p>
|
| 1533 |
+
</div>
|
| 1534 |
+
</div>
|
| 1535 |
+
</div>
|
| 1536 |
+
</div>
|
| 1537 |
+
|
| 1538 |
+
<div class="testimonial-nav">
|
| 1539 |
+
<div class="nav-dot active" onclick="switchTestimonial(0)"></div>
|
| 1540 |
+
<div class="nav-dot" onclick="switchTestimonial(1)"></div>
|
| 1541 |
+
<div class="nav-dot" onclick="switchTestimonial(2)"></div>
|
| 1542 |
+
</div>
|
| 1543 |
+
</div>
|
| 1544 |
+
</section>
|
| 1545 |
+
|
| 1546 |
+
<!-- Contact Section -->
|
| 1547 |
+
<footer id="footer" role="contentinfo">
|
| 1548 |
+
<div class="footer-content">
|
| 1549 |
+
<div class="footer-left">
|
| 1550 |
+
<h2>Let's Build Something Amazing Together</h2>
|
| 1551 |
+
<div class="email-form">
|
| 1552 |
+
<h3>Start by <span>saying hi</span></h3>
|
| 1553 |
+
<form id="contactForm" role="form" aria-label="Contact form">
|
| 1554 |
+
<input type="text" name="name" id="name" placeholder="Your name" required aria-label="Your name" />
|
| 1555 |
+
<input type="email" name="email" id="email" placeholder="Email Address" required aria-label="Email address" />
|
| 1556 |
+
<div class="form-row">
|
| 1557 |
+
<input type="text" name="message" id="message" placeholder="Type your message" required aria-label="Your message" />
|
| 1558 |
+
<button type="submit" aria-label="Send message">Send</button>
|
| 1559 |
+
</div>
|
| 1560 |
+
</form>
|
| 1561 |
+
</div>
|
| 1562 |
+
|
| 1563 |
+
<div class="footer-title">
|
| 1564 |
+
<h3 class="title-first-name">Lovnish Verma</h3>
|
| 1565 |
+
<h3 class="title-last-name">Support me</h3>
|
| 1566 |
+
<a href="https://www.buymeacoffee.com/lovnishverma" target="_blank" rel="noopener" aria-label="Buy me a coffee">
|
| 1567 |
+
<img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"
|
| 1568 |
+
alt="Buy Me A Coffee"
|
| 1569 |
+
style="height: 60px !important; width: 217px !important;"
|
| 1570 |
+
loading="lazy" />
|
| 1571 |
+
</a>
|
| 1572 |
+
</div>
|
| 1573 |
+
</div>
|
| 1574 |
+
|
| 1575 |
+
<div class="footer-right">
|
| 1576 |
+
<div class="footer-email-intro">
|
| 1577 |
+
<p>Contact Information</p>
|
| 1578 |
+
<address>
|
| 1579 |
+
<h4>Chandigarh, India</h4>
|
| 1580 |
+
<a href="mailto:princelv84@gmail.com">princelv84@gmail.com</a>
|
| 1581 |
+
</address>
|
| 1582 |
+
</div>
|
| 1583 |
+
|
| 1584 |
+
<nav class="footer-nav-menu" role="navigation" aria-label="Footer navigation">
|
| 1585 |
+
<ul class="footer-menu">
|
| 1586 |
+
<li><a href="https://wa.me/918894869371" aria-label="Contact via WhatsApp">WhatsApp</a></li>
|
| 1587 |
+
<li><a href="mailto:princelv84@gmail.com" aria-label="Send email">Mail</a></li>
|
| 1588 |
+
<li><a href="tel:8894869371" aria-label="Call phone number">Call</a></li>
|
| 1589 |
+
</ul>
|
| 1590 |
+
</nav>
|
| 1591 |
+
|
| 1592 |
+
<div class="social-icons" role="list" aria-label="Social media links">
|
| 1593 |
+
<a href="https://www.linkedin.com/in/lovnishverma/" target="_blank" rel="noopener" aria-label="LinkedIn Profile">
|
| 1594 |
+
<i class="fa-brands fa-linkedin-in" aria-hidden="true"></i>
|
| 1595 |
+
</a>
|
| 1596 |
+
<a href="https://github.com/LovnishVerma" target="_blank" rel="noopener" aria-label="GitHub Profile">
|
| 1597 |
+
<i class="fa-brands fa-github" aria-hidden="true"></i>
|
| 1598 |
+
</a>
|
| 1599 |
+
<a href="mailto:princelv84@gmail.com" aria-label="Email contact">
|
| 1600 |
+
<i class="fa-regular fa-envelope" aria-hidden="true"></i>
|
| 1601 |
+
</a>
|
| 1602 |
+
<a href="https://www.x.com/lovnishofficial/" target="_blank" rel="noopener" aria-label="Twitter Profile">
|
| 1603 |
+
<i class="fa-brands fa-twitter" aria-hidden="true"></i>
|
| 1604 |
+
</a>
|
| 1605 |
+
<a href="https://www.instagram.com/lovnishofficial/" target="_blank" rel="noopener" aria-label="Instagram Profile">
|
| 1606 |
+
<i class="fa-brands fa-instagram" aria-hidden="true"></i>
|
| 1607 |
+
</a>
|
| 1608 |
+
<a href="https://www.facebook.com/lovnishofficial/" target="_blank" rel="noopener" aria-label="Facebook Profile">
|
| 1609 |
+
<i class="fa-brands fa-facebook" aria-hidden="true"></i>
|
| 1610 |
+
</a>
|
| 1611 |
+
</div>
|
| 1612 |
+
</div>
|
| 1613 |
+
</div>
|
| 1614 |
+
</footer>
|
| 1615 |
+
|
| 1616 |
+
<script>
|
| 1617 |
+
|
| 1618 |
+
let currentIndex = 0;
|
| 1619 |
+
let autoSwitchInterval;
|
| 1620 |
+
|
| 1621 |
+
function showCard(index) {
|
| 1622 |
+
// Get all cards and intros
|
| 1623 |
+
const cards = document.querySelectorAll(".design-card");
|
| 1624 |
+
const intros = document.querySelectorAll(".introduction-text");
|
| 1625 |
+
|
| 1626 |
+
// Reset active states
|
| 1627 |
+
cards.forEach((card, i) => {
|
| 1628 |
+
card.classList.remove("active");
|
| 1629 |
+
intros[i].style.display = "none";
|
| 1630 |
+
});
|
| 1631 |
+
|
| 1632 |
+
// Activate selected card and intro
|
| 1633 |
+
cards[index].classList.add("active");
|
| 1634 |
+
intros[index].style.display = "block";
|
| 1635 |
+
|
| 1636 |
+
currentIndex = index;
|
| 1637 |
+
}
|
| 1638 |
+
|
| 1639 |
+
function switchCard(index) {
|
| 1640 |
+
showCard(index);
|
| 1641 |
+
resetAutoSwitch(); // Restart auto switching if user clicks manually
|
| 1642 |
+
}
|
| 1643 |
+
|
| 1644 |
+
function autoSwitch() {
|
| 1645 |
+
currentIndex = (currentIndex + 1) % document.querySelectorAll(".design-card").length;
|
| 1646 |
+
showCard(currentIndex);
|
| 1647 |
+
}
|
| 1648 |
+
|
| 1649 |
+
function resetAutoSwitch() {
|
| 1650 |
+
clearInterval(autoSwitchInterval);
|
| 1651 |
+
autoSwitchInterval = setInterval(autoSwitch, 5000); // auto switch every 5 sec
|
| 1652 |
+
}
|
| 1653 |
+
|
| 1654 |
+
// Start auto switching on page load
|
| 1655 |
+
document.addEventListener("DOMContentLoaded", () => {
|
| 1656 |
+
resetAutoSwitch();
|
| 1657 |
+
});
|
| 1658 |
+
|
| 1659 |
+
|
| 1660 |
+
// JavaScript with modern animations and interactions
|
| 1661 |
+
gsap.registerPlugin(ScrollTrigger);
|
| 1662 |
+
|
| 1663 |
+
// Loading Screen
|
| 1664 |
+
window.addEventListener('load', function () {
|
| 1665 |
+
setTimeout(() => {
|
| 1666 |
+
document.getElementById('loadingScreen').classList.add('hidden');
|
| 1667 |
+
initializeAnimations();
|
| 1668 |
+
}, 1000);
|
| 1669 |
+
});
|
| 1670 |
+
|
| 1671 |
+
// Create floating particles
|
| 1672 |
+
function createParticles() {
|
| 1673 |
+
const particlesContainer = document.getElementById('particles');
|
| 1674 |
+
const particleCount = 50;
|
| 1675 |
+
|
| 1676 |
+
for (let i = 0; i < particleCount; i++) {
|
| 1677 |
+
const particle = document.createElement('div');
|
| 1678 |
+
particle.className = 'particle';
|
| 1679 |
+
particle.style.left = Math.random() * 100 + '%';
|
| 1680 |
+
particle.style.width = Math.random() * 4 + 2 + 'px';
|
| 1681 |
+
particle.style.height = particle.style.width;
|
| 1682 |
+
particle.style.animationDelay = Math.random() * 20 + 's';
|
| 1683 |
+
particle.style.animationDuration = (Math.random() * 10 + 10) + 's';
|
| 1684 |
+
particlesContainer.appendChild(particle);
|
| 1685 |
+
}
|
| 1686 |
+
}
|
| 1687 |
+
|
| 1688 |
+
// Initialize all animations
|
| 1689 |
+
function initializeAnimations() {
|
| 1690 |
+
createParticles();
|
| 1691 |
+
setupScrollAnimations();
|
| 1692 |
+
setupHeaderScroll();
|
| 1693 |
+
}
|
| 1694 |
+
|
| 1695 |
+
// Scroll-triggered animations
|
| 1696 |
+
function setupScrollAnimations() {
|
| 1697 |
+
const fadeInElements = document.querySelectorAll('.fade-in');
|
| 1698 |
+
|
| 1699 |
+
const observer = new IntersectionObserver((entries) => {
|
| 1700 |
+
entries.forEach(entry => {
|
| 1701 |
+
if (entry.isIntersecting) {
|
| 1702 |
+
entry.target.classList.add('visible');
|
| 1703 |
+
}
|
| 1704 |
+
});
|
| 1705 |
+
}, {
|
| 1706 |
+
threshold: 0.1,
|
| 1707 |
+
rootMargin: '0px 0px -50px 0px'
|
| 1708 |
+
});
|
| 1709 |
+
|
| 1710 |
+
fadeInElements.forEach(el => observer.observe(el));
|
| 1711 |
+
}
|
| 1712 |
+
|
| 1713 |
+
// Header scroll effect
|
| 1714 |
+
function setupHeaderScroll() {
|
| 1715 |
+
window.addEventListener('scroll', () => {
|
| 1716 |
+
const header = document.getElementById('header');
|
| 1717 |
+
if (window.scrollY > 100) {
|
| 1718 |
+
header.classList.add('scrolled');
|
| 1719 |
+
} else {
|
| 1720 |
+
header.classList.remove('scrolled');
|
| 1721 |
+
}
|
| 1722 |
+
});
|
| 1723 |
+
}
|
| 1724 |
+
|
| 1725 |
+
// WhatsApp redirect
|
| 1726 |
+
function redirectToWhatsApp() {
|
| 1727 |
+
const phoneNumber = "918894869371";
|
| 1728 |
+
const message = "Hi Lovnish! I'm interested in discussing an AI/ML project with you. Let's connect!";
|
| 1729 |
+
const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
|
| 1730 |
+
window.open(url, '_blank');
|
| 1731 |
+
}
|
| 1732 |
+
|
| 1733 |
+
// Service card switching with animations
|
| 1734 |
+
function switchCard(index) {
|
| 1735 |
+
// Remove active class from all cards
|
| 1736 |
+
document.querySelectorAll('.design-card').forEach((card, i) => {
|
| 1737 |
+
card.classList.remove('active');
|
| 1738 |
+
if (i === index) {
|
| 1739 |
+
card.classList.add('active');
|
| 1740 |
+
}
|
| 1741 |
+
});
|
| 1742 |
+
|
| 1743 |
+
// Hide all introduction texts with fade
|
| 1744 |
+
document.querySelectorAll('.introduction-text').forEach((text, i) => {
|
| 1745 |
+
if (i === index) {
|
| 1746 |
+
text.style.display = 'block';
|
| 1747 |
+
gsap.fromTo(text,
|
| 1748 |
+
{ opacity: 0, y: 20 },
|
| 1749 |
+
{ opacity: 1, y: 0, duration: 0.5 }
|
| 1750 |
+
);
|
| 1751 |
+
} else {
|
| 1752 |
+
text.style.display = 'none';
|
| 1753 |
+
}
|
| 1754 |
+
});
|
| 1755 |
+
}
|
| 1756 |
+
|
| 1757 |
+
// testimonial switching
|
| 1758 |
+
function switchTestimonial(index) {
|
| 1759 |
+
// Remove active class from all elements
|
| 1760 |
+
document.querySelectorAll('.testimonial-card').forEach(card => {
|
| 1761 |
+
card.classList.remove('active');
|
| 1762 |
+
});
|
| 1763 |
+
|
| 1764 |
+
document.querySelectorAll('.single-profile-card').forEach(profile => {
|
| 1765 |
+
profile.classList.remove('active');
|
| 1766 |
+
});
|
| 1767 |
+
|
| 1768 |
+
document.querySelectorAll('.nav-dot').forEach(dot => {
|
| 1769 |
+
dot.classList.remove('active');
|
| 1770 |
+
});
|
| 1771 |
+
|
| 1772 |
+
// Add active class to selected elements
|
| 1773 |
+
document.getElementById(`testimonial-${index}`).classList.add('active');
|
| 1774 |
+
document.querySelectorAll('.single-profile-card')[index].classList.add('active');
|
| 1775 |
+
document.querySelectorAll('.nav-dot')[index].classList.add('active');
|
| 1776 |
+
}
|
| 1777 |
+
|
| 1778 |
+
// Auto-rotate testimonials
|
| 1779 |
+
let testimonialIndex = 0;
|
| 1780 |
+
function autoRotateTestimonials() {
|
| 1781 |
+
testimonialIndex = (testimonialIndex + 1) % 3;
|
| 1782 |
+
switchTestimonial(testimonialIndex);
|
| 1783 |
+
}
|
| 1784 |
+
|
| 1785 |
+
// Start auto-rotation after page load
|
| 1786 |
+
setTimeout(() => {
|
| 1787 |
+
setInterval(autoRotateTestimonials, 6000);
|
| 1788 |
+
}, 3000);
|
| 1789 |
+
|
| 1790 |
+
// contact form submission
|
| 1791 |
+
document.getElementById("contactForm").addEventListener("submit", function (event) {
|
| 1792 |
+
event.preventDefault();
|
| 1793 |
+
const name = document.getElementById("name").value;
|
| 1794 |
+
const email = document.getElementById("email").value;
|
| 1795 |
+
const messageText = document.getElementById("message").value;
|
| 1796 |
+
const message = `Hi! I'm ${name} (${email}). ${messageText}`;
|
| 1797 |
+
const phoneNumber = "918894869371";
|
| 1798 |
+
const url = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(message)}`;
|
| 1799 |
+
window.open(url, '_blank');
|
| 1800 |
+
|
| 1801 |
+
// Reset form
|
| 1802 |
+
this.reset();
|
| 1803 |
+
|
| 1804 |
+
// Show success message
|
| 1805 |
+
const button = this.querySelector('button');
|
| 1806 |
+
const originalText = button.textContent;
|
| 1807 |
+
button.textContent = 'Message Sent! ✓';
|
| 1808 |
+
button.style.background = 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)';
|
| 1809 |
+
|
| 1810 |
+
setTimeout(() => {
|
| 1811 |
+
button.textContent = originalText;
|
| 1812 |
+
button.style.background = '';
|
| 1813 |
+
}, 3000);
|
| 1814 |
+
});
|
| 1815 |
+
|
| 1816 |
+
// Smooth scrolling for internal links
|
| 1817 |
+
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
|
| 1818 |
+
anchor.addEventListener('click', function (e) {
|
| 1819 |
+
e.preventDefault();
|
| 1820 |
+
const target = document.querySelector(this.getAttribute('href'));
|
| 1821 |
+
if (target) {
|
| 1822 |
+
target.scrollIntoView({
|
| 1823 |
+
behavior: 'smooth',
|
| 1824 |
+
block: 'start'
|
| 1825 |
+
});
|
| 1826 |
+
}
|
| 1827 |
+
});
|
| 1828 |
+
});
|
| 1829 |
+
|
| 1830 |
+
// button interactions
|
| 1831 |
+
document.querySelectorAll('.chat-button, .github-btn').forEach(button => {
|
| 1832 |
+
button.addEventListener('mouseenter', function () {
|
| 1833 |
+
gsap.to(this, { scale: 1.05, duration: 0.3 });
|
| 1834 |
+
});
|
| 1835 |
+
|
| 1836 |
+
button.addEventListener('mouseleave', function () {
|
| 1837 |
+
gsap.to(this, { scale: 1, duration: 0.3 });
|
| 1838 |
+
});
|
| 1839 |
+
});
|
| 1840 |
+
|
| 1841 |
+
// Project card hover effects
|
| 1842 |
+
document.querySelectorAll('.project-card').forEach(card => {
|
| 1843 |
+
card.addEventListener('mouseenter', function () {
|
| 1844 |
+
gsap.to(this, { y: -10, scale: 1.02, duration: 0.3 });
|
| 1845 |
+
});
|
| 1846 |
+
|
| 1847 |
+
card.addEventListener('mouseleave', function () {
|
| 1848 |
+
gsap.to(this, { y: 0, scale: 1, duration: 0.3 });
|
| 1849 |
+
});
|
| 1850 |
+
});
|
| 1851 |
+
|
| 1852 |
+
// Parallax effect for background
|
| 1853 |
+
window.addEventListener('scroll', () => {
|
| 1854 |
+
const scrolled = window.pageYOffset;
|
| 1855 |
+
const parallax = document.querySelector('.animated-bg');
|
| 1856 |
+
const speed = scrolled * 0.5;
|
| 1857 |
+
parallax.style.transform = `translateY(${speed}px)`;
|
| 1858 |
+
});
|
| 1859 |
+
|
| 1860 |
+
// Add typing effect to main title
|
| 1861 |
+
function typeWriter(element, text, speed = 100) {
|
| 1862 |
+
let i = 0;
|
| 1863 |
+
element.innerHTML = '';
|
| 1864 |
+
function type() {
|
| 1865 |
+
if (i < text.length) {
|
| 1866 |
+
element.innerHTML += text.charAt(i);
|
| 1867 |
+
i++;
|
| 1868 |
+
setTimeout(type, speed);
|
| 1869 |
+
}
|
| 1870 |
+
}
|
| 1871 |
+
type();
|
| 1872 |
+
}
|
| 1873 |
+
|
| 1874 |
+
// Initialize typing effect after load
|
| 1875 |
+
setTimeout(() => {
|
| 1876 |
+
const titleElement = document.querySelector('.body-title h2');
|
| 1877 |
+
if (titleElement) {
|
| 1878 |
+
typeWriter(titleElement, "Transforming Data into Intelligence", 50);
|
| 1879 |
+
}
|
| 1880 |
+
}, 500); // shorter delay so it starts quickly
|
| 1881 |
+
|
| 1882 |
+
// Add cursor pointer to clickable elements
|
| 1883 |
+
document.querySelectorAll('.design-card, .single-profile-card, .nav-dot').forEach(el => {
|
| 1884 |
+
el.style.cursor = 'pointer';
|
| 1885 |
+
});
|
| 1886 |
+
|
| 1887 |
+
// Performance optimization - Lazy load images
|
| 1888 |
+
const images = document.querySelectorAll('img[loading="lazy"]');
|
| 1889 |
+
const imageObserver = new IntersectionObserver((entries, observer) => {
|
| 1890 |
+
entries.forEach(entry => {
|
| 1891 |
+
if (entry.isIntersecting) {
|
| 1892 |
+
const img = entry.target;
|
| 1893 |
+
img.src = img.dataset.src || img.src;
|
| 1894 |
+
img.classList.remove('lazy');
|
| 1895 |
+
imageObserver.unobserve(img);
|
| 1896 |
+
}
|
| 1897 |
+
});
|
| 1898 |
+
});
|
| 1899 |
+
|
| 1900 |
+
images.forEach(img => imageObserver.observe(img));
|
| 1901 |
+
</script>
|
| 1902 |
+
</body>
|
| 1903 |
+
</html>
|
robots.txt
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
User-agent: *
|
| 2 |
+
Allow: /
|
| 3 |
+
Sitemap: https://lovnishverma.github.io/sitemap.xml
|
sitemap.xml
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
+
<?xml version="1.0" encoding="UTF-8"?>
|
| 2 |
+
<urlset
|
| 3 |
+
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
| 4 |
+
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
| 5 |
+
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
|
| 6 |
+
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
|
| 7 |
+
|
| 8 |
+
<url>
|
| 9 |
+
<loc>https://lovnishverma.github.io/</loc>
|
| 10 |
+
<lastmod>2025-06-29T12:49:38+00:00</lastmod>
|
| 11 |
+
<changefreq>monthly</changefreq>
|
| 12 |
+
<priority>1.0</priority>
|
| 13 |
+
</url>
|
| 14 |
+
|
| 15 |
+
</urlset>
|