Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/place4you/digitaluk
This GitHub repository contains a clone of the Awarded Digital Agency website. The project was developed using HTML, SCSS, JavaScript, GSAP animations, and ScrollTrigger for advanced scrolling animations. Visual Studio Code (VSCode) was the primary development environment for this project.
https://github.com/place4you/digitaluk
agency animation awarded beautiful digital gsap javascript landing-page professional-portfolio scss
Last synced: about 1 month ago
JSON representation
This GitHub repository contains a clone of the Awarded Digital Agency website. The project was developed using HTML, SCSS, JavaScript, GSAP animations, and ScrollTrigger for advanced scrolling animations. Visual Studio Code (VSCode) was the primary development environment for this project.
- Host: GitHub
- URL: https://github.com/place4you/digitaluk
- Owner: Place4you
- Created: 2023-09-06T10:06:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-09-07T11:44:26.000Z (over 1 year ago)
- Last Synced: 2024-11-19T01:45:16.007Z (3 months ago)
- Topics: agency, animation, awarded, beautiful, digital, gsap, javascript, landing-page, professional-portfolio, scss
- Language: SCSS
- Homepage: https://saadatdigitalagency.netlify.app/
- Size: 3.28 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Awarded Digital Agency Landing Page Clone
## Live Demo
Access the live version of the project: [Netlify Link](https://saadatdigitalagency.netlify.app/)
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 **[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.