Git Product home page Git Product logo

first-portfolio's Introduction

Personal Portfolio

Switch to Arabic Version

Portfolio Preview

Table of Contents 📜

Description 📝

This project is a personal portfolio website that demonstrates the fundamental skills learned in front-end web development. It features two main pages:

  • index.html: The captivating home page of the portfolio.
  • gallery.html: A visually stunning gallery page displaying a selection of Mohab's work.

Files Included 📁

  • index.html: This file contains the main content and structure of the home page.
  • gallery.html: A page that showcases Mohab's gallery of stunning images.
  • JS/script.js: JavaScript file responsible for handling dynamic content.
  • JS/slider.js: JavaScript file that expertly manages the image slider.
  • css/style.css: The main CSS file that styles the entire website.
  • css/slider.css: CSS file responsible for customizing the image slider.

Usage 🚀

To experience the website, simply open index.html and gallery.html in your preferred web browser.

How to Run 🏃‍♂️

  1. Clone or download this repository to your local machine.
  2. Open index.html and gallery.html in your web browser.

Dependencies 🛠️

Additional Notes 📌

  • Ensure an internet connection is available to load external resources.
  • This project employs RTL (Right-to-Left) text direction for a polished display.
  • The website design is responsive, adapting beautifully to various screen sizes.

Author 👨‍💻

Mohab Ibraheem

License 📜

This project is licensed under the MIT License.

مشروع السيرة الذاتية الشخصية

Switch to English Version

معاينة السيرة الذاتية

جدول المحتويات 📜

الوصف 📝

هذا المشروع هو موقع شخصي يظهر المهارات الأساسية التي تم تعلمها في تطوير واجهات الويب الأمامية. يحتوي على صفحتين رئيسيتين:

  • index.html: الصفحة الرئيسية الجذابة للسيرة الذاتية.
  • gallery.html: صفحة معرض الصور الرائعة التي تعرض مجموعة من أعمال Mohab.

الملفات المضمنة 📁

  • index.html: يحتوي هذا الملف على المحتوى الرئيسي والهيكل للصفحة الرئيسية.
  • gallery.html: صفحة تعرض معرض الصور الرائعة لـ Mohab.
  • JS/script.js: ملف JavaScript المسؤول عن التعامل مع المحتوى الديناميكي.
  • JS/slider.js: ملف JavaScript الذي يدير ببراعة عنصر التمرير للصور.
  • css/style.css: الملف الرئيسي لتنسيق الصفحة بأكملها.
  • css/slider.css: ملف CSS المسؤول عن تخصيص عرض الصور.

الاستخدام 🚀

لتجربة الموقع، قم ببساطة بفتح index.html و gallery.html في متصفح الويب الخاص بك.

كيفية التشغيل 🏃‍♂️

  1. استنسخ أو قم بتحميل هذا المستودع إلى جهاز الكمبيوتر الخاص بك.
  2. افتح index.html و gallery.html في متصفح الويب الخاص بك.

التبعيات 🛠️

ملاحظات إضافية 📌

  • تأكد من توفر اتصال بالإنترنت لتحميل الموارد الخارجية.
  • يستخدم هذا المشروع اتجاه النص من اليمين إلى اليسار لعرض أنيق.
  • تصميم الموقع متجاوب، ويتكيف بشكل جميل مع مختلف أحجام الشاشة.

المؤلف 👨‍💻

Mohab Ibraheem

الترخيص 📜

تم ترخيص هذا المشروع تحت رخصة MIT.

first-portfolio's People

Contributors

mohabcodex avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.