Skip to content

Tasniema/My-portfolio

Repository files navigation

Tasneem's Portfolio

Welcome to Tasneem's Portfolio! This project showcases my skills, projects, and experience as a Freelance & Frontend Web Developer. It features my recent works, personal details, and ways to connect with me. The portfolio is designed to be visually engaging and responsive across all devices.


🔗 Live Demo

You can view the live portfolio here:
Tasneem's Portfolio


📁 Project Structure

  • HTML Files:

    • index.html: The homepage of the portfolio.
    • index-about.html: About page.
    • contact-index.html: Contact page.
    • MorWork.html: Displays additional projects.
  • CSS Files:

    • index.css: Main styling for the portfolio.
    • index-two.css: Additional styles for specific sections.
  • JavaScript Files:

    • index.js: Handles interactive elements like popups, animations, and dynamic updates.
  • Assets:

    • Images: Contains personal photos, project previews, and icons.
    • Icons: Used for various decorative and functional elements.

🌟 Features

Navbar

  • A dynamic navigation bar with animated icons.
  • Links to Home, About, and Contact pages.

Header Section

  • Displays my personal photo, name, and a tagline: "Coded By Tasneem Salim."
  • Includes a location section with an Earth icon.

Sections

  1. Introduction Section: Highlights my expertise as a Freelance & Frontend Web Developer.
  2. About Section: Shares my passion for learning new technologies and my approach to design and development.
  3. Portfolio Section: Displays my recent works with links to live demos.
    • Includes interactive cards with hover effects.
    • Clicking a project opens the project in a new tab.
  4. Footer Section:
    • Displays contact information.
    • Includes social links to Instagram, LinkedIn, and GitHub.

Interactive Elements

  • Popup Image: Clicking on a project dynamically displays the project image with related details.
  • Hover Animations: Smooth hover effects on navigation and project cards.
  • Dynamic Local Time: Displays the current local time in the footer.

🛠️ Technologies Used

  • HTML5: Semantic and structured markup.
  • CSS3: For styling and animations.
  • JavaScript (ES6): Interactive functionalities and dynamic content updates.

🖼️ Featured Projects

  • Design and development of an e-commerce platform.
  • A beautifully designed and developed bridal shop website.
  • A furniture store design showcasing modern aesthetics.
  • A dynamic website for motorcycle enthusiasts.

📧 Contact Information


🚀 Getting Started

Prerequisites

  • A browser to view the project (e.g., Chrome, Firefox).
  • A code editor (optional) for customization.

Steps to Run Locally

  1. Clone the repository:
    git clone https://github.com/Tasniema/My-portfolio.git

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published