Hugging Face's logo

Spaces:
simran40
/
simran-portfolio
Running

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

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +170 -0
index.html CHANGED
@@ -20,7 +20,177 @@ body{
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
 
 
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);<!DOCTYPE html>
24
+ <html lang="en">
25
+ <head>
26
+ <meta charset="UTF-8">
27
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
28
+ <title>Simranpreet Kaur | AI Portfolio</title>
29
+
30
+ <style>
31
+ /* ===== GLOBAL THEME ===== */
32
+ body{
33
+ padding:2.5rem;
34
+ font-family:-apple-system,BlinkMacSystemFont,"Arial",sans-serif;
35
+ background:
36
+ radial-gradient(circle at top left, #164e63, transparent 45%),
37
+ radial-gradient(circle at bottom right, #312e81, transparent 45%),
38
+ linear-gradient(135deg,#020617,#020617);
39
+ color:#f8fafc;
40
+ }
41
+
42
+ /* ===== MAIN GLASS CARD ===== */
43
+ .card{
44
+ max-width:900px;
45
+ margin:auto;
46
+ padding:38px;
47
+ border-radius:24px;
48
+ background:rgba(255,255,255,0.14);
49
+ backdrop-filter:blur(18px);
50
+ -webkit-backdrop-filter:blur(18px);
51
+ border:1px solid rgba(255,255,255,0.35);
52
+ box-shadow:0 35px 80px rgba(0,0,0,0.6);
53
+ }
54
+
55
+ /* ===== TEXT ===== */
56
+ h1{
57
+ font-size:32px;
58
+ margin-bottom:6px;
59
+ letter-spacing:0.4px;
60
+ }
61
+
62
+ .subtitle{
63
+ font-size:15px;
64
+ opacity:0.85;
65
+ }
66
+
67
+ h2{
68
+ font-size:18px;
69
+ margin-top:30px;
70
+ margin-bottom:12px;
71
+ color:#ecfeff;
72
+ letter-spacing:0.3px;
73
+ }
74
+
75
+ p{
76
+ font-size:15px;
77
+ color:#d1d5db;
78
+ line-height:1.7;
79
+ }
80
+
81
+ /* ===== BUTTONS ===== */
82
+ .btns{
83
+ margin-top:16px;
84
+ display:flex;
85
+ gap:12px;
86
+ flex-wrap:wrap;
87
+ }
88
+
89
+ .btn{
90
+ padding:9px 18px;
91
+ border-radius:999px;
92
+ background:linear-gradient(90deg,#22d3ee,#a78bfa);
93
+ color:#020617;
94
+ font-weight:600;
95
+ text-decoration:none;
96
+ transition:all 0.3s ease;
97
+ }
98
+
99
+ .btn:hover{
100
+ transform:translateY(-2px) scale(1.06);
101
+ box-shadow:0 0 32px rgba(167,139,250,0.9);
102
+ }
103
+
104
+ /* ===== PROJECT GLASS BLOCKS ===== */
105
+ .project{
106
+ margin-top:18px;
107
+ padding:20px;
108
+ border-radius:18px;
109
+ background:rgba(255,255,255,0.10);
110
  border:1px solid rgba(255,255,255,0.25);
111
+ transition:all 0.35s ease;
112
+ }
113
+
114
+ .project:hover{
115
+ transform:translateY(-7px);
116
+ background:rgba(255,255,255,0.18);
117
+ }
118
+
119
+ .project strong{
120
+ font-size:16px;
121
+ }
122
+
123
+ /* ===== FOOTER ===== */
124
+ footer{
125
+ text-align:center;
126
+ margin-top:32px;
127
+ font-size:13px;
128
+ opacity:0.7;
129
+ }
130
+ </style>
131
+ </head>
132
+
133
+ <body>
134
+
135
+ <div class="card">
136
+
137
+ <h1>Simranpreet Kaur</h1>
138
+ <p class="subtitle"><strong>B.Tech CSE (Final Year)</strong> • AI / ML & Data Science</p>
139
+
140
+ <p>
141
+ Final-year Computer Science student passionate about building
142
+ <strong>intelligent, real-world AI systems</strong>.
143
+ My projects focus on Machine Learning, Computer Vision,
144
+ and data-driven analysis, deployed as live Hugging Face demos.
145
+ </p>
146
+
147
+ <div class="btns">
148
+ <a class="btn" href="https://huggingface.co/simran40" target="_blank">Hugging Face</a>
149
+ <a class="btn" href="mailto:spreetkaur937@gmail.com">Email</a>
150
+ </div>
151
+
152
+ <h2>Technical Skills</h2>
153
+ <p>
154
+ Python • Machine Learning • Computer Vision • YOLO • NLP<br>
155
+ NumPy • Pandas • Matplotlib • HTML • CSS<br>
156
+ Git • GitHub • VS Code • Google Colab
157
+ </p>
158
+
159
+ <h2>Live AI Projects</h2>
160
+
161
+ <div class="project">
162
+ <strong>🔊 Text to Speech System</strong>
163
+ <p>AI-based application that converts text into natural-sounding speech.</p>
164
+ <a class="btn" href="https://huggingface.co/spaces/simran40/text-to-speech-client" target="_blank">Open Project</a>
165
+ </div>
166
+
167
+ <div class="project">
168
+ <strong>🎯 Object Detection System</strong>
169
+ <p>Real-time object detection using deep learning and computer vision.</p>
170
+ <a class="btn" href="https://huggingface.co/spaces/simran40/object_detection_system" target="_blank">Open Project</a>
171
+ </div>
172
+
173
+ <div class="project">
174
+ <strong>📈 Stock Market Sentiment Analysis</strong>
175
+ <p>NLP-based system to analyze stock market sentiment from data.</p>
176
+ <a class="btn" href="https://huggingface.co/spaces/simran40/stock-sentimt" target="_blank">Open Project</a>
177
+ </div>
178
+
179
+ <div class="project">
180
+ <strong>💎 Diamond Price Prediction</strong>
181
+ <p>Machine learning regression model for predicting diamond prices.</p>
182
+ <a class="btn" href="https://huggingface.co/spaces/simran40/diamond_price_prediction" target="_blank">Open Project</a>
183
+ </div>
184
+
185
+ </div>
186
+
187
+ <footer>
188
+ © 2025 Simranpreet Kaur • AI Glass Portfolio
189
+ </footer>
190
+
191
+ </body>
192
+ </html>
193
+
194
  box-shadow:0 25px 50px rgba(0,0,0,0.45);
195
  }
196