thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

[UPDT] Index Update

pull/164/head
Ajmal Cybro 4 years ago
parent
64f9afa6ed
commit
4b37502ef7
2 changed files with 261 additions and 244 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 125
      theme_blast/static/description/index.html
  2. 10
      theme_zen/static/description/index.html

125
theme_blast/static/description/index.html
View File

@ -7,66 +7,56 @@
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<img src="images/hero.png" width="700px" height="auto" class="mb-4" alt="Theme Screenshot">
<div class="col-lg-12 text-center">
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot">
</div>
<div class="col-lg-12 text-center">
<h1 class="mt-4">Blast</h1>
<p class="lead" style="max-width: 700px;">
Blast is a popular attractive and unique front end theme mainly suitable for eCommerce website. Many custom designed snippets facilitates to add better user experience. Contains best deals with countdown, best products slider, testimonial slider that are configured from the backend.
<p class="lead" style="max-width: 700px; margin: 0 auto;">
Blast is a popular attractive and unique front end theme mainly suitable for eCommerce website. Many custom
designed snippets facilitates to add better user experience. Contains best deals with countdown, best products
slider, testimonial slider that are configured from the backend.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-12 text-center p-4" style="display: flex; justify-content: center; align-items: center;">
<a
href="#"
class="btn btn-primary m-2 px-4 py-3 shadow-sm"
style="
<div class="col-lg-12 text-center p-4">
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style="
background-color: #b22126;
border-style: none;
border-radius: 4em;
font-weight: bold;
"
><i class="fa fa-desktop mr-2"></i>Live Demo</a
>
<a
href="#"
class="btn btn-primary m-2 px-4 py-3 shadow-sm"
style="
"><i class="fa fa-desktop mr-2"></i>Live Demo</a>
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style="
background-color: #576574;
border-style: none;
border-radius: 4em;
font-weight: bold;
"
><i class="fa fa-download mr-2"></i>Download</a
>
"><i class="fa fa-download mr-2"></i>Download</a>
</div>
</div>
<!-- End of Hero Section -->
<!-- Second Section -->
<div class="row p-4">
<div class="col-lg-6 px-4" style="display: flex; flex-direction: column; justify-content: center;">
<div class="col-lg-6 px-4" style="margin-top: 100px;">
<h2>Desktop View</h2>
<p class="lead">
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages.
</p>
</div>
<div
class="col-lg-6 px-4"
style="display: flex; justify-content: center; align-items: center"
>
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="450px" height="auto" class="mb-4 shadow-sm" alt="Theme Screenshot">
<div class="col-lg-6 px-4">
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto"
class="mb-4 shadow-sm" alt="Theme Screenshot">
</div>
</div>
<!-- End of Second Section -->
<!-- Third Section -->
<div class="row p-4">
<div
class="col-lg-6 px-4"
style="display: flex; justify-content: center; align-items: center"
>
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="450px" height="auto" class="mb-4 shadow-sm" alt="Theme Screenshot">
<div class="col-lg-6 px-4">
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto"
class="mb-4 shadow-sm" alt="Theme Screenshot">
</div>
<div class="col-lg-6 px-4" style="display: flex; flex-direction: column; justify-content: center;">
<div class="col-lg-6 px-4" style="margin-top: 100px;">
<h2>Mobile View</h2>
<p class="lead">
User friendly and modern looking makes your page more Stylist And Beautiful.
@ -82,54 +72,81 @@
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
</div>
</div>
<div class="row p-4" style="display: flex; justify-content: center; align-items: center;">
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-tablet mb-2" style="font-size: 2em;"></i>
<h5>Responsive</h5>
<div class="row p-4" style="margin: 0 6%;">
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-tablet mb-2" style="font-size: 2em; margin: 0 40%;"></i>
<h5 class="text-center" style="margin: 0 5%;">Responsive</h5>
</div>
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-magic mb-2" style="font-size: 2em;"></i>
<h5>Modern</h5>
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i>
<h5 class="text-center" style="margin: 0 5%;">Modern</h5>
</div>
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-shopping-cart mb-2" style="font-size: 2em;"></i>
<h5>E-com Ready</h5>
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4"
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i>
<h5 class="text-center" style="margin: 0 5%;">E-com Ready</h5>
</div>
<div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em;"></i>
<h5>Built-in Slider</h5>
<div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4"
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;">
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i>
<h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5>
</div>
</div>
<!-- End of Feature Tiles -->
<!-- Footer -->
<div class="row mt-4">
<div class="col-lg-12" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<div class="col-lg-12 text-center">
<h2>Get Help</h2>
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px">
<p class="text-center" style="max-width: 650px">If you have anything to share with us based on your use of this module, please let us know. We are ready to offer our support.</p>
<p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us based on
your use of this module, please let us know. We are ready to offer our support.</p>
</div>
</div>
<div class="row">
<div class="col px-4 pt-3 pb-2 shadow-sm" style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto; display: flex; justify-content: space-between; align-items: center;">
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6>
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6>
<div class="col px-4 pt-3 pb-2 shadow-sm"
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
<div class="row">
<div class="col-lg-8">
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6>
</div>
<div class="col-lg-4" style="position: relative;">
<h6><a href="mailto:info@cybrosys.com" target="_blank"
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i
class="fa fa-chevron-right"></i></a></h6>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col px-4 pt-3 pb-2 shadow-sm" style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto; display: flex; justify-content: space-between; align-items: center;">
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"></a><i class="fa fa-chevron-right"></i></a></h6>
<div class="col px-4 pt-3 pb-2 shadow-sm"
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;">
<div class="row">
<div class="col-lg-8">
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6>
</div>
<div class="col-lg-4" style="position: relative;">
<h6><a href="https://www.cybrosys.com" target="_blank"
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i
class="fa fa-chevron-right"></i></a></h6>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 my-4" style="display: flex; flex-direction: column; justify-content: center; align-items: center;">
<div class="col-lg-12 mt-4 mb-2 text-center">
<p style="font-weight: bold">A Quality Theme From</p>
</div>
<div class="col-lg-12 text-center">
<img src="images/cybro-logo-oca.png" width="80px" height="auto">
</div>
</div>
<!-- End of Footer -->
</div>
</div>

10
theme_zen/static/description/index.html
View File

@ -28,7 +28,7 @@
<div style="padding-left:20px">
<h2 style="color:#0f1e40" class="mb-3"> Zen Home Page Design </h2>
<p style="font-family:Roboto; font-weight:normal; color:#11335b; font-size:14px; ">
Zen is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web. Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.
Attractive home page design with auto sliders, video,etc. Customizable building blocks in home page design helps you to edit them as per needs.
</p>
</div>
</div>
@ -43,7 +43,7 @@
<div style="padding-left:20px">
<h2 style="color:#0f1e40" class="mb-3">Zen About Page Design</h2>
<p style="font-family:Roboto; font-weight:normal; color:#11335b; font-size:14px; ">
Zen is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web. Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.
The About Us details of your company presented to get more attraction from users. You can add the team details, pricing details, etc. in this page.
</p>
</div>
</div>
@ -67,7 +67,7 @@
<div style="padding-left:20px">
<h2 style="color:#0f1e40" class="mb-3">Zen Portfolio Page Design</h2>
<p style="font-family:Roboto; font-weight:normal; color:#11335b; font-size:14px; ">
Zen is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web. Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.
Helps to showcase your recent works in more attractive way.
</p>
</div>
</div>
@ -82,7 +82,7 @@
<div style="padding-left:20px">
<h2 style="color:#0f1e40" class="mb-3">Zen Service Page Design</h2>
<p style="font-family:Roboto; font-weight:normal; color:#11335b; font-size:14px; ">
Zen is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web. Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.
Services offered by your organization can be presented with better UI experience.
</p>
</div>
</div>
@ -104,7 +104,7 @@
<div style="padding-left:20px">
<h2 style="color:#0f1e40" class="mb-3">Zen Blog Page Design</h2>
<p style="font-family:Roboto; font-weight:normal; color:#11335b; font-size:14px; ">
Zen is a professional responsive HTML5 theme, built using Bootstrap, a popular front-end framework for developing responsive, mobile first projects on the web. Just drag & drop the building blocks you need to easily build your layout. All layouts are made of sections, that you can easily combine to fit your specific project.
Display your latest blog posts in an attractive manner.
</p>
</div>
</div>

Write Preview
Loading…
Cancel
Save