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

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)


<a href="https://opencollective.com/vvvebjs/sponsors/0/website"><img src="https://opencollective.com/vvvebjs/sponsors/0/avatar"></a>
<a href="https://opencollective.com/vvvebjs/backers/0/website"><img src="https://opencollective.com/vvvebjs/backers/0/avatar"></a>


## License

Apache 2.0
