diff --git a/img/4.jpg b/img/4.jpg new file mode 100644 index 0000000..8a8c169 Binary files /dev/null and b/img/4.jpg differ diff --git a/img/MY RESUME.pdf b/img/MY RESUME.pdf new file mode 100644 index 0000000..7b16188 Binary files /dev/null and b/img/MY RESUME.pdf differ diff --git a/img/MY RESUME.txt b/img/MY RESUME.txt new file mode 100644 index 0000000..af838b5 --- /dev/null +++ b/img/MY RESUME.txt @@ -0,0 +1,35 @@ +PANDIYAN SHANMUGAM +Python Developer & Machine Learning Engineer + +Contact Information: +Email: pandiyanshanmugam3105@gmail.com +LinkedIn: linkedin.com/in/pandiyan-shanmugam +GitHub: github.com/S-PANDIYAN + +EDUCATION: +Bachelor of Technology in Artificial Intelligence and Machine Learning +Sri Shakthi Institute of Engineering and Technology (Currently Pursuing) + +TECHNICAL SKILLS: +- Python Programming +- Django & Flask Frameworks +- Machine Learning & AI +- Data Analysis (Pandas, NumPy) +- Database Management +- REST API Development +- Git & Version Control + +CERTIFICATIONS: +- Machine Learning Specialization (Coursera) +- Intermediate Git (DataCamp) +- GitHub Concepts (DataCamp) + +PROJECTS: +1. Flask Web Application - Full-stack web app with authentication +2. Data Analysis Dashboard - Interactive visualization with Streamlit +3. REST API Service - FastAPI with JWT authentication +4. AI Chatbot - NLP-based customer support automation +5. E-commerce Platform - Django-based online retail solution +6. Task Automation Suite - Python scripts for workflow optimization + +Replace this text file with your actual PDF resume. diff --git a/img/Screenshot 2025-08-13 153352.png b/img/Screenshot 2025-08-13 153352.png new file mode 100644 index 0000000..ccb3598 Binary files /dev/null and b/img/Screenshot 2025-08-13 153352.png differ diff --git a/img/aboutMe.svg b/img/aboutMe.svg new file mode 100644 index 0000000..8082134 --- /dev/null +++ b/img/aboutMe.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + Python Developer + diff --git a/img/certifications/coursera-ml.svg b/img/certifications/coursera-ml.svg new file mode 100644 index 0000000..a404138 --- /dev/null +++ b/img/certifications/coursera-ml.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + COURSERA + + + Machine Learning + Specialization + + + Awarded to + Pandiyan Shanmugam + + + Completed 2024 + + + + βœ“ + diff --git a/img/certifications/datacamp-git.svg b/img/certifications/datacamp-git.svg new file mode 100644 index 0000000..5b267d3 --- /dev/null +++ b/img/certifications/datacamp-git.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + DATACAMP + + + Git & GitHub + Intermediate Course + + + Certified Developer + Pandiyan Shanmugam + + + Completed 2024 + + + + βœ“ + diff --git a/img/certifications/python-cert.svg b/img/certifications/python-cert.svg new file mode 100644 index 0000000..7bc01e4 --- /dev/null +++ b/img/certifications/python-cert.svg @@ -0,0 +1,31 @@ + + + + + + + + + + + + + + + PYTHON INSTITUTE + + + Python Programming + Advanced Certification + + + Certified Developer + Pandiyan Shanmugam + + + Completed 2024 + + + + 🐍 + diff --git a/img/pic 2.jpg b/img/pic 2.jpg new file mode 100644 index 0000000..516a3fe Binary files /dev/null and b/img/pic 2.jpg differ diff --git a/img/picture.jpg b/img/picture.jpg new file mode 100644 index 0000000..310adda Binary files /dev/null and b/img/picture.jpg differ diff --git a/img/portfolio/automation.svg b/img/portfolio/automation.svg new file mode 100644 index 0000000..5edd411 --- /dev/null +++ b/img/portfolio/automation.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + Automation Script + + + + πŸ“Š + + + + + + βš™οΈ + + + + + + βœ… + + + + [INFO] Script started... + [SUCCESS] Task completed + [RUNNING] Processing data... + + + Automation Script + diff --git a/img/portfolio/chatbot.svg b/img/portfolio/chatbot.svg new file mode 100644 index 0000000..af9d939 --- /dev/null +++ b/img/portfolio/chatbot.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + ChatBot + + + + + Hello! How can I help? + + + What's the weather? + + + It's sunny, 25Β°C today! + + + + Type a message... + + + Python Chatbot + diff --git a/img/portfolio/data-analysis.svg b/img/portfolio/data-analysis.svg new file mode 100644 index 0000000..c26c4d7 --- /dev/null +++ b/img/portfolio/data-analysis.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + + πŸ“Š + + + Data Analysis Tool + diff --git a/img/portfolio/ecommerce.svg b/img/portfolio/ecommerce.svg new file mode 100644 index 0000000..f1defd8 --- /dev/null +++ b/img/portfolio/ecommerce.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + πŸ›’ E-Shop + + + + + $29.99 + + + + $19.99 + + + + $39.99 + + + + πŸ›’ + + 3 + + + E-commerce Site + diff --git a/img/portfolio/python-webapp.svg b/img/portfolio/python-webapp.svg new file mode 100644 index 0000000..c043a56 --- /dev/null +++ b/img/portfolio/python-webapp.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + 🐍 + + + Python Web App + diff --git a/img/portfolio/rest-api.svg b/img/portfolio/rest-api.svg new file mode 100644 index 0000000..b2b885a --- /dev/null +++ b/img/portfolio/rest-api.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + GET + /api/users + + POST + /api/users + + PUT + /api/users/:id + + DELETE + /api/users/:id + + + Status: 200 OK + + + REST API + diff --git a/img/support.svg b/img/support.svg new file mode 100644 index 0000000..ae7f8fb --- /dev/null +++ b/img/support.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + πŸ’¬ + + + Let's Work Together + Contact Support + diff --git a/index.html b/index.html index 4248d63..2a8d819 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,10 @@ - +
+ Hire Me Now ! + Download CV +
Portfolio website @@ -19,7 +22,7 @@
  • About
  • Services
  • Portfolio
  • -
  • Blog
  • +
  • LinkedIn
  • Contact
  • @@ -36,43 +39,43 @@

    Welcome To my World

    Hi I'm Pandiyan

    -

    Python Developer

    +

    Machine Learning Engineer | AI Enthusiast

    -

    i am a python developer

    +

    I am a Machine Learning Engineer with a passion for AI technologies.

    - Hire Me Now ! - Download CV + Hire Me Now ! + Download CV
    - +
    - +
    - +
    - +
    - -
    + Pandiyan - Python Developer +
    - +

    Machine Learning Engineer | AI Enthusiast

    @@ -81,70 +84,70 @@

    Python Developer

    - + About Pandiyan
    - - + +

    About Me

    -

    3 Year's Experience on Product Design

    -

    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sint voluptatem autem ex in. Temporibus et maiores ipsum recusandae voluptas consequatur!

    +

    Machine Learning Engineer | AI Enthusiast

    +

    Passionate about developing intelligent systems and deploying real-world AI solutions. Experienced in building and deploying ML models for classification, NLP, and RAG-based search applications.

    - +
    -

    User Experience Design - UI / UX

    - Delight the user and make it work. +

    Machine Learning & AI

    + Model development, evaluation, and optimization.
    -

    Web & User Interface Design - Development

    - Website , Web Experience , ... +

    Natural Language Processing

    + Sentiment analysis, emotion classification, RAG pipelines.
    -

    Interaction Desing - Animation

    - I Like to move it move it +

    Deep Learning

    + Neural networks, CNNs, RNNs(TensorFlow/Keras)
    -

    Web Design Award

    - Award for creativity and user experience. +

    Machine Learning specialization

    + Coursera - Machine Learning
    -

    Code and Development Award

    - Exceptional coding skills and develoment techniques +

    Intermediate to Git

    + Datacamp - Intermediate to Git
    -

    Hackathons and coding Competiotions

    - Participating in hackathons and coding. +

    Intermediate to GitHub Concepts

    + Datacamp - Intermediate to GitHub
    -

    Online Courses and Bootcamps

    - Delight the user and make it work. +

    Bachelor of Technology in Artificial Intelligence and Machine Learning (Currently Pursuing)

    + Sri Shakthi Institute of Engineering and Technology
    -

    Internships and Work Experience

    - Website , Web Experience , ... +

    Higher Secondary Certificate(HSC)

    + Government Higher Secondary School, Kedar
    -

    Bachelor's Degree in Computer Science

    - I Like to move it move it +

    Secondary School Leaving Certificate (SSLC)

    + Government Higher Secondary School, Kedar
    @@ -158,42 +161,42 @@

    My Services

    - +
    -

    App Development

    -

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure inventore ea nemo ab recusandae modi voluptates maxime ipsam eveniet. Facilis.

    - Read More +

    Machine Learning Model Development

    +

    Build and optimize machine learning models for classification, regression, and clustering tasks. Includes data preprocessing, feature engineering, model selection, and performance evaluation using Scikit-learn, TensorFlow, and Keras.

    + Get Started
    - +
    -

    Web Development

    -

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure inventore ea nemo ab recusandae modi voluptates maxime ipsam eveniet. Facilis.

    - Read More +

    Natural Language Processing (NLP)

    +

    Develop NLP applications such as sentiment analysis, emotion detection, and RAG-based question answering. Utilize transformer models, embeddings, and vector databases like FAISS or Chroma for accurate, context-aware results.

    + Get Started
    - +
    -

    UI / UX Design

    -

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure inventore ea nemo ab recusandae modi voluptates maxime ipsam eveniet. Facilis.

    - Read More +

    Data Science & Visualization

    +

    Comprehensive data exploration, cleaning, analysis, and visualization to uncover meaningful insights. Skilled in Pandas, NumPy, Matplotlib, and Seaborn for building interactive dashboards and reports. Capable of integrating statistical methods and machine learning to support data-driven business decisions.

    + Get Started
    - +
    -

    Digital Marketing

    -

    Lorem ipsum, dolor sit amet consectetur adipisicing elit. Iure inventore ea nemo ab recusandae modi voluptates maxime ipsam eveniet. Facilis.

    - Read More +

    AI-Powered Automation

    +

    Development of intelligent automation pipelines for workflow optimization, document processing, and personalized recommendations. Combine AI models with Python automation scripts, APIs, and database integration to improve operational efficiency, reduce manual work, and enhance productivity.

    + Get Started
    @@ -203,95 +206,98 @@

    Digital Marketing

    Have a Project On Your Mind

    Contact Me
    - +
    - - - - - + + + + +
    -

    My Services

    - what i will do for you +

    My Portfolio

    + Recent Projects & Work
    - + + - - +
    @@ -491,12 +570,12 @@

    - 0% + 0%

    - JavaScript + Data Science
    @@ -514,12 +593,12 @@

    - 0% + 0%

    - UI/UX Design + Machine Learning
    @@ -530,7 +609,7 @@

    diff --git a/shapes/circle.svg b/shapes/circle.svg new file mode 100644 index 0000000..e09b17a --- /dev/null +++ b/shapes/circle.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/shapes/half-ring.svg b/shapes/half-ring.svg new file mode 100644 index 0000000..94d6824 --- /dev/null +++ b/shapes/half-ring.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/shapes/ring.svg b/shapes/ring.svg new file mode 100644 index 0000000..1ff16b5 --- /dev/null +++ b/shapes/ring.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/shapes/second-circle.svg b/shapes/second-circle.svg new file mode 100644 index 0000000..2e968a8 --- /dev/null +++ b/shapes/second-circle.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/style.css b/style.css index c666993..ace847d 100644 --- a/style.css +++ b/style.css @@ -140,8 +140,8 @@ section{ min-height: 100vh; height: 100%; width: 100%; - display: flex; - grid-template-columns: repeat(2,1fr); + display: grid; + grid-template-columns: 1fr 1fr; align-items: center; grid-gap: 4em; background: var(--gradient-white-bg2); @@ -277,21 +277,37 @@ section{ .img-hero{ position: relative; + display: flex; + justify-content: center; + align-items: center; animation: floatImage 4s ease-in-out infinite; animation-delay: 3s; } .img-hero img{ position: relative; - width: 400px; - height: auto; + width: 350px; + height: 350px; + border-radius: 50%; + object-fit: cover; + border: 6px solid rgba(230, 0, 109, 0.2); + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1), + 0 5px 15px rgba(230, 0, 109, 0.2); z-index: 10; + transition: transform 0.3s ease, box-shadow 0.3s ease; +} + +.img-hero img:hover{ + transform: scale(1.05); + box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15), + 0 8px 25px rgba(230, 0, 109, 0.3); } .rotate-text{ position: absolute; - top: 4%; - left: -53px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; @@ -301,10 +317,10 @@ section{ .rotate-text span{ position: relative; - width: 442px; - height: 442px; - background: red; - border: 6px solid #eaeef0; + width: 420px; + height: 420px; + background: transparent; + border: 3px solid rgba(230, 0, 109, 0.1); border-radius: 50%; z-index: 1; overflow: hidden; @@ -313,10 +329,10 @@ section{ .rotate-text span::before{ content: ""; position: absolute; - inset: 20px; - background: #00aaff; + inset: 15px; + background: rgba(230, 0, 109, 0.05); border-radius: 50%; - z-index: 1; + z-index: -1; } .rotate-text span i{ @@ -330,21 +346,24 @@ section{ .rotate-text .text{ position: absolute; - width: 490px; - height: 490px; - background: #f2f6fb; + width: 460px; + height: 460px; + background: rgba(242, 246, 251, 0.8); border-radius: 50%; - box-shadow: 0 1px 6px 5.94px rgba(0,0,0,0.2); + box-shadow: 0 2px 10px rgba(0,0,0,0.1); animation: rotateText 30s linear infinite; + z-index: -1; } .text b{ position: absolute; - transform-origin: 0 247px; + transform-origin: 0 230px; display: block; top: 0; left: 50%; - font-size: 1.2rem; + font-size: 1rem; + font-weight: 500; + color: rgba(230, 0, 109, 0.7); } /* ==================== About section css code ============================ */ @@ -361,7 +380,13 @@ section{ .about .about-img .aboutHero{ width: 40vw; - height: auto; + height: 40vw; + max-width: 350px; + max-height: 350px; + border-radius: 50%; + object-fit: cover; + border: 3px solid rgba(230, 0, 109, 0.2); + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); } .about-img .ring{ @@ -1075,7 +1100,9 @@ footer{ padding-right: 3%; } .home,.portfolio-box{ + display: flex; flex-direction: column-reverse; + grid-gap: 2em; } .about,.contactSkills{ flex-direction: column; @@ -1095,6 +1122,22 @@ footer{ } .img-hero{ margin-top: 3rem; + justify-content: center; + } + + .img-hero img{ + width: 280px; + height: 280px; + } + + .rotate-text span{ + width: 320px; + height: 320px; + } + + .rotate-text .text{ + width: 350px; + height: 350px; } } @@ -1188,4 +1231,127 @@ footer{ width: 100%; padding: 13px; } +} + +/* ==================== LinkedIn Posts Styles ============================ */ + +.linkedin-post { + position: relative; +} + +.linkedin-header { + display: flex; + align-items: center; + padding: 1rem; + background: #f8f9fa; + border-radius: 10px 10px 0 0; + gap: 0.8rem; +} + +.linkedin-logo i { + font-size: 2rem; + color: #0077b5; +} + +.post-author h4 { + margin: 0; + font-size: 1rem; + font-weight: 600; + color: #2d3748; +} + +.post-author span { + font-size: 0.85rem; + color: #718096; + background: none; + -webkit-background-clip: unset; +} + +.post-image { + margin-top: 0.5rem; + border-radius: 0 0 10px 10px; + overflow: hidden; +} + +.post-image img { + width: 100%; + height: 160px; + object-fit: cover; +} + +.card-info h2 { + font-size: 1.1rem; + margin: 1rem 0 0.5rem 0; + color: #2d3748; + font-weight: 600; +} + +.card-info .date { + font-size: 0.8rem; + color: #718096; + background: none; + -webkit-background-clip: unset; + display: block; + margin-bottom: 0.8rem; +} + +.card-info .excerpt { + font-size: 0.9rem; + line-height: 1.5; + color: #4a5568; + margin-bottom: 1rem; +} + +.card-info .readMore { + display: inline-flex; + align-items: center; + gap: 0.5rem; + padding: 8px 15px; + background: #0077b5; + color: white; + text-decoration: none; + border-radius: 5px; + font-size: 0.85rem; + font-weight: 500; + transition: all 0.3s ease; + box-shadow: 0 2px 4px rgba(0, 119, 181, 0.2); +} + +.card-info .readMore:hover { + background: #005885; + transform: translateY(-1px); + box-shadow: 0 4px 8px rgba(0, 119, 181, 0.3); +} + +.card-info .readMore i { + font-size: 1rem; +} + +/* Responsive adjustments for LinkedIn posts */ +@media(max-width:768px) { + .linkedin-header { + padding: 0.8rem; + gap: 0.6rem; + } + + .linkedin-logo i { + font-size: 1.5rem; + } + + .post-author h4 { + font-size: 0.9rem; + } + + .post-author span { + font-size: 0.8rem; + } + + .card-info h2 { + font-size: 1rem; + } + + .card-info .readMore { + padding: 6px 12px; + font-size: 0.8rem; + } } \ No newline at end of file