Spaces:

simran40
/

simran-portfolio

Running

App Files Files Community

simran40 commited on 14 days ago

Commit

ccb9c89

verified ·

1 Parent(s): 88ab46d

Update index.html

Browse files

Files changed (1) hide show

index.html +67 -309

index.html CHANGED Viewed

@@ -1,323 +1,81 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Simranpreet Kaur | AI Portfolio</title>
-<style>
-body{
-  padding:2rem;
-  font-family:-apple-system,BlinkMacSystemFont,"Arial",sans-serif;
-  background:linear-gradient(135deg,#0f2027,#203a43,#2c5364);
-  color:#f1f5f9;
-}
-.card{
-  max-width:820px;
-  margin:auto;
-  padding:32px;
-  border-radius:20px;
-  background:rgba(255,255,255,0.12);
-  backdrop-filter:blur(14px);
-  border:1px solid rgba(255,255,255,0.25);<!DOCTYPE html>
-<html lang="en">
-<head>
-<meta charset="UTF-8">
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title>Simranpreet Kaur | AI Portfolio</title>
-<style>
-/* ===== GLOBAL THEME ===== */
-body{
-  padding:2.5rem;
-  font-family:-apple-system,BlinkMacSystemFont,"Arial",sans-serif;
-  background:
-    radial-gradient(circle at top left, #164e63, transparent 45%),
-    radial-gradient(circle at bottom right, #312e81, transparent 45%),
-    linear-gradient(135deg,#020617,#020617);
-  color:#f8fafc;
-}
-/* ===== MAIN GLASS CARD ===== */
-.card{
-  max-width:900px;
-  margin:auto;
-  padding:38px;
-  border-radius:24px;
-  background:rgba(255,255,255,0.14);
-  backdrop-filter:blur(18px);
-  -webkit-backdrop-filter:blur(18px);
-  border:1px solid rgba(255,255,255,0.35);
-  box-shadow:0 35px 80px rgba(0,0,0,0.6);
-}
-/* ===== TEXT ===== */
-h1{
-  font-size:32px;
-  margin-bottom:6px;
-  letter-spacing:0.4px;
-}
-.subtitle{
-  font-size:15px;
-  opacity:0.85;
-}
-h2{
-  font-size:18px;
-  margin-top:30px;
-  margin-bottom:12px;
-  color:#ecfeff;
-  letter-spacing:0.3px;
-}
-p{
-  font-size:15px;
-  color:#d1d5db;
-  line-height:1.7;
-}
-/* ===== BUTTONS ===== */
-.btns{
-  margin-top:16px;
-  display:flex;
-  gap:12px;
-  flex-wrap:wrap;
-}
-.btn{
-  padding:9px 18px;
-  border-radius:999px;
-  background:linear-gradient(90deg,#22d3ee,#a78bfa);
-  color:#020617;
-  font-weight:600;
-  text-decoration:none;
-  transition:all 0.3s ease;
-}
-.btn:hover{
-  transform:translateY(-2px) scale(1.06);
-  box-shadow:0 0 32px rgba(167,139,250,0.9);
-}
-/* ===== PROJECT GLASS BLOCKS ===== */
-.project{
-  margin-top:18px;
-  padding:20px;
-  border-radius:18px;
-  background:rgba(255,255,255,0.10);
-  border:1px solid rgba(255,255,255,0.25);
-  transition:all 0.35s ease;
-}
-.project:hover{
-  transform:translateY(-7px);
-  background:rgba(255,255,255,0.18);
-}
-.project strong{
-  font-size:16px;
-}
-/* ===== FOOTER ===== */
-footer{
-  text-align:center;
-  margin-top:32px;
-  font-size:13px;
-  opacity:0.7;
-}
-</style>
 </head>
 <body>
-<div class="card">
-<h1>Simranpreet Kaur</h1>
-<p class="subtitle"><strong>B.Tech CSE (Final Year)</strong> • AI / ML & Data Science</p>
-<p>
-Final-year Computer Science student passionate about building
-<strong>intelligent, real-world AI systems</strong>.
-My projects focus on Machine Learning, Computer Vision,
-and data-driven analysis, deployed as live Hugging Face demos.
-</p>
-<div class="btns">
-  <a class="btn" href="https://huggingface.co/simran40" target="_blank">Hugging Face</a>
-  <a class="btn" href="mailto:spreetkaur937@gmail.com">Email</a>
-</div>
-<h2>Technical Skills</h2>
-<p>
-Python • Machine Learning • Computer Vision • YOLO • NLP<br>
-NumPy • Pandas • Matplotlib • HTML • CSS<br>
-Git • GitHub • VS Code • Google Colab
-</p>
-<h2>Live AI Projects</h2>
-<div class="project">
-  <strong>🔊 Text to Speech System</strong>
-  <p>AI-based application that converts text into natural-sounding speech.</p>
-  <a class="btn" href="https://huggingface.co/spaces/simran40/text-to-speech-client" target="_blank">Open Project</a>
-</div>
-<div class="project">
-  <strong>🎯 Object Detection System</strong>
-  <p>Real-time object detection using deep learning and computer vision.</p>
-  <a class="btn" href="https://huggingface.co/spaces/simran40/object_detection_system" target="_blank">Open Project</a>
-</div>
-<div class="project">
-  <strong>📈 Stock Market Sentiment Analysis</strong>
-  <p>NLP-based system to analyze stock market sentiment from data.</p>
-  <a class="btn" href="https://huggingface.co/spaces/simran40/stock-sentimt" target="_blank">Open Project</a>
-</div>
-<div class="project">
-  <strong>💎 Diamond Price Prediction</strong>
-  <p>Machine learning regression model for predicting diamond prices.</p>
-  <a class="btn" href="https://huggingface.co/spaces/simran40/diamond_price_prediction" target="_blank">Open Project</a>
-</div>
-</div>
-<footer>
-© 2025 Simranpreet Kaur • AI Glass Portfolio
-</footer>
-</body>
-</html>
-  box-shadow:0 25px 50px rgba(0,0,0,0.45);
-}
-h1{
-  font-size:28px;
-  margin-bottom:4px;
-}
-h2{
-  font-size:16px;
-  margin-top:26px;
-  margin-bottom:8px;
-  opacity:0.9;
-}
-p{
-  font-size:15px;
-  color:#d1d5db;
-  line-height:1.6;
-}
-.btns{
-  margin-top:12px;
-  display:flex;
-  gap:10px;
-  flex-wrap:wrap;
-}
-.btn{
-  padding:8px 16px;
-  border-radius:999px;
-  background:linear-gradient(90deg,#38bdf8,#a78bfa);
-  color:#020617;
-  font-weight:600;
-  text-decoration:none;
-  transition:0.3s;
-}
-.btn:hover{
-  transform:translateY(-2px) scale(1.05);
-  box-shadow:0 0 25px #38bdf8;
-}
-.project{
-  margin-top:14px;
-  padding:16px;
-  border-radius:14px;
-  background:rgba(255,255,255,0.08);
-  border:1px solid rgba(255,255,255,0.2);
-  transition:0.3s;
-}
-.project:hover{
-  transform:translateY(-4px);
-  background:rgba(255,255,255,0.14);
-}
-footer{
-  text-align:center;
-  margin-top:26px;
-  font-size:13px;
-  opacity:0.7;
-}
-</style>
-</head>
-<body>
-<div class="card">
-<h1>Simranpreet Kaur</h1>
-<p><strong>B.Tech CSE (Final Year)</strong> • AI / ML & Computer Vision</p>
-<p>
-Final-year Computer Science student focused on Machine Learning,
-Computer Vision and real-world AI applications.
-All projects are deployed as live demos on Hugging Face.
-</p>
-<div class="btns">
-<a class="btn" href="https://huggingface.co/simran40" target="_blank">Hugging Face</a>
-<a class="btn" href="mailto:spreetkaur937@gmail.com">Email</a>
-</div>
-<h2>Technical Skills</h2>
-<p>
-Python • Machine Learning • YOLO • TensorFlow • OpenCV<br>
-NumPy • Pandas • Matplotlib • HTML • CSS<br>
-Git • GitHub • VS Code • Google Colab
-</p>
-<h2>Live Projects</h2>
-<div class="project">
-<strong>Object Detection (YOLO)</strong>
-<p>Real-time object detection using computer vision.</p>
-<a class="btn" href="https://huggingface.co/spaces/simran40/object-detection" target="_blank">View Project</a>
-</div>
-<div class="project">
-<strong>Face Detection System</strong>
-<p>OpenCV-based real-time face detection.</p>
-<a class="btn" href="https://huggingface.co/spaces/simran40/face-detection" target="_blank">View Project</a>
-</div>
-<div class="project">
-<strong>Text to Speech</strong>
-<p>AI-based system converting text into speech.</p>
-<a class="btn" href="https://huggingface.co/spaces/simran40/text-to-speech" target="_blank">View Project</a>
-</div>
-<div class="project">
-<strong>Diamond Price Prediction</strong>
-<p>Machine learning regression model.</p>
-<a class="btn" href="https://huggingface.co/spaces/simran40/diamond-price" target="_blank">View Project</a>
-</div>
-<div class="project">
-<strong>Stock Market Analysis</strong>
-<p>Market trend analysis & visualization.</p>
-<a class="btn" href="https://huggingface.co/spaces/simran40/stock-analysis" target="_blank">View Project</a>
-</div>
 </div>
 <footer>
-© 2025 Simranpreet Kaur • AI Portfolio
 </footer>
 </body>

 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Simranpreet Kaur | AI Portfolio</title>
+  <link rel="stylesheet" href="style.css" />
 </head>
 <body>
+<div class="container">
+  <!-- LEFT PROFILE -->
+  <div class="glass profile">
+    <h1>Simranpreet Kaur</h1>
+    <div class="role">B.Tech CSE (Final Year) • AI / ML Enthusiast</div>
+    <p>
+      I am a final-year Computer Science student passionate about building
+      intelligent systems using Machine Learning, Computer Vision, and
+      data-driven approaches. All my projects are deployed as live demos
+      on Hugging Face.
+    </p>
+    <div class="buttons">
+      <a class="btn" href="https://huggingface.co/simran40" target="_blank">Hugging Face</a>
+      <a class="btn" href="mailto:spreetkaur937@gmail.com">Email</a>
+    </div>
+    <h2 class="section-title" style="margin-top:26px;">Skills</h2>
+    <div class="skills">
+      <div class="skill">Python</div>
+      <div class="skill">Machine Learning</div>
+      <div class="skill">Computer Vision</div>
+      <div class="skill">YOLO</div>
+      <div class="skill">NLP</div>
+      <div class="skill">OpenCV</div>
+      <div class="skill">TensorFlow</div>
+      <div class="skill">Pandas</div>
+      <div class="skill">NumPy</div>
+      <div class="skill">Matplotlib</div>
+    </div>
+  </div>
+  <!-- RIGHT PROJECTS -->
+  <div class="glass">
+    <h2 class="section-title">Live AI Projects</h2>
+    <div class="project">
+      <h3>🔊 Text to Speech System</h3>
+      <p>Converts written text into natural-sounding speech using AI.</p>
+      <a class="btn" href="https://huggingface.co/spaces/simran40/text-to-speech-client" target="_blank">Open Project</a>
+    </div>
+    <div class="project">
+      <h3>🎯 Object Detection System</h3>
+      <p>Real-time object detection using deep learning & computer vision.</p>
+      <a class="btn" href="https://huggingface.co/spaces/simran40/object_detection_system" target="_blank">Open Project</a>
+    </div>
+    <div class="project">
+      <h3>📈 Stock Market Sentiment Analysis</h3>
+      <p>NLP-based sentiment analysis for stock market data.</p>
+      <a class="btn" href="https://huggingface.co/spaces/simran40/stock-sentimt" target="_blank">Open Project</a>
+    </div>
+    <div class="project">
+      <h3>💎 Diamond Price Prediction</h3>
+      <p>Machine learning regression model for predicting diamond prices.</p>
+      <a class="btn" href="https://huggingface.co/spaces/simran40/diamond_price_prediction" target="_blank">Open Project</a>
+    </div>
+  </div>
 </div>
 <footer>
+  © 2025 Simranpreet Kaur • Creative AI Glass Portfolio
 </footer>
 </body>