After Width: | Height: | Size: 480 KiB |
After Width: | Height: | Size: 287 KiB |
After Width: | Height: | Size: 551 KiB |
After Width: | Height: | Size: 308 KiB |
After Width: | Height: | Size: 360 KiB |
After Width: | Height: | Size: 240 KiB |
@ -1,154 +1,221 @@ |
|||||
<!-- 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">The Chef Theme</h1> |
<h1 class="mt-4">Theme The Chef</h1> |
||||
<p class="lead" style="max-width: 700px; margin: 0 auto;"> |
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;"> |
||||
The Chef is a popular attractive and unique front end theme for your restaurent website. |
Theme The Chef is a popular attractive and unique front end theme for your restaurent website. |
||||
Many custom designed snippets facilitates to add better user experience. |
Many custom designed snippets facilitates to add better user experience. |
||||
Just drag & drop the building blocks you need to easily build your layout. |
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. |
All layouts are made of sections, that you can easily combine to fit your specific project.It have simple and more attractive snippets. |
||||
</p> |
</p> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<div class="row"> |
|
||||
<div class="col-lg-12 text-center p-4"> |
<!-- End of Hero Section --> |
||||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
|
||||
background-color: #b22126; |
<!-- 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-desktop mr-2"></i>Live Demo</a> |
<p class="lead"> |
||||
<a href="#" class="btn btn-primary m-2 px-4 py-3 shadow-sm" style=" |
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
||||
background-color: #576574; |
</p> |
||||
border-style: none; |
</div> |
||||
border-radius: 4em; |
<div class="col-lg-6 px-4"> |
||||
font-weight: bold; |
<img style="border-radius: 0.5em;" src="images/laptop-screenshots.jpg" width="90%" height="auto" |
||||
"><i class="fa fa-download mr-2"></i>Download</a> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<!-- End of Hero Section --> |
<div class="row p-4"> |
||||
<!-- Second Section --> |
<div class="col-lg-6 px-4"> |
||||
<div class="row p-4"> |
<img style="border-radius: 0.5em;" src="images/phone-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 class="col-lg-6 px-4" style="margin-top: 100px;"> |
||||
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
<h2>Mobile View</h2> |
||||
</p> |
<p class="lead"> |
||||
</div> |
User friendly and modern looking makes your page more Stylist And Beautiful. |
||||
<div class="col-lg-6 px-4"> |
</p> |
||||
<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> |
||||
</div> |
<!-- End of Alternate Section --> |
||||
</div> |
|
||||
<!-- End of Second Section --> |
|
||||
<!-- Third Section --> |
<!-- Two Columns Section --> |
||||
<div class="row p-4"> |
<div class="row p-4"> |
||||
<div class="col-lg-6 px-4"> |
<!-- Column 1 --> |
||||
<img style="border-radius: 0.5em;" src="images/phone-screenshots.jpg" width="90%" height="auto" |
<div class="col-lg-6"> |
||||
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
<div class="row"> |
||||
</div> |
<div class="col-lg-12"> |
||||
<div class="col-lg-6 px-4" style="margin-top: 100px;"> |
<img style="border-radius: 0.5em;" src="images/1.jpg" width="100%" height="auto" |
||||
<h2>Mobile View</h2> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
<p class="lead"> |
</div> |
||||
User friendly and modern looking makes your page more Stylist And Beautiful. |
<div class="col-lg-12 mt-4"> |
||||
</p> |
<h2 class="text-center">Main Banner with Slider</h2> |
||||
</div> |
<p class="lead text-center"> |
||||
</div> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
<!-- End of Third Section --> |
webpages. |
||||
|
</p> |
||||
<!-- Feature Tiles --> |
</div> |
||||
<div class="row mt-4"> |
</div> |
||||
<div class="col-lg-12 text-center"> |
</div> |
||||
<h2>Features</h2> |
<!-- End of Column 1 --> |
||||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
|
||||
</div> |
<!-- Column 2 --> |
||||
</div> |
<div class="col-lg-6"> |
||||
<div class="row p-4" style="margin: 0 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-tablet 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%;">Responsive</h5> |
</div> |
||||
</div> |
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Reservation Form</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-magic mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
webpages. |
||||
<h5 class="text-center" style="margin: 0 5%;">Modern</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 class="col-lg-3 bg-white shadow-sm p-4 mb-4 mr-4" |
<!-- One Column Section --> |
||||
style="border-radius: 0.5em; min-width: 200px; max-width: 200px;"> |
<div class="row p-4"> |
||||
<i class="fa fa-shopping-cart mb-2" style="font-size: 2em; margin: 0 40%;"></i> |
<div class="col-lg-6"> |
||||
<h5 class="text-center" style="margin: 0 5%;">Attractive Sections</h5> |
<img style="border-radius: 0.5em;" src="images/3.jpg" width="90%" height="auto" class="mb-4 shadow-sm" |
||||
</div> |
alt="Theme Screenshot"> |
||||
|
</div> |
||||
</div> |
<div class="col-lg-6" style="padding-top: 100px;"> |
||||
<!-- End of Feature Tiles --> |
<h2>Overview</h2> |
||||
|
<p class="lead"> |
||||
<!-- Footer --> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive webpages. |
||||
<div class="row mt-4"> |
</p> |
||||
<div class="col-lg-12 text-center"> |
</div> |
||||
<h2>Get Help</h2> |
</div> |
||||
<hr style=" border: 2px solid #b22126; margin-top: 2px;" width="40px"> |
<!-- End of Two Columns Section --> |
||||
<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> |
<!-- Two Columns Section --> |
||||
</div> |
<div class="row p-4"> |
||||
</div> |
<!-- Column 1 --> |
||||
<div class="row"> |
<div class="col-lg-4"> |
||||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
<div class="row"> |
||||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
<div class="col-lg-12"> |
||||
<div class="row"> |
<img style="border-radius: 0.5em;" src="images/4.jpg" width="100%" height="auto" |
||||
<div class="col-lg-8"> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
<h6><a href="mailto:info@cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
</div> |
||||
class="fa fa-envelope mr-2"></i>info@cybrosys.com</a></h6> |
<div class="col-lg-12 mt-4"> |
||||
</div> |
<h2 class="text-center">Testimonial Snippet</h2> |
||||
<div class="col-lg-4" style="position: relative;"> |
<p class="lead text-center"> |
||||
<h6><a href="mailto:info@cybrosys.com" target="_blank" |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
webpages. |
||||
class="fa fa-chevron-right"></i></a></h6> |
</p> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
</div> |
<!-- End of Column 1 --> |
||||
<div class="row"> |
|
||||
<div class="col px-4 pt-3 pb-2 shadow-sm" |
<!-- Column 2 --> |
||||
style="background-color: #fff; max-width: 450px; border-radius: 0.5em; margin: 1em auto;"> |
<div class="col-lg-4"> |
||||
<div class="row"> |
<div class="row"> |
||||
<div class="col-lg-8"> |
<div class="col-lg-12"> |
||||
<h6><a href="https://www.cybrosys.com" target="_blank" style="color: #050505; text-decoration: none;"><i |
<img style="border-radius: 0.5em;" src="images/5.jpg" width="100%" height="auto" |
||||
class="fa fa-globe mr-2"></i>www.cybrosys.com</a></h6> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
</div> |
</div> |
||||
<div class="col-lg-4" style="position: relative;"> |
<div class="col-lg-12 mt-4"> |
||||
<h6><a href="https://www.cybrosys.com" target="_blank" |
<h2 class="text-center">Main Dishes Snippet</h2> |
||||
style="color: #050505; text-decoration: none; position: absolute; right: 10px;"><i |
<p class="lead text-center"> |
||||
class="fa fa-chevron-right"></i></a></h6> |
It is easy to customize and use. Just drag and drop the building blocks to make attractive |
||||
</div> |
webpages. |
||||
</div> |
</p> |
||||
</div> |
</div> |
||||
</div> |
</div> |
||||
<div class="row"> |
</div> |
||||
<div class="col-lg-12 mt-4 mb-2 text-center"> |
<!-- End of Column 2 --> |
||||
<p style="font-weight: bold">A Quality Theme From</p> |
|
||||
</div> |
|
||||
<div class="col-lg-12 text-center"> |
<!-- Column 4 --> |
||||
<img src="images/cybro-logo-oca.png" width="80px" height="auto"> |
<div class="col-lg-4"> |
||||
</div> |
<div class="row"> |
||||
</div> |
<div class="col-lg-12"> |
||||
<!-- End of Footer --> |
<img style="border-radius: 0.5em;" src="images/6.jpg" width="100%" height="auto" |
||||
</div> |
class="mb-4 shadow-sm" alt="Theme Screenshot"> |
||||
|
</div> |
||||
|
<div class="col-lg-12 mt-4"> |
||||
|
<h2 class="text-center">Menu Snippet</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> |
||||
|
Before Width: | Height: | Size: 28 KiB After Width: | Height: | Size: 49 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 43 KiB |