Spaces:

Alexvatti
/

Alex-Tech-Projects

Running

App Files Files Community

Alexvatti commited on May 12, 2025

Commit

8422d5d

verified ·

1 Parent(s): 3fd905c

Update index.html

Browse files

Files changed (1) hide show

index.html +110 -166

index.html CHANGED Viewed

@@ -1,189 +1,133 @@
 <!DOCTYPE html>
-<html>
 <head>
     <style>
         body {
-            background-color: rgb(184, 209, 234);
-            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
         }
-        h1 {
-            font-size: 50px;
             text-align: center;
-            color: blue;
-            margin-top: 30px;
-        }
-        h2 {
-            font-size: 36px;
             text-align: center;
-            color: darkgreen;
-            background-color: lightgray;
-            padding: 10px;
-            border-bottom: 2px solid gray;
-            margin-top: 20px;
-        }
-        div {
-            background-color: antiquewhite;
-            color: black;
-            padding: 20px;
-            margin: 20px;
-            border-radius: 8px;
-        }
-        ul {
-            list-style-type: square;
-            padding-left: 20px;
-            margin: 10px 0;
         }
-        ol {
-            list-style-type: upper-roman;
-            padding-left: 20px;
-            margin: 10px 0;
         }
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            margin: 20px 0;
         }
-        table, th, td {
-            border: 1px solid black;
         }
-        th {
-            background-color: #f2f2f2;
-            padding: 10px;
-            text-align: left;
         }
-        td {
-            padding: 10px;
         }
-        a:link {
-            color: blue;
             text-decoration: none;
         }
-        a:visited {
-            color: brown;
-        }
         a:hover {
-            color: blueviolet;
             text-decoration: underline;
         }
-        a:active {
-            color: orange;
-        }
-        p {
-            font-size: 16px;
-            line-height: 1.6;
-            margin: 10px 0;
-            color: #333;
-        }
-        .profile-container {
-            text-align: center;
-            margin: 30px 0;
-        }
-        .profile-img {
-        width: 150px;
-        height: 150px;
-        border-radius: 50%;
-        border: 4px solid blue;
-        margin-bottom: 15px;
-        transition: transform 0.6s ease-in-out;
-        display: inline-block;
-    }
-    .profile-img:hover {
-        transform: scale(1.1) rotate(-10deg);
-    }
     </style>
 </head>
 <body>
-<h1>Personal Portfolio</h1>
-<div class="profile-container" id="1234567">
-    <img src="Alex.jpeg" alt="Your Profile Picture" class="profile-img">
-    <p>Hello! I am [Your Name], a passionate [Your Profession, e.g., Frontend Developer, UX Designer, Full Stack Developer] with a knack for creating intuitive, user-centric designs and efficient code. With a background in [mention your background, e.g., Computer Science, Graphic Design], I strive to build impactful digital experiences that solve real-world problems.</p>
-</div>
-<h2>Skills</h2>
-<ul>
-    <li>Frontend Development (HTML, CSS, JavaScript, React.js)</li>
-    <li>Backend Development (Node.js, Express.js, Django)</li>
-    <li>Database Management (MySQL, MongoDB, PostgreSQL)</li>
-    <li>UI/UX Design (Figma, Adobe XD, Sketch)</li>
-    <li>Version Control (Git, GitHub, GitLab)</li>
-    <li>Agile and Scrum Methodologies</li>
-</ul>
-<h2>Projects</h2>
-<ol>
-    <li>Project Name 1 - Brief description of the project and the technologies used.</li>
-    <li>Project Name 2 - Brief description of the project and the technologies used.</li>
-    <li>Project Name 3 - Brief description of the project and the technologies used.</li>
-</ol>
-<h2>Experience</h2>
-<ul>
-    <li>Company Name (Job Title, Duration)</li>
-    <li>Key responsibilities and achievements.</li>
-    <li>Company Name (Job Title, Duration)</li>
-    <li>Key responsibilities and achievements.</li>
-</ul>
-<h2>Education</h2>
-<ul>
-    <li>Degree Name - University Name (Year)</li>
-    <li>Relevant Certifications or Courses</li>
-</ul>
-<h2>Contact Information</h2>
-<ul>
-    <li>Email: alexvatti@gmail.com</li>
-    <li>LinkedIn:<a href="https://www.linkedin.com/in/alexdatascientist/">LinkedIn</a></li>
-    <li>GitHub: <a href="https://github.com/alexvatti">GitHub</a></li>
-</ul>
-<h2>Project Showcase</h2>
-<table class="video-table">
-  <tr>
-    <td>
-      <<iframe width="420" height="315" src="https://www.youtube.com/embed/4ulUSNYD4uo?si=QPrXZdl5WEY1ap8U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-    </td>
-    <td>
-        <iframe width="420" height="315" src="https://www.youtube.com/embed/c2ifRxzqmi0?si=D5xmXgeGf2Gz-bzL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-    </td>
-    <td>
-        <iframe width="420" height="315" src="https://www.youtube.com/embed/x6JohBmu7XY?si=v0gfnIxpcvkgxILV" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-    </td>
-  </tr>
-  <tr>
-    <td>
-      <iframe src="https://www.youtube.com/embed/VIDEO_ID_4" title="Project 4" allowfullscreen></iframe>
-    </td>
-    <td>
-      <iframe src="https://www.youtube.com/embed/VIDEO_ID_5" title="Project 5" allowfullscreen></iframe>
-    </td>
-    <td>
-      <iframe src="https://www.youtube.com/embed/VIDEO_ID_6" title="Project 6" allowfullscreen></iframe>
-    </td>
-  </tr>
-</table>
-<p>Thank you for visiting my portfolio! Feel free to reach out if you’d like to connect or collaborate.</p>
 </body>
 </html>

 <!DOCTYPE html>
+<html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Alexander Reddy - Personal Portfolio</title>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
     <style>
         body {
+            font-family: 'Roboto', sans-serif;
+            margin: 0;
+            background-color: #f8f9fa;
+            color: #333;
         }
+        header {
+            background-color: #343a40;
+            color: #fff;
             text-align: center;
+            padding: 40px 20px;
+            border-bottom: 5px solid #007bff;
+        }
+        nav ul {
+            list-style-type: none;
+            margin: 0;
+            padding: 0;
+            overflow: hidden;
+            background-color: #007bff;
+        }
+        nav ul li {
+            float: left;
+        }
+        nav ul li a {
+            display: block;
+            color: #fff;
             text-align: center;
+            padding: 14px 20px;
+            text-decoration: none;
+            transition: background-color 0.3s;
         }
+        nav ul li a:hover {
+            background-color: #0056b3;
         }
+        section {
+            padding: 40px 20px;
+            margin: 20px auto;
+            max-width: 800px;
+            background-color: #fff;
+            border-radius: 8px;
+            box-shadow: 0 4px 20px rgba(0,0,0,0.1);
         }
+        footer {
+            text-align: center;
+            padding: 20px;
+            background-color: #343a40;
+            color: #fff;
         }
+        h1, h2 {
+            color: #007bff;
         }
+        ul li {
+            margin-bottom: 10px;
         }
+        a {
+            color: #007bff;
             text-decoration: none;
         }
         a:hover {
             text-decoration: underline;
         }
     </style>
 </head>
 <body>
+    <header>
+        <h1>Alexander Reddy</h1>
+        <p>Machine Learning Engineer | Deep Learning | GenAI | End-to-End AI Solutions</p>
+    </header>
+    <nav>
+        <ul>
+            <li><a href="#about">About Me</a></li>
+            <li><a href="#skills">Skills</a></li>
+            <li><a href="#projects">Projects</a></li>
+            <li><a href="#experience">Experience</a></li>
+            <li><a href="#contact">Contact</a></li>
+        </ul>
+    </nav>
+    <section id="about">
+        <h2>About Me</h2>
+        <p>Result-driven Machine Learning Engineer with 5+ years of experience designing, deploying, and optimizing ML/DL/GenAI solutions. Passionate about solving real-world problems through AI innovation.</p>
+    </section>
+    <section id="skills">
+        <h2>Skills</h2>
+        <ul>
+            <li>Languages/Tools: Python, SQL, Git, Bash</li>
+            <li>Libraries/Frameworks: Pandas, NumPy, Scikit-learn, TensorFlow, PyTorch, Keras, OpenCV, XGBoost, NLTK, SpaCy</li>
+            <li>Deployment & Web: Flask, Streamlit, FastAPI, Docker, AWS (EC2, S3), Azure</li>
+            <li>Concepts: Supervised & Unsupervised ML, NLP, CNN, RNN, OCR, LLMs, RAG, Chatbot</li>
+        </ul>
+    </section>
+    <section id="projects">
+        <h2>Projects</h2>
+        <ul>
+            <li><a href="https://github.com/alexvatti/telecom-churn" target="_blank">Telecom Churn Prediction</a> - Built a predictive model using XGBoost and Scikit-learn with an AUC-ROC of 0.85. Deployed using Flask on AWS.</li>
+            <li><a href="https://github.com/alexvatti/wound-image-classification" target="_blank">Wound Image Classification</a> - Improved accuracy from 50% to 85% using CNN and OpenCV, deployed on AWS.</li>
+            <li><a href="https://github.com/alexvatti/rag-chatbot" target="_blank">RAG-Based Chatbot</a> - Retrieval-Augmented Generation chatbot using LangChain and LLMs, integrated OCR, and deployed with Streamlit on AWS.</li>
+        </ul>
+    </section>
+    <section id="experience">
+        <h2>Experience</h2>
+        <ul>
+            <li>Freelance Data Scientist (Upwork) - 90% Job Success Score, delivering exceptional results for global clients.</li>
+            <li>Machine Learning Engineer (Qvantel, Hyderabad) - Developed AI/ML solutions for smart cameras and embedded systems.</li>
+        </ul>
+    </section>
+    <section id="contact">
+        <h2>Contact</h2>
+        <p>Email: <a href="mailto:alexvatti@gmail.com">alexvatti@gmail.com</a></p>
+        <p>LinkedIn: <a href="https://www.linkedin.com/in/alexdatascientist" target="_blank">alexdatascientist</a></p>
+        <p>GitHub: <a href="https://github.com/alexvatti" target="_blank">alexvatti</a></p>
+        <p>YouTube: <a href="https://www.youtube.com/@AlexTechProjects" target="_blank">AlexTechProjects</a></p>
+    </section>
+    <footer>
+        <p>© 2024 Alexander Reddy. All rights reserved.</p>
+    </footer>
 </body>
 </html>