After Width: | Height: | Size: 240 KiB |
After Width: | Height: | Size: 278 KiB |
After Width: | Height: | Size: 530 KiB |
After Width: | Height: | Size: 156 KiB |
After Width: | Height: | Size: 435 KiB |
After Width: | Height: | Size: 232 KiB |
After Width: | Height: | Size: 247 KiB |
After Width: | Height: | Size: 266 KiB |
After Width: | Height: | Size: 302 KiB |
After Width: | Height: | Size: 185 KiB |
After Width: | Height: | Size: 234 KiB |
@ -1,152 +1,226 @@ |
|||||
<!-- Hero Section --> |
<!-- Hero Section --> |
||||
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; font-family: Montserrat, 'sans-serif';"> |
<div class="container pt-4 mt-4 rounded" style="background-color: #f0f2f4; font-family: Montserrat, 'sans-serif';"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-12 mb-4"> |
<div class="col-lg-12 mb-4"> |
||||
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;"> |
||||
<hr style="border-color: #e1e5e9;" /> |
<hr style="border-color: #e1e5e9;" /> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-12 text-center"> |
<div class="col-lg-12 text-center"> |
||||
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
<img src="images/hero.png" width=60% height="auto" class="mb-4" alt="Theme Screenshot"> |
||||
</div> |
</div> |
||||
<div class="col-lg-12 text-center"> |
<div class="col-lg-12 text-center"> |
||||
<h1 class="mt-4">Theme Xtream</h1> |
<h1 class="mt-4">Theme Xtream</h1> |
||||
<p class="lead" style="max-width: 700px; margin: 0 auto;"> |
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;"> |
||||
Theme Xtream is a attractive and unique front end theme mainly suitable for eCommerce website. Many custom |
Theme Xtream is a attractive and unique front-end theme mainly suitable for eCommerce website. Many |
||||
designed snippets facilitates to add better user experience. Contains best deals with new arrival products |
custom |
||||
slider, testimonial slider that are configured from the backend. This theme fully customized the eCommerce website, shop view, custom categories view, product view, contact us page...etc. it contains price filter and clear cart options by default. |
designed snippets facilitates to add better user experience. Contains best deals with new arrival |
||||
</p> |
products |
||||
</div> |
slider, testimonial slider that are configured from the backend. This theme fully customized the |
||||
</div> |
eCommerce |
||||
<div class="row"> |
website, shop view, custom categories view, product view, contact us page...etc. it contains price |
||||
<div class="col-lg-12 text-center p-4"> |
filter and |
||||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
clear cart options by default. |
||||
background-color: #b22126; |
</p> |
||||
border-style: none; |
</div> |
||||
border-radius: 4em; |
</div> |
||||
font-weight: bold; |
|
||||
"><i class="fa fa-desktop mr-2"></i>Live Demo</a> |
<!-- End of Hero Section --> |
||||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
|
||||
background-color: #576574; |
<!-- Alternate Section --> |
||||
border-style: none; |
<div class="row p-4"> |
||||
border-radius: 4em; |
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
||||
font-weight: bold; |
<h2>Desktop View</h2> |
||||
"><i class="fa fa-download mr-2"></i>Download</a> |
<p class="lead"> |
||||
</div> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
||||
</div> |
</p> |
||||
<!-- End of Hero Section --> |
</div> |
||||
<!-- Second Section --> |
<div class="col-lg-6 px-4"> |
||||
<div class="row p-4"> |
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
||||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
<h2>Desktop View</h2> |
</div> |
||||
<p class="lead"> |
</div> |
||||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
<div class="row p-4"> |
||||
</p> |
<div class="col-lg-6 px-4"> |
||||
</div> |
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto" |
||||
<div class="col-lg-6 px-4"> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
</div> |
||||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
||||
</div> |
<h2>Mobile View</h2> |
||||
</div> |
<p class="lead"> |
||||
<!-- End of Second Section --> |
User friendly and modern looking theme makes your page more Stylish And Beautiful. |
||||
<!-- Third Section --> |
</p> |
||||
<div class="row p-4"> |
</div> |
||||
<div class="col-lg-6 px-4"> |
</div> |
||||
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto" |
<!-- End of Alternate Section --> |
||||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
|
||||
</div> |
|
||||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
<!-- Two Columns Section --> |
||||
<h2>Mobile View</h2> |
<div class="row p-4"> |
||||
<p class="lead"> |
<!-- Column 1 --> |
||||
User friendly and modern looking makes your page more Stylist And Beautiful. |
<div class="col-lg-6"> |
||||
</p> |
<div class="row"> |
||||
</div> |
<div class="col-lg-12"> |
||||
</div> |
<img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto" |
||||
<!-- End of Third Section --> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
<!-- Feature Tiles --> |
<div class="col-lg-12 mt-4"> |
||||
<div class="row mt-4"> |
<h2 class="text-center">Shop View</h2> |
||||
<div class="col-lg-12 text-center"> |
<p class="lead text-center"> |
||||
<h2>Features</h2> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
webpages. |
||||
</div> |
</p> |
||||
</div> |
</div> |
||||
<div class="row p-4" style="margin: 0 6%;"> |
</div> |
||||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
</div> |
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
<!-- End of Column 1 --> |
||||
<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> |
<!-- Column 2 --> |
||||
</div> |
<div class="col-lg-6"> |
||||
|
<div class="row"> |
||||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
<div class="col-lg-12"> |
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
<img style="border-radius: 0.5em;" src="images/2.jpg" width="100%" height="auto" |
||||
<i class="fa fa-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
<h5 class="text-center" style="margin: 0 5%;">Modern</h5> |
</div> |
||||
</div> |
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Cart View</h2> |
||||
<div class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
<p class="lead text-center"> |
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
<i class="fa fa-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
webpages. |
||||
<h5 class="text-center" style="margin: 0 5%;">E-com Ready</h5> |
</p> |
||||
</div> |
</div> |
||||
|
</div> |
||||
<div class="col-lg-3 bg-white mb-4 mr-4 shadow-sm p-4" |
</div> |
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
<!-- End of Column 2 --> |
||||
<i class="fa fa-arrow-circle-o-right mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
</div> |
||||
<h5 class="text-center" style="margin: 0 4%;">Built-in Slider</h5> |
<!-- End of Two Columns Section --> |
||||
</div> |
|
||||
</div> |
|
||||
<!-- End of Feature Tiles --> |
<!-- One Column Section --> |
||||
|
<div class="row p-4"> |
||||
<!-- Footer --> |
<div class="col-lg-6"> |
||||
<div class="row mt-4"> |
<img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 shadow-sm" |
||||
<div class="col-lg-12 text-center"> |
alt="Theme Screenshot"> |
||||
<h2>Get Help</h2> |
</div> |
||||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
<div class="col-lg-6" style="padding-top: 100px;"> |
||||
<p class="text-center" style="max-width: 650px; margin: 0 auto;">If you have anything to share with us based on |
<h2>Overview</h2> |
||||
your use of this module, please let us know. We are ready to offer our support.</p> |
<p class="lead"> |
||||
</div> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
||||
</div> |
</p> |
||||
<div class="row"> |
</div> |
||||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
</div> |
||||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
<!-- End of Two Columns Section --> |
||||
<div class="row"> |
|
||||
<div class="col-lg-8"> |
<!-- Two Columns Section --> |
||||
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
<div class="row p-4"> |
||||
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6> |
<!-- Column 1 --> |
||||
</div> |
<div class="col-lg-4"> |
||||
<div class="col-lg-4" style="position: relative;"> |
<div class="row"> |
||||
<h6><a href="mailto:info@cybrosys.com" target="_blank" |
<div class="col-lg-12"> |
||||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
<img style="border-radius: 0.5em;" src="images/4.jpg" width="100%" height="auto" |
||||
class="fa fa-chevron-right"></i></a></h6> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
</div> |
</div> |
||||
</div> |
<div class="col-lg-12 mt-4"> |
||||
</div> |
<h2 class="text-center">New Arrivals</h2> |
||||
</div> |
<p class="lead text-center"> |
||||
<div class="row"> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
webpages. |
||||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
</p> |
||||
<div class="row"> |
</div> |
||||
<div class="col-lg-8"> |
</div> |
||||
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
</div> |
||||
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
<!-- End of Column 1 --> |
||||
</div> |
|
||||
<div class="col-lg-4" style="position: relative;"> |
<!-- Column 2 --> |
||||
<h6><a href="https://www.cybrosys.com" target="_blank" |
<div class="col-lg-4"> |
||||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
<div class="row"> |
||||
class="fa fa-chevron-right"></i></a></h6> |
<div class="col-lg-12"> |
||||
</div> |
<img style="border-radius: 0.5em;" src="images/5.jpg" width="100%" height="auto" |
||||
</div> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
</div> |
</div> |
||||
</div> |
<div class="col-lg-12 mt-4"> |
||||
<div class="row"> |
<h2 class="text-center">Contact Map</h2> |
||||
<div class="col-lg-12 mt-4 mb-2 text-center"> |
<p class="lead text-center"> |
||||
<p style="font-weight: bold">A Quality Theme From</p> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
</div> |
webpages. |
||||
<div class="col-lg-12 text-center"> |
</p> |
||||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<!-- End of Footer --> |
<!-- End of Column 2 --> |
||||
</div> |
|
||||
|
|
||||
|
<!-- Column 4 --> |
||||
|
<div class="col-lg-4"> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12"> |
||||
|
<img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto" |
||||
|
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Checkout Address</h2> |
||||
|
<p class="lead text-center"> |
||||
|
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
|
webpages. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- End of Column 4 --> |
||||
|
</div> |
||||
|
<!-- End of Two Columns Section --> |
||||
|
|
||||
|
|
||||
|
<!-- Footer --> |
||||
|
<div class="row" style="margin-top: 4rem;"> |
||||
|
<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; 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;"> |
||||
|
<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 d-flex justify-content-end" style="position: relative;"> |
||||
|
<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> |
||||
|
</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;"> |
||||
|
<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 d-flex justify-content-end" style="position: relative;"> |
||||
|
<h6><a href="https://www.cybrosys.com" target="_blank" |
||||
|
style="color: #050505; text-decoration: none;"><i class="fa fa-chevron-right"></i></a></h6> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<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> |