Skip to content

Latest commit

 

History

History
66 lines (48 loc) · 3.26 KB

README.md

File metadata and controls

66 lines (48 loc) · 3.26 KB

Awarded Digital Agency Landing Page Clone

Thumbnail for digital agency clone landing page

Live Demo

Access the live version of the project: Netlify Link

This project is deployed and hosted on Netlify. Click the link above to explore the live version.

Overview

This project is a responsive digital agency clone landing page built entirely with HTML, SCSS, and JavaScript. The page replicates the design and functionality of a modern digital agency website, showcasing the agency's services, portfolio, and contact information. The landing page is designed to be visually appealing and user-friendly, catering to both desktop and mobile users.

Features

  • Responsive design: The page layout adapts to different screen sizes, ensuring a seamless user experience on both desktop and mobile devices.
  • Attractive visuals: High-quality images and visually engaging design elements enhance the overall aesthetics of the landing page.
  • Service showcase: The page highlights the agency's services, providing details about what they offer to clients.
  • Portfolio display: A portfolio section showcases the agency's previous work, allowing potential clients to see their expertise.
  • Contact form: Users can easily get in touch with the agency through a contact form.
  • Interactive elements: JavaScript is used to add interactivity to the page, enhancing user engagement.

Technologies Used

  • HTML: Used for structuring the content and layout of the landing page.
  • SCSS: Employed for styling the HTML elements and ensuring a visually appealing design.
  • JavaScript: Used to add interactivity and functionality to the page.
  • Visual Studio Code (VSCode): The code editor used to develop the project.
  • Assets: All necessary assets, including HTML, SCSS, and images, are included in the project repository.

Getting Started

To view the digital agency clone landing page, follow these steps:

  1. Clone the repository to your local machine or download the ZIP file.
  2. Open the project folder in your preferred code editor, such as Visual Studio Code.
  3. Launch the index.html file in your web browser to see the landing page.

Project Structure

The project is organized as follows:

digital-agency-landing-page/
|-- index.html
|-- assets
| |-- css/
| |-- styles.css
| |-- img/
| |-- agency.jpg
| |-- js/
| |-- script.js
|-- README.md

  • index.html: The HTML file contains the structure and content of the landing page.
  • css/styles.css: The SCSS file includes all the styles necessary to create an attractive layout and design.
  • js/script.js: The JavaScript file contains the code for adding interactivity to the page.
  • images/agency.jpg: Images used on the landing page.

Contributing

If you have any suggestions or improvements for the digital agency clone landing page, feel free to fork the repository, make your changes, and submit a pull request.

License

This project is licensed under the MIT License.

Contact

For any inquiries or feedback, please contact Saadat Ali at sadiraja500@gmail.com

Thank you for checking out the digital agency clone landing page project! We hope you enjoy exploring the features of our modern digital agency website.