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.
246 lines
12 KiB
246 lines
12 KiB
<div class="oe_styling_v8">
|
|
<!-- Hero Section -->
|
|
<div class="container pt-4 mt-4 rounded" style="background-color: #fff; font-family: Montserrat, 'sans-serif';">
|
|
<div class="row">
|
|
<div class="col-lg-12 mb-4">
|
|
<img src="images/Cybrosys.png" alt="Cybrosys Logo" style="width: 120px; height: auto;">
|
|
<hr style="border-color: #e1e5e9;" />
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<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">Theme College</h1>
|
|
<p class="lead mb-4" style="max-width: 700px; margin: 0 auto;">
|
|
This is a brand-new theme called Theme College. It is ideal for your educational institution's website and is incredibly user-friendly.
|
|
With front-end styles, it is the most powerful theme that is also very easy to use. Features like the scholarship form snippets,
|
|
college location, placement cell, and carousel slide make it easier to improve the user experience.
|
|
Includes Image Viewer on Gallery and includes Custom Pages for Courses, Facilities, Alumni, and Gallery.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- End of Hero Section -->
|
|
|
|
<!-- Alternate Section -->
|
|
<div class="row p-4">
|
|
<div class="col-lg-6 px-4" style="margin-top: 100px;">
|
|
<h2>Desktop View</h2>
|
|
<p class="lead">
|
|
You can create visually appealing webpages by just dragging and dropping the building pieces, making it simple to customise and utilize.
|
|
</p>
|
|
</div>
|
|
<div class="col-lg-6 px-4">
|
|
<img style="border-radius: 0.5em;" src="images/screens.jpg" width="90%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
</div>
|
|
<div class="row p-4">
|
|
<div class="col-lg-6 px-4">
|
|
<img style="border-radius: 0.5em;" src="images/mobile-screens.jpg" width="90%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-6 px-4" style="margin-top: 100px;">
|
|
<h2>Mobile View</h2>
|
|
<p class="lead">
|
|
Your page looks more stylish and beautiful with a theme that is both user-friendly and current.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<!-- End of Alternate Section -->
|
|
|
|
<!-- Two Columns Section -->
|
|
<div class="row p-4">
|
|
<!-- Column 1 -->
|
|
<div class="col-lg-6">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/screen-1.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">Home Page</h2>
|
|
<p class="lead text-center">
|
|
It is simple to use and customise; all you have to do is drag and drop
|
|
the building blocks to create visually appealing webpages. The home page design's
|
|
customizable building blocks allow you to modify them to suit your needs.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 1 -->
|
|
|
|
<!-- Column 2 -->
|
|
<div class="col-lg-6">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/screen-2.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">Course Page</h2>
|
|
<p class="lead text-center">
|
|
This course will provide all of your courses to you in an elegant manner. It will draw in visitors because it displays one course at a time.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 2 -->
|
|
</div>
|
|
<!-- End of Two Columns Section -->
|
|
|
|
<!-- Three Columns Section -->
|
|
<div class="row p-4">
|
|
<!-- Column 1 -->
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/facility.png" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Facility Page</h2>
|
|
<p class="lead text-center">
|
|
The facility will present you with all the amenities in a fashionable manner, with one facility displayed in a row.
|
|
It will draw in viewers and provide all the information that is required to understand the facility.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 1 -->
|
|
|
|
|
|
|
|
<!-- Column 2 -->
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/gallery.png" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Gallery Page</h2>
|
|
<p class="lead text-center">
|
|
With three photographs in a row, the gallery presents all of the images to you in an elegant manner that is sure to draw in visitors.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 2 -->
|
|
|
|
|
|
<!-- Column 4 -->
|
|
<div class="col-lg-4">
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<img style="border-radius: 0.5em;" src="images/alumni.png" width="100%" height="auto"
|
|
class="mb-4 shadow-sm" alt="Theme Screenshot">
|
|
</div>
|
|
<div class="col-lg-12 mt-4">
|
|
<h2 class="text-center">Alumni Page</h2>
|
|
<p class="lead text-center">
|
|
With four alumni displayed in a row, the alumni display all of your alumni in an elegant manner that is sure to draw in viewers.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- End of Column 4 -->
|
|
</div>
|
|
<!-- End of Three Columns Section -->
|
|
|
|
|
|
<!-- Demo Pages -->
|
|
<section class="oe_container">
|
|
<div class="row" style="margin: 60px auto -30px;">
|
|
<div class="col-lg-12 text-center">
|
|
<h4 class="mt-4">Demo Pages</h4>
|
|
<hr style="border-width: 3px; border-color: #0984e3; width: 100px;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" style="margin: 40px auto; border-radius: 15px; padding: 38px;">
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0; margin-right: 30px;">
|
|
<img src="images/screen-2.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Course</h6>
|
|
<hr style="border-width: 5px; border-color: #0984e3; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;">
|
|
<img src="images/screen-3.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Home</h6>
|
|
<hr style="border-width: 5px; border-color: #05c46b; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6 col-md-4 px-2">
|
|
<div class="bg-white shadow overflow-hidden mb32"
|
|
style="border-radius: 15px; width: 300px; padding-bottom: 0;">
|
|
<img src="images/screen-1.jpg" width="300px" height="auto">
|
|
<h6 class="text-center my-3">Gallery</h6>
|
|
<hr style="border-width: 5px; border-color: #f44f52; width: 150px; margin-bottom: 0;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End of Demo Pages -->
|
|
|
|
<!-- 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;">We are prepared to offer our support if you have anything to share with us about how you have used this module.</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:odoo@cybrosys.com" target="_blank"
|
|
style="color: #050505; text-decoration: none;"><i
|
|
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a></h6>
|
|
</div>
|
|
<div class="col-lg-4 d-flex justify-content-end" style="position: relative;">
|
|
<h6><a href="mailto:odoo@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>
|
|
</div>
|