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.
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.
- 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.
- 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.
To view the digital agency clone landing page, follow these steps:
- Clone the repository to your local machine or download the ZIP file.
- Open the project folder in your preferred code editor, such as Visual Studio Code.
- Launch the index.html file in your web browser to see the landing page.
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.
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.
This project is licensed under the MIT License.
For any inquiries or feedback, please contact Saadat Ali at [email protected]
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.