Hugging Face's logo

Spaces:
simran40
/
simran-portfolio
Running

App Files Community
simran40 commited on
Commit
bd7ca20
·
verified ·
1 Parent(s): b401be8

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +153 -18
index.html CHANGED
@@ -1,19 +1,154 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
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>Simranpreet Kaur | AI Portfolio</title>
7
+
8
+ <style>
9
+ body{
10
+ padding:2rem;
11
+ font-family:-apple-system,BlinkMacSystemFont,"Arial",sans-serif;
12
+ background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
13
+ color:#f1f5f9;
14
+ }
15
+
16
+ .card{
17
+ max-width:820px;
18
+ margin:auto;
19
+ padding:32px;
20
+ border-radius:20px;
21
+ background:rgba(255,255,255,0.12);
22
+ backdrop-filter:blur(14px);
23
+ border:1px solid rgba(255,255,255,0.25);
24
+ box-shadow:0 25px 50px rgba(0,0,0,0.45);
25
+ }
26
+
27
+ h1{
28
+ font-size:28px;
29
+ margin-bottom:4px;
30
+ }
31
+
32
+ h2{
33
+ font-size:16px;
34
+ margin-top:26px;
35
+ margin-bottom:8px;
36
+ opacity:0.9;
37
+ }
38
+
39
+ p{
40
+ font-size:15px;
41
+ color:#d1d5db;
42
+ line-height:1.6;
43
+ }
44
+
45
+ .btns{
46
+ margin-top:12px;
47
+ display:flex;
48
+ gap:10px;
49
+ flex-wrap:wrap;
50
+ }
51
+
52
+ .btn{
53
+ padding:8px 16px;
54
+ border-radius:999px;
55
+ background:linear-gradient(90deg,#38bdf8,#a78bfa);
56
+ color:#020617;
57
+ font-weight:600;
58
+ text-decoration:none;
59
+ transition:0.3s;
60
+ }
61
+
62
+ .btn:hover{
63
+ transform:translateY(-2px) scale(1.05);
64
+ box-shadow:0 0 25px #38bdf8;
65
+ }
66
+
67
+ .project{
68
+ margin-top:14px;
69
+ padding:16px;
70
+ border-radius:14px;
71
+ background:rgba(255,255,255,0.08);
72
+ border:1px solid rgba(255,255,255,0.2);
73
+ transition:0.3s;
74
+ }
75
+
76
+ .project:hover{
77
+ transform:translateY(-4px);
78
+ background:rgba(255,255,255,0.14);
79
+ }
80
+
81
+ footer{
82
+ text-align:center;
83
+ margin-top:26px;
84
+ font-size:13px;
85
+ opacity:0.7;
86
+ }
87
+ </style>
88
+ </head>
89
+
90
+ <body>
91
+
92
+ <div class="card">
93
+
94
+ <h1>Simranpreet Kaur</h1>
95
+ <p><strong>B.Tech CSE (Final Year)</strong> • AI / ML & Computer Vision</p>
96
+
97
+ <p>
98
+ Final-year Computer Science student focused on Machine Learning,
99
+ Computer Vision and real-world AI applications.
100
+ All projects are deployed as live demos on Hugging Face.
101
+ </p>
102
+
103
+ <div class="btns">
104
+ <a class="btn" href="https://huggingface.co/simran40" target="_blank">Hugging Face</a>
105
+ <a class="btn" href="mailto:spreetkaur937@gmail.com">Email</a>
106
+ </div>
107
+
108
+ <h2>Technical Skills</h2>
109
+ <p>
110
+ Python • Machine Learning • YOLO • TensorFlow • OpenCV<br>
111
+ NumPy • Pandas • Matplotlib • HTML • CSS<br>
112
+ Git • GitHub • VS Code • Google Colab
113
+ </p>
114
+
115
+ <h2>Live Projects</h2>
116
+
117
+ <div class="project">
118
+ <strong>Object Detection (YOLO)</strong>
119
+ <p>Real-time object detection using computer vision.</p>
120
+ <a class="btn" href="https://huggingface.co/spaces/simran40/object-detection" target="_blank">View Project</a>
121
+ </div>
122
+
123
+ <div class="project">
124
+ <strong>Face Detection System</strong>
125
+ <p>OpenCV-based real-time face detection.</p>
126
+ <a class="btn" href="https://huggingface.co/spaces/simran40/face-detection" target="_blank">View Project</a>
127
+ </div>
128
+
129
+ <div class="project">
130
+ <strong>Text to Speech</strong>
131
+ <p>AI-based system converting text into speech.</p>
132
+ <a class="btn" href="https://huggingface.co/spaces/simran40/text-to-speech" target="_blank">View Project</a>
133
+ </div>
134
+
135
+ <div class="project">
136
+ <strong>Diamond Price Prediction</strong>
137
+ <p>Machine learning regression model.</p>
138
+ <a class="btn" href="https://huggingface.co/spaces/simran40/diamond-price" target="_blank">View Project</a>
139
+ </div>
140
+
141
+ <div class="project">
142
+ <strong>Stock Market Analysis</strong>
143
+ <p>Market trend analysis & visualization.</p>
144
+ <a class="btn" href="https://huggingface.co/spaces/simran40/stock-analysis" target="_blank">View Project</a>
145
+ </div>
146
+
147
+ </div>
148
+
149
+ <footer>
150
+ © 2025 Simranpreet Kaur • AI Portfolio
151
+ </footer>
152
+
153
+ </body>
154
  </html>