Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fmanimashaun/portfolio-with-mdbbootstrap5
https://github.com/fmanimashaun/portfolio-with-mdbbootstrap5
Last synced: about 14 hours ago
JSON representation
- Host: GitHub
- URL: https://github.com/fmanimashaun/portfolio-with-mdbbootstrap5
- Owner: fmanimashaun
- License: other
- Created: 2023-05-12T22:09:19.000Z (over 1 year ago)
- Default Branch: dev
- Last Pushed: 2023-06-29T14:42:21.000Z (over 1 year ago)
- Last Synced: 2024-10-09T07:41:32.156Z (about 1 month ago)
- Language: SCSS
- Homepage: https://fmanimashaun.com
- Size: 2.68 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: License.pdf
Awesome Lists containing this project
README
# 📗 Table of Contents
- [📖 About the Project](#about-project)
- [🛠 Built With](#built-with)
- [Tech Stack](#tech-stack)
- [Key Features](#key-features)
- [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [Install](#install)
- [Usage](#usage)
- [Run tests](#run-tests)
- [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [❓ FAQ (OPTIONAL)](#faq)
- [📝 License](#license)
# 📖 Portfolio with mdbbootstrap 5
This project is a simple landing page built with MDB Bootstrap 5. It includes the following sections:
- **Header:** The header contains the logo, navigation menu, and social media links.
- **Hero section:** The hero section is a large, full-width section that features a headline, a brief description of the product or service, and a call to action button.
- **Carousel:** The carousel is a rotating banner that displays images or videos.
- **Price card:** The price card displays the product or service pricing information.
- **Footer:** The footer contains the copyright information, contact information, and social media links.
The landing page is fully responsive and works on all devices. It is a great example of how to implement a responsive landing page using Bootstrap 5.
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [MDB Bootstrap 5](https://mdbootstrap.com/docs/standard/)
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- Responsive design
- Carousel
- Pricing cards
- Contact form
- Social media links
- [Live Demo Link](https://fmanimashaun.github.io/simple-landing-page-with-mdbootstrap5/)
- [Optional] Install git bash to your machine to enable you to clone this repo.
- install Visual Studio to be able to host a local live version.
- Install a browser to view the local live version.
To get a local copy up and running follow these simple example steps.
### Setup
Clone this repository to your desired folder:
```sh
cd your-desired-folder
git clone https://github.com/fmanimashaun/simple-landing-page-with-mdbootstrap5.git
open the repo folder `simple-landing-page-with-mdbootstrap5`
```
>no installation required.
- Open the `index.html` file in your browser to view the landing page.
>no tests required.
- Deployed on [GitHub Pages](https://pages.github.com/).
👤 **Engr. Animashaun Fisayo**
- [GitHub](https://github.com/fmanimashaun)
- [Twitter](https://twitter.com/fmanimashaun)
- [LinkedIn](https://www.linkedin.com/in/fmanimashaun/)
- [Website](https://fmanimashaun.com)
- [ ] Add a blog section
- [ ] Add a testimonial section
- [ ] Add a FAQ section
- [ ] Add a newsletter section
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
If you like this project and want to support me, you can give a ⭐️ to this repo!
- [MDBootstrap](https://mdbootstrap.com/)
> If you have any questions, feel free to contact me via email: *[email protected]*
This project is [MDB](./License.pdf) licensed.