Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ahmedalsanadi/biccas-landing-page-ahmed-al-sanadi

Biccas is a modern front-end landing page for a productivity tool, featuring a clean layout and intuitive navigation. It highlights the platform's value through customer logos, essential features, and clear benefits, enhancing user experience and engagement.
https://github.com/ahmedalsanadi/biccas-landing-page-ahmed-al-sanadi

css figma html javascript

Last synced: 21 days ago
JSON representation

Host: GitHub
URL: https://github.com/ahmedalsanadi/biccas-landing-page-ahmed-al-sanadi
Owner: ahmedalsanadi
License: mit
Created: 2024-08-25T17:48:07.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-11-02T20:20:05.000Z (3 months ago)
Last Synced: 2024-11-21T19:43:49.208Z (3 months ago)
Topics: css, figma, html, javascript
Language: CSS
Homepage: https://ahmedalsanadi.github.io/Biccas-Landing-Page-Ahmed-Al-Sanadi/
Size: 929 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Biccas

## ✨ Overview

Biccas is a responsive front-end web page designed according to a Figma design. This project showcases a modern and professional user interface aimed at improving productivity through a variety of features. Developed using HTML, CSS, and JavaScript, Biccas serves as a landing page for a productivity tool with a sleek design and user-friendly navigation.

---

## 📜 Table of Contents

- [Demo](#🌐-demo)
- [Features](#🚀-key-features)
- [Technologies Used](#🛠️-technical-features)
- [Installation](#🛠️-installation--setup)
- [Usage](#usage)
- [Project Structure](#📂-project-structure)
- [License](#📜-license)

## 🌐 Demo

Check out the live version of Biccas here: [Biccas Live Demo](https://ahmedalsanadi.github.io/Biccas-Landing-Page-Ahmed-Al-Sanadi/)

## 🚀 Key Features

- **Responsive Design:** Optimized for various devices and screen sizes.
- **Navigation:** Includes a multi-link navbar with options such as Home, Product, FAQ, Blog, and About Us.
- **Hero Section:** Features a hero banner with a call-to-action button for a free trial and a demo link.
- **Collaboration Section:** Showcases popular brands using the platform.
- **Rating Section:** Displays customer ratings and supportive features like publishing, analytics, and engagement.
- **Feature Section:** Highlights Biccas’s main features, such as team collaboration, cloud storage, and daily analytics.
- **Benefits Section:** Lists benefits like free consulting, online banking, and monthly investment reports.

## 🛠️ Technical Features

- **HTML5:** Structuring the content on the page.
- **CSS3:** Styling the website with custom classes, flexbox, and grid for layout.
- **JavaScript:** Enhancing interactivity (such as the mobile menu toggle and other actions).

## 🛠️ Installation & Setup

To get a local copy of the project up and running, follow these steps:

1. Clone the repository:
```bash
git clone https://github.com/ahmedalsanadi/Biccas-Landing-Page-Ahmed-Al-Sanadi
```

2. Navigate to the project directory:
```bash
cd Biccas-Landing-Page-Ahmed-Al-Sanadi
```

3. Open `index.html` in your browser to view the website.

## Usage

- The project is designed for educational purposes, demonstrating HTML, CSS, and JavaScript integration.
- You can use the codebase to learn or experiment with responsive design techniques and modern web UI layout practices.
- Feel free to modify the code to meet your personal or project needs.

## 📂 Project Structure

```
Biccas/
├── index.html # Main HTML file
├── style.css # CSS file for styling the webpage
├── script.js # JavaScript file for interactive features
└── images/ # Folder containing all images used in the project
```

## 📜 License

This project is licensed under the MIT License - see the [LICENSE](./LICENSE) file for details.

---

Made with ❤️ by [Ahmed Al-Sanadi]

⭐ Star this repo if you find it helpful!

---