Skip to content

Latest commit

 

History

History
50 lines (35 loc) · 2.07 KB

README.md

File metadata and controls

50 lines (35 loc) · 2.07 KB
Raw

Landing Page

Welcome to the repository for my personal website's landing page! This project is designed to showcase my portfolio, experience, and contact information in a clean and responsive design.

🛠️ Technologies Used

  • HTML5: For structuring the content on the page.
  • CSS3: For styling and layout, including the use of CSS variables for consistency and scalability.
  • JavaScript: For adding interactivity and dynamic content.
  • Next.js: For building the website with server-side rendering capabilities.

🚀 Features

  • Responsive Design: The landing page is fully responsive and adapts to different screen sizes, including mobile devices.
  • Dynamic Project Links: Buttons positioned at the bottom right of the page with a faded background effect when clicked.
  • Clickable Timeline Logos: The timeline section includes clickable company logos that link directly to the company's website.
  • Customizable Portfolio: Portfolio images with large titles in the color of Mars and captions in white, designed to be fully transparent and integrated into the website.
  • Contact Form: A consistent design with light text color, rounded borders, and an optional subject field.

🌐 Live Site

You can view the landing page publicly at abdallahdalis.com.

📁 File Structure

/Landing-Page
├── /css
│   ├── styles.css          # Main stylesheet
│   └── vendors.css       # CSS variables for consistency
├── /js
│   └── script.js           # JavaScript for interactivity
├── index.html              # Main HTML file
└── README.md               # Project overview

🌟 Getting Started

To view the landing page locally:

  1. Clone the repository:

    git clone https://github.com/abdallahdalis/Landing-Page.git

  2. Open index.html in your preferred web browser.

📬 Contact

If you have any questions or feedback, feel free to reach out through the contact form on the landing page or connect with me on LinkedIn.