Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/givanz/landing

Bootstrap 5 template & UI Kit with over 100+ sections
https://github.com/givanz/landing

blogging bootstrap bootstrap-5-landing-page bootstrap-5-template bootstrap-template bootstrap-theme bootstrap5 cart checkout-page dark-mode dark-theme e-commerce ecommerce html-template scss shop shopping-cart uikit vvveb-theme

Last synced: 4 days ago
JSON representation

Bootstrap 5 template & UI Kit with over 100+ sections

Awesome Lists containing this project

README

        

# [Vvveb Bootstrap 5 template & UI Kit](https://www.vvveb.com/themes/landing/index.html)  

Bootstrap 5 html template with over 100+ sections that can be used to build any website.

Default theme used in **[Vvveb CMS](https://www.vvveb.com)**

**[👉 Live Demo](https://www.vvveb.com/vvvebjs/demo/landing/index.html)** **[👉 Page builder demo](https://www.vvveb.com/vvvebjs/editor.html)**

![Section list](https://www.vvveb.com/themes/landing/list.png?a)

| [![](https://www.vvveb.com/themes/landing/screens/home.png)](https://www.vvveb.com/themes/landing/screens/home.png) | [![](https://www.vvveb.com/themes/landing/screens/home-dark.png)](https://www.vvveb.com/themes/landing/screens/home-dark.png) | [![](https://www.vvveb.com/themes/landing/screens/blog.png)](https://www.vvveb.com/themes/landing/screens/blog.png) | [![](https://www.vvveb.com/themes/landing/screens/blog-dark.png)](https://www.vvveb.com/themes/landing/screens/blog-dark.png) |
|:---:|:---:|:---:|:---:|
| **Home** | **Home dark** | **Blog** | **Blog dark** |
| [![](https://www.vvveb.com/themes/landing/screens/shop.png)](https://www.vvveb.com/themes/landing/screens/shop.png) | [![](https://www.vvveb.com/themes/landing/screens/shop-dark.png)](https://www.vvveb.com/themes/landing/screens/shop-dark.png) | [![](https://www.vvveb.com/themes/landing/screens/product.png)](https://www.vvveb.com/themes/landing/screens/product.png) | [![](https://www.vvveb.com/themes/landing/screens/product-dark.png)](https://www.vvveb.com/themes/landing/screens/product-dark.png) |
| **Shop** | **Shop dark** | **Product** | **Product dark** |
| [![](https://www.vvveb.com/themes/landing/screens/contact.png)](https://www.vvveb.com/themes/landing/screens/contact.png) | [![](https://www.vvveb.com/themes/landing/screens/contact-dark.png)](https://www.vvveb.com/themes/landing/screens/contact-dark.png) | [![](https://www.vvveb.com/themes/landing/screens/cart.png)](https://www.vvveb.com/themes/landing/screens/cart.png) | [![](https://www.vvveb.com/themes/landing/screens/cart-dark.png)](https://www.vvveb.com/themes/landing/screens/cart-dark.png) |
| **Contact** | **Contact dark** | **Cart** | **Cart dark** |
| [![](https://www.vvveb.com/themes/landing/screens/post.png)](https://www.vvveb.com/themes/landing/screens/post.png) | [![](https://www.vvveb.com/themes/landing/screens/post-dark.png)](https://www.vvveb.com/themes/landing/screens/post-dark.png) | [![](https://www.vvveb.com/themes/landing/screens/checkout.png)](https://www.vvveb.com/themes/landing/screens/checkout.png) | [![](https://www.vvveb.com/themes/landing/screens/checkout-dark.png)](https://www.vvveb.com/themes/landing/screens/checkout-dark.png) |
| **Post** | **Post dark** | **Checkout** | **Checkout dark** |
| [![](https://www.vvveb.com/themes/landing/screens/signup.png)](https://www.vvveb.com/themes/landing/screens/signup.png) | [![](https://www.vvveb.com/themes/landing/screens/signup-dark.png)](https://www.vvveb.com/themes/landing/screens/signup-dark.png) | [![](https://www.vvveb.com/themes/landing/screens/signin.png)](https://www.vvveb.com/themes/landing/screens/signin.png) | [![](https://www.vvveb.com/themes/landing/screens/signin-dark.png)](https://www.vvveb.com/themes/landing/screens/signin-dark.png) |
| **Signup** | **Signup dark** | **Signin** | **Signin dark** |
| [![](https://www.vvveb.com/themes/landing/screens/user.png)](https://www.vvveb.com/themes/landing/screens/user.png) | [![](https://www.vvveb.com/themes/landing/screens/user-dark.png)](https://www.vvveb.com/themes/landing/screens/user-dark.png) | [![](https://www.vvveb.com/themes/landing/screens/orders.png)](https://www.vvveb.com/themes/landing/screens/orders.png) | [![](https://www.vvveb.com/themes/landing/screens/orders-dark.png)](https://www.vvveb.com/themes/landing/screens/orders-dark.png) |
| **User** | **User dark** | **Orders** | **Orders dark** |
| [![](https://www.vvveb.com/themes/landing/screens/profile.png)](https://www.vvveb.com/themes/landing/screens/profile.png) | [![](https://www.vvveb.com/themes/landing/screens/profile-dark.png)](https://www.vvveb.com/themes/landing/screens/profile-dark.png) |
| **Profile** | **Profile dark** |

## Categories

- Call to action - https://github.com/givanz/landing/blob/master/screenshots/hero/
- Features - https://github.com/givanz/landing/blob/master/screenshots/features/
- Base - https://github.com/givanz/landing/blob/master/screenshots/base/
- Contact form - https://github.com/givanz/landing/blob/master/screenshots/contact-form/
- Footer - https://github.com/givanz/landing/blob/master/screenshots/footer/
- Navigation - https://github.com/givanz/landing/blob/master/screenshots/navigation/
- Posts - https://github.com/givanz/landing/blob/master/screenshots/posts/
- Pricing table - https://github.com/givanz/landing/blob/master/screenshots/pricing table/
- Products - https://github.com/givanz/landing/blob/master/screenshots/products/
- Showcase - https://github.com/givanz/landing/blob/master/screenshots/showcase/
- Team - https://github.com/givanz/landing/blob/master/screenshots/team/
- Testimonials - https://github.com/givanz/landing/blob/master/screenshots/testimonials/

## Build

### Generate html files

```bash
npm run gulp
```

### Watch for changes for development

```bash
npm run gulp watch
```

### Generate sections list for VvvebJs page builder

```bash
npm run gulp sections
```

### Generate blocks list for VvvebJs editor

```bash
npm run gulp blocks
```

### Generate screenshots for sections

```bash
npm run gulp screenshots
```

## Quick start

- Clone the repo and run it.
```bash
git clone https://github.com/givanz/landing/
cd landing
npm i
npm run gulp
```

## Structure

```
├── index.html -- **default template used for homepage**
├── index.coming-soon.html -- *replaces homepage when site is set to coming soon*
├── index.maintenance.html -- replaces homepage when site is set to maintenance
├── error404.html -- page not found error page
├── error500.html -- internal server error page
├── blank.html -- page with basic layout with minimal or no content
└── content
│ └── index.html - blog page
│ └── post.html - singe post page
│ └── page.html - page template
│ └── tag.html - posts for tag page
│ └── category.html - posts category page
│ └── archive.html - posts for a certain date
│ └── user.html - user posts
└── product
│ └── index.html - shop page
│ └── product.html - singe product page
│ └── manufacturer.html - manufacturer page
│ └── vendor.html - vendor page
│ └── category.html - category page
└── search
│ └── search.html - search page
└── user
│ └── index.html - user dashboard
│ └── signup.html - user signup form
│ └── login.html - site login form
│ └── reset.html - password reset form
│ └── edit.html - user data edit
│ └── address.html - address list
│ └── comments.html - comments list
│ └── orders.html - orders list
│ └── downloads.html - digital products downloads list
└── cart
│ └── cart.html - display cart page
└── checkout
│ └── checkout.html - cart checkout form
│ └── confirm.html - order confirmation page
│ └── confirm.html - order confirmation page
└── email
│ └── order
│ │ └── new.html - template for new order mail
│ │ └── user
│ └── reset.html - template for new order mail
└── signup.html - template for user welcome
```

## Documentation

For documentation check the [theme development documentation](http://dev.vvveb.com/theme-introduction)

## Support

If you like the project you can support it with a [PayPal donation](https://paypal.me/zgivan) or become a backer/sponsor via [Open Collective](https://opencollective.com/vvvebjs)


## License

Apache 2.0