You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

614 lines
30 KiB

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
</head>
<body>
<div class="position-relative py-3">
<div class="position-absolute d-none d-lg-block"
style="background-color:#fcfcf5; width:100vw; height:100%; margin-left:calc((1080px - 100vw) / 2); margin-top:-30px">
</div>
<div class=" pt-4 float-left w-100" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="text-left logo-cybro">
<a class="" href="#">
<img src="images/logo-cybro.png"/>
</a>
</div>
</div>
</div>
</div>
</div>
<!--- closed section-top-menu --->
<div class=" pt-5 w-100 float-left">
<div class="text-center">
<img src="images/banner-content-text.png"/>
</div>
<div class="text-center mt-5 pt-5" style="background-color: #fcfcf5;">
<img style="width:80%;" src="images/hero.png"/>
</div>
</div>
<!--- closed section-banner-img --->
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="text-uppercase float-left font-weight-bold"
style="color:#cc2300; font-size:24px;">Blast</h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="images/arrow-black.png"/>
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Website
Design
</li>
<li style="list-style:none; font-size:24px;">UI/UX</li>
<li style="list-style:none; font-size:24px;">
Snippets
</li>
</ul>
</div>
</div>
</div>
</div>
<!--- closed section-level-up --->
<div class=" float-left w-100 mt-5 pt-4" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3 class="text-uppercase font-weight-bold "
style="font-size:149px; color:#000;">Why Blast?</br>
</h3>
</div>
<div class="col-lg-8">
<p class="text-dark" style="padding-right:0px;">
Theme Blast
was created by Cybrosys Technology Solutions.
This theme makes the website more unique and attractive through its style and custom-designed
snippets,
mainly suitable for eCommerce websites.
</p>
<p class="text-dark" style="padding-right:0px;">
Provides Structural snippets like Features, Subscribe, Choose , Cards, Banner and
Dynamic content snippets configured from the backend like Asked Questions, Best Deals, Best
Products, Testimonial
</p>
</div>
<div class="container">
<div class="row mt-4">
<div class="col-lg-6 text-left">
<div class=" position-relative">
<img class="w-100"
src="images/laptop-screenshots.jpg"/>
</div>
</div>
<div class="col-lg-6 text-left">
<div class=" position-relative">
<img class="w-100"
src="images/phone-screenshots.jpg"/>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- closed section-content-area -->
<div class=" float-left w-100" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3 class="text-uppercase pt-5 mt-5 text-dark font-weight-bold">
Key features
</h3>
<hr style="border-top:3px solid #F16868; width:7%;"
class=" float-left mt-0">
</div>
<div class="col-lg-6">
<div class="key-features-1 mt-4 p-3"
style="background-color:#FDD57C; border:3px solid #000; border-radius:14px;">
<div class="w-100 float-left pb-3">
<i><img src="images/icon-design.png"/> </i>
<span class="pl-2"
style="font-size:22px;">Design</span>
</div>
<p class="pt-4"
style="font-size:20px; line-height:34px;">Unique and Attractive custom-designed snippets.
</p>
</div>
</div>
<div class="col-lg-6">
<div class=" p-3 mt-4"
style="background-color:#E0FBAD; border:3px solid #000; border-radius:14px;">
<div class="w-100 float-left pb-3">
<i><img src="images/icon-Fast-loading-times.png"/>
</i>
<span class="pl-2" style="font-size:22px;">Fast loading times</span>
</div>
<p class="pt-4"
style="font-size:20px; line-height:34px;">This theme
loads all of its features more quickly than other
designs.
</p>
</div>
</div>
<div class="col-lg-6">
<div class=" p-3 mt-4"
style="background-color:#D1DFE7; border:3px solid #000; border-radius:14px;">
<div class="w-100 float-left pb-3">
<i><img src="images/icon-Responsive-design.png"/>
</i>
<span class="pl-2" style="font-size:22px;">Responsive Design</span>
</div>
<p class="pt-4"
style="font-size:20px; line-height:34px;">Different
resolution devices can be used by users to watch
websites.
</p>
</div>
</div>
<div class="col-lg-6">
<div class=" p-3 mt-4"
style="background-color:#FED1E5; border:3px solid #000; border-radius:14px;">
<div class="w-100 float-left pb-3">
<i><img src="images/icon-One-Click-Installation.png"/>
</i>
<span class="pl-2" style="font-size:22px;">One Click Installation</span>
</div>
<p class="pt-4"
style="font-size:20px; line-height:34px;">This mode
is significantly easier than others because Odoo
makes One Click Installation feasible.
</p>
</div>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="text-uppercase float-left font-weight-bold mr-4 w-25"
style="color:#cc2300; font-size:24px;">Structural Snippets</h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="images/arrow-black.png"/>
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;">Features</li>
<li style="list-style:none; font-size:24px;">Subscribe
</li>
<li style="list-style:none; font-size:24px;">Choose</li>
<li style="list-style:none; font-size:24px;">Cards</li>
<li style="list-style:none; font-size:24px;">
Banner
</li>
</ul>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Features</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/features.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Subscribe</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/sub.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Choose</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/choose.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Cards</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/cards.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Banner</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/banner1.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h3 class="text-uppercase float-left font-weight-bold mr-4 w-25"
style="color:#cc2300; font-size:24px;">Dynamic Content Snippets</h3>
<div class="w-50 float-left text-center"
style="margin-left:14px;"><img class="w-100"
src="images/arrow-black.png">
</div>
</div>
<div class="col-lg-6">
<ul class="pl-0">
<li style="list-style:none; font-size:24px;"> Asked Questions
</li>
<li style="list-style:none; font-size:24px;">Best Deals</li>
<li style="list-style:none; font-size:24px;">Best Products</li>
<li style="list-style:none; font-size:24px;">
Testimonial
</li>
</ul>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Asked Questions</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/asked.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Best Deals</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/best_deals1.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Best Products</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/best_products.png"/>
</div>
</div>
</div>
</div>
<div class=" float-left w-100 pt-5 mt-5" style="background-color: #fcfcf5;">
<div class="container">
<div class="row">
<div class="col-lg-6">
<h2 class="text-uppercase float-left font-weight-bold"
style="color:#F16868; font-size:24px;">Testimonial</h2>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="text-center">
<img class="w-100"
src="images/testimonial1.png"/>
</div>
</div>
</div>
</div>
<div style="padding-bottom:100px; background-color: #fcfcf5;"
class="w-100 float-left section-bottom-services mt-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3 class="text-uppercase float-left font-weight-bold"
style="color:#4a1760; padding-top:80px; font-size:26px;">
Our Services
</h3>
</br>
<div style="font-size:22px;"
class="text-left float-left w-100 pb-5 mb-4">View
services offered by us
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-customization.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Customization </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-implement.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Implementation </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-support.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Support </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-developer.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Hire </br> Odoo Developer </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-intergration.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Integration </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-migration.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Migration </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-consultency.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Consultancy </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-implement.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Implementation </h3>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; background-color:#fcfcf5;">
<img src="images/odoo-licencing.png"/>
<h3 style="color:#522065; font-size:24px;"
class="pt-1"> Odoo </br> Licensing Consultancy</h3>
</div>
</div>
</div>
</div>
</div>
<div style="padding-bottom:100px; background-color: #fcfcf5;"
class="w-100 float-left section-bottom-services mt-5">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h3 class="text-uppercase float-left font-weight-bold"
style="color:#4a1760; padding-top:80px; font-size:26px;">
Our Industries
</h3>
</br>
<div style="font-size:22px;"
class="text-left float-left w-100 pb-5 mb-4">Get
Insight in our odoo knowledge and our marked foot print
in industries
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="images/trading.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2"> Trading </h3>
<p style="font-size:20px;">Easily procure and sell
your products
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px;height:232px; ">
<img class="w-25" src="images/trading.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2"> E-commerce & Website </h3>
<p style="font-size:20px;">Mobile friendly, awe-
inspiring product pages
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="images/POS.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2"> POS</h3>
<p style="font-size:20px;">Easy configuration and
convivial experience
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="images/Edu.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2">Education</h3>
<p style="font-size:20px;">A platform for educational
management
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="images/Production.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2">Manufacturing</h3>
<p style="font-size:20px;">Plan, track and schedule
your operations
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="images/Production.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2">Manufacturing</h3>
<p style="font-size:20px;">Plan, track and schedule
your operations
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4 bg-white"
style="border-radius:16px; height:232px;">
<img class="w-25" src="images/POS.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2">Service Management</h3>
<p style="font-size:20px;">Keep track of services
and invoice
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px;height:232px; background-color:#fff;">
<img class="w-25" src="images/Edu.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2">Resturant</h3>
<p style="font-size:20px;">Run your bar or restaurant
methodically
</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="w-100 float-left p-4"
style="border-radius:16px; height:232px; background-color:#fff;">
<img class="w-25" src="images/Production.png"/>
<h3 style="color:#522065; font-size:22px;"
class="pt-2">Hotel management</h3>
<p style="font-size:20px;">An all-inclusive hotel
management application
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<body>