@ -0,0 +1,46 @@ |
|||||
|
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
||||
|
:target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Theme College |
||||
|
============= |
||||
|
* Design Web Pages with Theme College |
||||
|
|
||||
|
Installation |
||||
|
============ |
||||
|
- www.odoo.com/documentation/15.0/setup/install.html |
||||
|
- Install our custom addon |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.odoo.com/documentation/user/15.0/legal/licenses/licenses.html) |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
* Developer: |
||||
|
Rahul Rajeev @ cybrosys |
||||
|
|
||||
|
Contacts |
||||
|
-------- |
||||
|
* Mail Contact : odoo@cybrosys.com |
||||
|
|
||||
|
Bug Tracker |
||||
|
----------- |
||||
|
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
||||
|
|
||||
|
Maintainer |
||||
|
========== |
||||
|
.. image:: https://cybrosys.com/images/logo.png |
||||
|
:target: https://cybrosys.com |
||||
|
This module is maintained by Cybrosys Technologies. |
||||
|
|
||||
|
For support and more information, please visit https://www.cybrosys.com |
||||
|
|
||||
|
Further information |
||||
|
=================== |
||||
|
HTML Description: `<static/description/index.html>`__ |
@ -0,0 +1,23 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import controllers |
||||
|
from . import models |
@ -0,0 +1,67 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
"name": "Theme College", |
||||
|
"version": "15.0.1.0.0", |
||||
|
"category": "Theme/Education", |
||||
|
"summary": "Theme College is a new kind of Theme. The theme is a very " |
||||
|
"user-friendly and is suitable for your" |
||||
|
" educational institutions website.", |
||||
|
"description": """ |
||||
|
It is the most powerful, easy to use theme with Front-end styles. |
||||
|
Carousel slide, College location, Placement cell and Scholarship |
||||
|
form snippets facilitates to add better user experience. |
||||
|
Contains Custom Pages including Courses, Facilities, Gallery, Alumni. |
||||
|
It has Image Viewer on Gallery. |
||||
|
""", |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
"website": "https://www.cybrosys.com", |
||||
|
'images': [ |
||||
|
'static/description/banner.png', |
||||
|
'static/description/theme_screenshot.png', |
||||
|
], |
||||
|
"depends": [ |
||||
|
'base', |
||||
|
'web', |
||||
|
'website', |
||||
|
'website_livechat', |
||||
|
], |
||||
|
"data": [ |
||||
|
'security/ir.model.access.csv', |
||||
|
'views/college_location_views.xml', |
||||
|
'views/theme_college_menus.xml', |
||||
|
'views/website_templates.xml', |
||||
|
'views/theme_college_templates.xml', |
||||
|
], |
||||
|
'assets': { |
||||
|
'web.assets_frontend': [ |
||||
|
'theme_college/static/src/css/theme_college.css', |
||||
|
'theme_college/static/src/js/college_location.js', |
||||
|
], |
||||
|
}, |
||||
|
'license': 'LGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import theme_college |
@ -0,0 +1,72 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import http |
||||
|
from odoo.http import request |
||||
|
|
||||
|
|
||||
|
class College(http.Controller): |
||||
|
"""Class used to define function which renders appropriate template.""" |
||||
|
|
||||
|
@http.route('/college_alumni', type='http', website=True, auth='public') |
||||
|
def college_alumni(self): |
||||
|
"""Renders template college_alumni.""" |
||||
|
return http.request.render('theme_college.college_alumni', {}) |
||||
|
|
||||
|
@http.route('/college_course', type='http', website=True, auth='public') |
||||
|
def college_course(self): |
||||
|
"""Renders template college_course.""" |
||||
|
return http.request.render('theme_college.college_course', {}) |
||||
|
|
||||
|
@http.route('/college_facility', type='http', website=True, auth='public') |
||||
|
def college_facility(self): |
||||
|
"""Renders template college_facility.""" |
||||
|
return http.request.render('theme_college.college_facility', {}) |
||||
|
|
||||
|
@http.route('/college_gallery', type='http', website=True, auth='public') |
||||
|
def college_gallery(self): |
||||
|
"""Renders template college_gallery.""" |
||||
|
return http.request.render('theme_college.college_gallery', {}) |
||||
|
|
||||
|
@http.route('/get_college_locations', auth="public", type='json', |
||||
|
website=True) |
||||
|
def get_college_location(self): |
||||
|
"""Function to search all college locations and pass values.""" |
||||
|
college_location = request.env['college.location'].sudo().search([], |
||||
|
order='create_date desc') |
||||
|
values = { |
||||
|
'college_location': college_location, |
||||
|
} |
||||
|
response = http.Response(template='theme_college.college_locations', |
||||
|
qcontext=values) |
||||
|
return response.render() |
||||
|
|
||||
|
@http.route('/college_location/<int:college_location_id>', type='http', |
||||
|
auth='public', |
||||
|
website=True) |
||||
|
def view_country_details(self, college_location_id): |
||||
|
""""Function to render template and pass value to website.""" |
||||
|
college_location = request.env['college.location'].sudo().browse(college_location_id) |
||||
|
values = { |
||||
|
'college_location': college_location |
||||
|
} |
||||
|
return request.render( |
||||
|
'theme_college.college_location_country', values) |
@ -0,0 +1,6 @@ |
|||||
|
## Module <theme_college> |
||||
|
|
||||
|
#### 07.06.2023 |
||||
|
#### Version 15.0.1.0.0 |
||||
|
#### ADD |
||||
|
- Initial commit for Theme College |
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import college_location |
@ -0,0 +1,42 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2023-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Cybrosys Techno Solutions(<https://www.cybrosys.com>) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import fields, models |
||||
|
|
||||
|
|
||||
|
class CollegeLocation(models.Model): |
||||
|
"""This class is used to create new model college location.""" |
||||
|
_name = 'college.location' |
||||
|
_description = 'College Locations' |
||||
|
_rec_name = 'country_id' |
||||
|
|
||||
|
country_id = fields.Many2one('res.country', string="Country", required=True, |
||||
|
help='Country Name') |
||||
|
description = fields.Text(string='Description', required=True, |
||||
|
help='Small description of the college') |
||||
|
image = fields.Image(string='Image', required=True, help='Image') |
||||
|
location = fields.Char(string='Location', required=True, help='Location') |
||||
|
phone = fields.Char(string='Phone', required=True, |
||||
|
help='Phone number to contact the college') |
||||
|
email = fields.Char(string='Email', required=True, |
||||
|
help='Email to contact the college') |
||||
|
about_us = fields.Text(string='About Us', required=True, |
||||
|
help='About the college') |
|
After Width: | Height: | Size: 222 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 891 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 655 KiB |
After Width: | Height: | Size: 1.8 MiB |
After Width: | Height: | Size: 232 KiB |
After Width: | Height: | Size: 1.9 MiB |
After Width: | Height: | Size: 550 KiB |
After Width: | Height: | Size: 276 KiB |
After Width: | Height: | Size: 153 KiB |
After Width: | Height: | Size: 200 KiB |
After Width: | Height: | Size: 167 KiB |
After Width: | Height: | Size: 264 KiB |
@ -0,0 +1,259 @@ |
|||||
|
<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;"> |
||||
|
Theme College is a new kind of Theme. The theme is a very user-friendly and is suitable for your |
||||
|
educational institutions website. |
||||
|
It is the most powerful, easy to use theme with Front-end styles. |
||||
|
Carousel slide, College location, Placement cell and Scholarship form snippets facilitates to add |
||||
|
better |
||||
|
user experience. |
||||
|
Contains Custom Pages including Courses, Facilities, Gallery, Alumni. |
||||
|
It has Image Viewer on 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"> |
||||
|
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"> |
||||
|
<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"> |
||||
|
User friendly and modern looking theme makes your page more Stylish And Beautiful. |
||||
|
</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 easy to customize and use. Just drag and drop the building blocks to make |
||||
|
attractive |
||||
|
webpages.Customizable building blocks in home page design helps you to edit them as per |
||||
|
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"> |
||||
|
The course display you all the courses in a stylish way. It displaying 1 course in a row and it |
||||
|
will attract your viewers. |
||||
|
</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 display you all the facilities in a stylish way. It displaying 1 facility in a row and it |
||||
|
will attract your viewers. it will display the all needed details |
||||
|
of |
||||
|
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"> |
||||
|
The gallery display you all the images in a stylish way. It displaying 3 images in a row and it |
||||
|
will attract your viewers. |
||||
|
</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"> |
||||
|
The alumni display you all the alumni in a stylish way. It displaying 4 alumni in a row and it |
||||
|
will attract your 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;">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: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> |
After Width: | Height: | Size: 574 KiB |
@ -0,0 +1,980 @@ |
|||||
|
@charset "utf-8"; |
||||
|
/* CSS Document */ |
||||
|
/*------------------------------ My CSS-------------------------------------*/ |
||||
|
|
||||
|
a:hover{text-decoration:none !important;} |
||||
|
.padd0{padding:0px !important} |
||||
|
.paddl0{padding-left:0px !important} |
||||
|
.paddr0{padding-right:0px !important} |
||||
|
.paddt20{padding-top:20px;} |
||||
|
.paddt50{padding-top:50px;} |
||||
|
.paddb20{padding-bottom:50px;} |
||||
|
.paddb50{padding-bottom:50px;} |
||||
|
.paddb100{padding-bottom:100px;} |
||||
|
|
||||
|
|
||||
|
/*------------------------------ My CSS-------------------------------------*/ |
||||
|
body{ |
||||
|
font-family: 'Raleway', sans-serif !important; |
||||
|
} |
||||
|
.header{ |
||||
|
background-color: #00b140 !important; |
||||
|
} |
||||
|
.navbar { |
||||
|
margin-bottom: 0px !important; |
||||
|
border-radius: 0px !important; |
||||
|
position: fixed; |
||||
|
right: 0; |
||||
|
left: 0; |
||||
|
z-index: 1000; |
||||
|
} |
||||
|
.navbar-default { |
||||
|
background-color: #00b140 !important; |
||||
|
border:none !important; |
||||
|
padding-top: 1%; |
||||
|
padding-bottom: 1%; |
||||
|
} |
||||
|
.home_header { |
||||
|
margin-top: 2.5%; |
||||
|
} |
||||
|
/*.navbar-collapse.collapse { |
||||
|
padding-top: 2%; |
||||
|
}*/ |
||||
|
.navbar-default .navbar-nav > li > a { |
||||
|
color: #fff !important; |
||||
|
font-size:16px !important; |
||||
|
|
||||
|
} |
||||
|
.navbar-default .navbar-nav > li > a:hover { |
||||
|
color: #ff6900 !important; |
||||
|
} |
||||
|
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { |
||||
|
background:none !important; |
||||
|
color: #ff6900 !important; |
||||
|
} |
||||
|
.img-content-wrap{ |
||||
|
position:relative |
||||
|
} |
||||
|
.img-content{ |
||||
|
position:absolute; |
||||
|
background:#ffffff; |
||||
|
width:79%; |
||||
|
height:auto; |
||||
|
margin:auto; |
||||
|
bottom: -19%; |
||||
|
left: 10%; |
||||
|
padding-bottom: 10px; |
||||
|
padding-left: 15px; |
||||
|
padding-right: 15px; |
||||
|
padding-top: 10px; |
||||
|
border:solid #d7d7d7 1px; |
||||
|
} |
||||
|
.img-content h4{ |
||||
|
color:#00b140; |
||||
|
font-size:22px; |
||||
|
text-align:center; |
||||
|
} |
||||
|
.img-content p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:13px; |
||||
|
text-align:center; |
||||
|
} |
||||
|
.view-more{ |
||||
|
width:25%; |
||||
|
height:auto; |
||||
|
background:#ff6900; |
||||
|
padding:5px 10px; |
||||
|
color:#fff; |
||||
|
font-size:11px; |
||||
|
text-align:center; |
||||
|
} |
||||
|
.view-more:hover{ |
||||
|
background:#e35d00; |
||||
|
color:#fff; |
||||
|
|
||||
|
} |
||||
|
.latest-news{ |
||||
|
|
||||
|
} |
||||
|
.latest-news h1{ |
||||
|
color:#ff6900; |
||||
|
font-size:45px; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.latest-news p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:13px; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.latest-news h4{ |
||||
|
color:#00b140; |
||||
|
font-size:22px; |
||||
|
text-align:left; |
||||
|
} |
||||
|
footer{ |
||||
|
background:#1f1f1f !important; |
||||
|
|
||||
|
} |
||||
|
footer p{ |
||||
|
color:#fff !important; |
||||
|
font-size:13px !important; |
||||
|
text-align:left !important; |
||||
|
} |
||||
|
footer h4{ |
||||
|
color:#ff6900 !important; |
||||
|
} |
||||
|
footer ul{ |
||||
|
padding:0px; |
||||
|
list-style:none; |
||||
|
} |
||||
|
footer a{ |
||||
|
color:#fff !important; |
||||
|
font-size:13px !important; |
||||
|
text-align:left !important; |
||||
|
} |
||||
|
footer a:hover{ |
||||
|
color:#ff6900 !important; |
||||
|
|
||||
|
} |
||||
|
.social-bg{ |
||||
|
background-color: #ebebeb; |
||||
|
border-radius: 50px; |
||||
|
width: 38px !important; |
||||
|
height: 38px; |
||||
|
padding-top: 6px; |
||||
|
color: rgb(31, 31, 31); |
||||
|
font-size: 20px; |
||||
|
margin-right: 4px; |
||||
|
margin-bottom: 12px; |
||||
|
} |
||||
|
.fa-instagram, .fa-google-plus, .fa-twitter, .fa-facebook{ |
||||
|
margin-left: 11px !important;; |
||||
|
margin-top: 2px; |
||||
|
} |
||||
|
.fa-facebook{ |
||||
|
margin-left: 13px !important;; |
||||
|
margin-top: 2px; |
||||
|
} |
||||
|
.fa-youtube-play{ |
||||
|
margin-left: 9px !important;; |
||||
|
margin-top: 2px; |
||||
|
} |
||||
|
.social-bg:hover{ |
||||
|
background-color: rgb(40, 40, 40); |
||||
|
border-radius: 50px; |
||||
|
color: #fff; |
||||
|
} |
||||
|
/*------------------------------ gallery -------------------------------------*/ |
||||
|
.commen-header{ |
||||
|
background:url(/theme_college/static/src/images/About_banner.png); |
||||
|
background-size: 100% 100%; |
||||
|
padding-bottom: 25%; |
||||
|
} |
||||
|
|
||||
|
.nav-allumini{ |
||||
|
background-color: rgba(0,177,64,.6); |
||||
|
} |
||||
|
.commen-header .navbar-default { |
||||
|
background:none !important; |
||||
|
} |
||||
|
|
||||
|
/*-- Gallery --*/ |
||||
|
.gallery,.about-w3-agile,.course{ |
||||
|
padding:50px 0px; |
||||
|
} |
||||
|
.about-w3-agile, .contactus_font, .aboutus_font{ |
||||
|
padding:50px 0px; |
||||
|
padding-bottom:0px; |
||||
|
} |
||||
|
.about-w3-agile h3,.gallery h3,.course h3, .faclility h3,.location h3 , .contactus_font h1, .aboutus_font h1, .contact_details h2{ |
||||
|
color:#000; |
||||
|
text-transform:uppercase; |
||||
|
font-size:25px; |
||||
|
letter-spacing:2px; |
||||
|
font-weight:700; |
||||
|
text-align:left; |
||||
|
position:relative; |
||||
|
margin-bottom:50px; |
||||
|
} |
||||
|
|
||||
|
.about-w3-agile h3:before, .gallery h3:before, .course h3:before, .faclility h3:before,.location h3:before, .contactus_font h1:before, .aboutus_font h1:before, .contact_details h2:before{ |
||||
|
content: ''; |
||||
|
background: #d9d9d9; |
||||
|
width: 10%; |
||||
|
height: 3px; |
||||
|
position: absolute; |
||||
|
top: 170%; |
||||
|
left: 0%; |
||||
|
} |
||||
|
.about-w3-agile h3:after,.gallery h3:after,.course h3:after, .faclility h3:after, .location h3:after,.contactus_font h1:after , .aboutus_font h1:after, .contact_details h2:after{ |
||||
|
content: ''; |
||||
|
background: #FFC107; |
||||
|
width: 4%; |
||||
|
height: 3px; |
||||
|
position: absolute; |
||||
|
top: 170%; |
||||
|
left: 0%; |
||||
|
} |
||||
|
.contactus_font h1:before{ |
||||
|
width:17%; |
||||
|
} |
||||
|
.contactus_font h1:after{ |
||||
|
width:8%; |
||||
|
} |
||||
|
.faclility h3:before{ |
||||
|
width:12% ; |
||||
|
} |
||||
|
.faclility h3:after{ |
||||
|
width:5% ; |
||||
|
} |
||||
|
.location h3:before{ |
||||
|
width:12% ; |
||||
|
} |
||||
|
.location h3:after{ |
||||
|
width:5% ; |
||||
|
} |
||||
|
.contact_details h2:before{ |
||||
|
width:26% ; |
||||
|
} |
||||
|
.contact_details h2:after{ |
||||
|
width:13% ; |
||||
|
} |
||||
|
/*.about-w3-agile h3:before, .course h3:before, .gallery h3:before{ |
||||
|
width:10% ; |
||||
|
} |
||||
|
.about-w3-agile h3:after, .course h3:after, .gallery h3:after{ |
||||
|
width:4% ; |
||||
|
}*/ |
||||
|
.about-w3-agile h3 { |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
.gallery-grids-left-subl { |
||||
|
padding-left: 0; |
||||
|
margin-top:30px; |
||||
|
} |
||||
|
.gallery-grids-left-subr { |
||||
|
padding-right: 0; |
||||
|
margin-top:30px; |
||||
|
} |
||||
|
.gallery-grids-right-first{ |
||||
|
padding-left:0; |
||||
|
margin-bottom:30px; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-8 { |
||||
|
padding-left: 0; |
||||
|
margin-top:30px; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-9 { |
||||
|
padding-right: 0; |
||||
|
margin-top:30px; |
||||
|
} |
||||
|
.gallery-grids-right-two{ |
||||
|
padding-right:0; |
||||
|
margin-bottom:30px; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom{ |
||||
|
margin-top:310px; |
||||
|
} |
||||
|
.gallery-grid img { |
||||
|
width: 100%; |
||||
|
cursor: pointer; |
||||
|
} |
||||
|
|
||||
|
.gallery-grid { |
||||
|
position: relative; |
||||
|
} |
||||
|
|
||||
|
.gallery-grid-pos { |
||||
|
position: absolute; |
||||
|
top: 0%; |
||||
|
left: 5%; |
||||
|
text-align: center; |
||||
|
opacity: 0; |
||||
|
background: #000; |
||||
|
transition: .5s ease-in-out; |
||||
|
-webkit-transition: .5s ease-in-out; |
||||
|
-moz-transition: .5s ease-in-out; |
||||
|
-o-transition: .5s ease-in-out; |
||||
|
-ms-transition: .5s ease-in-out; |
||||
|
} |
||||
|
|
||||
|
.grid figure { |
||||
|
position: relative; |
||||
|
float: left; |
||||
|
overflow: hidden; |
||||
|
height: auto; |
||||
|
background: #000; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.grid figure img { |
||||
|
position: relative; |
||||
|
display: block; |
||||
|
max-width: 100%; |
||||
|
opacity: 0.8; |
||||
|
} |
||||
|
|
||||
|
.grid figure figcaption { |
||||
|
padding: 7em; |
||||
|
color: #fff; |
||||
|
text-transform: uppercase; |
||||
|
font-size: 1.25em; |
||||
|
-webkit-backface-visibility: hidden; |
||||
|
backface-visibility: hidden; |
||||
|
} |
||||
|
|
||||
|
.grid figure figcaption::before, .grid figure figcaption::after { |
||||
|
pointer-events: none; |
||||
|
} |
||||
|
|
||||
|
.grid figure figcaption, .grid figure figcaption > a { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
} |
||||
|
|
||||
|
figure.effect-apollo { |
||||
|
background: #000; |
||||
|
} |
||||
|
|
||||
|
figure.effect-apollo img { |
||||
|
opacity: 0.95; |
||||
|
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s; |
||||
|
transition: opacity 0.35s, transform 0.35s; |
||||
|
-webkit-transform: scale3d(1.05,1.05,1); |
||||
|
transform: scale3d(1.05,1.05,1); |
||||
|
} |
||||
|
|
||||
|
figure.effect-apollo figcaption::before { |
||||
|
position: absolute; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100%; |
||||
|
background: rgba(0, 0, 0, 0.72); |
||||
|
content: ''; |
||||
|
-webkit-transition: -webkit-transform 0.6s; |
||||
|
transition: transform 0.6s; |
||||
|
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); |
||||
|
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); |
||||
|
} |
||||
|
|
||||
|
figure.effect-apollo:hover img { |
||||
|
opacity: 0.6; |
||||
|
-webkit-transform: scale3d(1,1,1); |
||||
|
transform: scale3d(1,1,1); |
||||
|
} |
||||
|
|
||||
|
figure.effect-apollo:hover figcaption::before { |
||||
|
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); |
||||
|
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); |
||||
|
} |
||||
|
/*-- //Gallery --*/ |
||||
|
/*-- Alumini --*/ |
||||
|
.alumini h4{ |
||||
|
color:#ff6900; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.alumini p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:13px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.alumini .thumbnail { |
||||
|
padding: 0px !important; |
||||
|
border: 1px solid #d7d7d7 !important; |
||||
|
border-radius: 0px !important; |
||||
|
} |
||||
|
/*-- //Alumini --*/ |
||||
|
|
||||
|
|
||||
|
/*-- courses --*/ |
||||
|
.course{ |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.course h4{ |
||||
|
color:#ff6900; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.course p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:18px !important; |
||||
|
|
||||
|
} |
||||
|
.course ul{ |
||||
|
padding-left:0px; |
||||
|
} |
||||
|
.course li{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:13px; |
||||
|
list-style:none; |
||||
|
} |
||||
|
.course-grids{ |
||||
|
margin-bottom:50px; |
||||
|
} |
||||
|
.course-grids .glyphicon { |
||||
|
color: #ff6900; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
/*-- //courses --*/ |
||||
|
|
||||
|
.faclility h4{ |
||||
|
color:#ff6900; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.faclility p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:18px !important; |
||||
|
} |
||||
|
.location h4{ |
||||
|
color:#ff6900; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.location p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:19px; |
||||
|
} |
||||
|
.location ul{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:19px; |
||||
|
} |
||||
|
|
||||
|
.contactus_font p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:13px; |
||||
|
} |
||||
|
|
||||
|
.aboutus_font h3{ |
||||
|
color:#ff6900; |
||||
|
text-align:left; |
||||
|
} |
||||
|
.aboutus_font p{ |
||||
|
color:#7c7c7c; |
||||
|
font-size:13px; |
||||
|
} |
||||
|
.dropdown-menu.js_usermenu{ |
||||
|
margin-top: 13px !important; |
||||
|
} |
||||
|
|
||||
|
@media (max-width:1080px){ |
||||
|
.gallery h3:before { |
||||
|
width: 13%; |
||||
|
} |
||||
|
.gallery-grid img { |
||||
|
height:inherit; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 255px; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-8,.gallery-grids-right.gallery-9 { |
||||
|
margin-top: 27px; |
||||
|
} |
||||
|
.gallery-grids-left-gallery1-top img{ |
||||
|
height:228px; |
||||
|
} |
||||
|
.gallery-grids-left-subr img{ |
||||
|
height:483px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:1024px){ |
||||
|
|
||||
|
} |
||||
|
@media (max-width:991px){ |
||||
|
.gallery h3:before { |
||||
|
width: 16%; |
||||
|
} |
||||
|
.gallery h3:after { |
||||
|
width: 7%; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 192px; |
||||
|
} |
||||
|
.gallery-grids-left-gallery1-top img { |
||||
|
height: 164px; |
||||
|
} |
||||
|
.gallery-grids-left-subr img { |
||||
|
height: 356px; |
||||
|
} |
||||
|
.gallery-grids-right-hand img{ |
||||
|
height: 161px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
@media (max-width:900px){} |
||||
|
|
||||
|
@media (max-width:800px){ |
||||
|
|
||||
|
} |
||||
|
@media (max-width:768px){ |
||||
|
.gallery-grids-left.gallery-grids-left-gallery1-top { |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-left { |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-right-first,.gallery-grids-right-two,.gallery-grids-left-subl,.gallery-grids-left-subr{ |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-8, .gallery-grids-right.gallery-9 { |
||||
|
margin-top: 30px; |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-left-gallery1-top img { |
||||
|
height: 155px; |
||||
|
} |
||||
|
.gallery-grids-left-subr img { |
||||
|
height: 349px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:736px){ |
||||
|
.gallery-grids-left.gallery-grids-left-gallery1-top { |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-left { |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-right-first,.gallery-grids-right-two,.gallery-grids-left-subl,.gallery-grids-left-subr{ |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-8, .gallery-grids-right.gallery-9 { |
||||
|
margin-top: 30px; |
||||
|
width: 50%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-left-gallery1-top img { |
||||
|
height: 155px; |
||||
|
} |
||||
|
.gallery-grids-left-subr img { |
||||
|
height: 349px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:667px){ |
||||
|
.gallery-grids-left-gallery1-top img { |
||||
|
height: 139px; |
||||
|
} |
||||
|
.gallery-grids-left-subr img { |
||||
|
height: 312px; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 172px; |
||||
|
} |
||||
|
.gallery-grids-right-hand img { |
||||
|
height: 146px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:640px){ |
||||
|
.gallery-grids-left-gallery1-top img { |
||||
|
height: 131px; |
||||
|
} |
||||
|
.gallery-grids-left-subr img { |
||||
|
height: 290px; |
||||
|
} |
||||
|
.gallery-grids-right-hand img { |
||||
|
height: 130px; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 160px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
@media (max-width:600px){ |
||||
|
.gallery-grids-left.gallery-grids-left-gallery1-top { |
||||
|
width: 100%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids-left { |
||||
|
width: 100%; |
||||
|
float: left; |
||||
|
} |
||||
|
.gallery-grids img{ |
||||
|
height:inherit; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 300px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
@media (max-width:480px){ |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 230px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:414px){ |
||||
|
.gallery-grids-left-subl,.gallery-grids-left-subr { |
||||
|
margin-top: 25px; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 194px; |
||||
|
} |
||||
|
.gallery-grids-right-two,.gallery-grids-right-first { |
||||
|
margin-bottom: 25px; |
||||
|
} |
||||
|
.gallery-grids-left-subr.gallery-grids-left-subr-long { |
||||
|
padding-left: 12px; |
||||
|
padding-right:0; |
||||
|
} |
||||
|
.gallery-grids-left-subl, .gallery-grids-left-subr { |
||||
|
padding-right:13px; |
||||
|
} |
||||
|
.gallery-grids-right-two { |
||||
|
padding-right:0; |
||||
|
} |
||||
|
.gallery-grids-right-first { |
||||
|
padding-right:12.5px; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-8, .gallery-grids-right.gallery-9 { |
||||
|
margin-top: 25px; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-8{ |
||||
|
padding-right:12.5px; |
||||
|
} |
||||
|
.gallery-grids-right.gallery-9 { |
||||
|
padding-left:12.5px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:384px){ |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 176px; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:375px){ |
||||
|
.gallery h3:before { |
||||
|
width: 29%; |
||||
|
} |
||||
|
.agile_team_grid4{ |
||||
|
margin-bottom:0; |
||||
|
} |
||||
|
} |
||||
|
@media (max-width:320px){ |
||||
|
.agile_team_grid { |
||||
|
width: 75%; |
||||
|
} |
||||
|
.gallery-grid-sub-left-bottom { |
||||
|
margin-top: 140px; |
||||
|
} |
||||
|
.contact-text-agileinf0 { |
||||
|
width: 67%; |
||||
|
float: right; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.college_carousel .carousel-inner{ |
||||
|
height: 700px !important; |
||||
|
} |
||||
|
#wrapwrap header .navbar{ |
||||
|
background-color: #2f890b96; |
||||
|
} |
||||
|
|
||||
|
.footer .fp { |
||||
|
color: #aaa; |
||||
|
margin-bottom: 30px; |
||||
|
padding-top: 20px; |
||||
|
line-height: 1.7rem; |
||||
|
font-size: 18px; |
||||
|
} |
||||
|
@media screen and (max-width: 996px) { |
||||
|
.footer .footer_icons { |
||||
|
margin-bottom: 40px; |
||||
|
padding-bottom: 10px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul { |
||||
|
display: flex; |
||||
|
list-style: none; |
||||
|
padding-left: 0; |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul .fb:hover { |
||||
|
background: #3b5998; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul .tw:hover { |
||||
|
background: #1da1f2; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul .gg:hover { |
||||
|
background: #f44336; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul .dr:hover { |
||||
|
background: #ea4c89; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul li { |
||||
|
color: #aaa; |
||||
|
font-size: 18px; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
border-radius: 50%; |
||||
|
margin-right: 20px; |
||||
|
background-color: #363434; |
||||
|
text-align: center; |
||||
|
padding-top: 11px; |
||||
|
} |
||||
|
|
||||
|
.footer .footer_icons ul li:hover { |
||||
|
background-color: #087b81; |
||||
|
} |
||||
|
|
||||
|
.alumni-img { |
||||
|
height: 212px; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.contact_page { |
||||
|
margin-top: 60px; |
||||
|
} |
||||
|
.contact-page-second-col{ |
||||
|
margin-top: 81px; |
||||
|
} |
||||
|
.contact_page .o_website_form_send{ |
||||
|
margin-right: 252px; |
||||
|
} |
||||
|
.faclility { |
||||
|
margin-top: 56px; |
||||
|
} |
||||
|
.location { |
||||
|
margin-top: 56px; |
||||
|
} |
||||
|
.gallery{ |
||||
|
margin-top: 10px; |
||||
|
} |
||||
|
.navbar-light .navbar-nav .nav-link.active { |
||||
|
color: orange !important; |
||||
|
} |
||||
|
.navbar-light .navbar-nav .nav-link { |
||||
|
color: white !important; |
||||
|
} |
||||
|
.o_livechat_button.d-print-none.o_bottom_fixed_element.o_bottom_fixed_element_move_up.o_website_livechat_button.fa.fa-commenting { |
||||
|
display: flex; |
||||
|
} |
||||
|
#wrapwrap #wrap .container{ |
||||
|
margin-top: 74px; |
||||
|
} |
||||
|
|
||||
|
.scholarship_form { |
||||
|
background-color: #f4f4f4; |
||||
|
margin-top: 45px; |
||||
|
} |
||||
|
|
||||
|
.scholarship_form .card { |
||||
|
background: transparent; |
||||
|
border: none; |
||||
|
padding-top: 40px; |
||||
|
} |
||||
|
|
||||
|
.scholarship_form .card .card-body { |
||||
|
padding: 0; |
||||
|
margin-top: 60px; |
||||
|
} |
||||
|
|
||||
|
@media screen and (max-width: 991px) { |
||||
|
.scholarship_form .card .card-body { |
||||
|
margin-top: 0px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.scholarship_form .card .card-title { |
||||
|
color: 36px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.scholarship_form .card .card-title p { |
||||
|
color: #3fc0b6; |
||||
|
margin-top: 0; |
||||
|
} |
||||
|
|
||||
|
.scholarship_form .card p { |
||||
|
color: #6b778d; |
||||
|
margin-top: 30px; |
||||
|
} |
||||
|
|
||||
|
.scholarship_form .btn { |
||||
|
/*margin-top: 20px;*/ |
||||
|
color: #6fb74a; |
||||
|
background-color: white; |
||||
|
border-color: white; |
||||
|
margin-top: -33px; |
||||
|
margin-right: 171px; |
||||
|
} |
||||
|
|
||||
|
.scholarship_img { |
||||
|
margin-top: 60px; |
||||
|
margin-bottom: 60px; |
||||
|
} |
||||
|
|
||||
|
.scholarship_img .img-fluid { |
||||
|
max-width: 100%; |
||||
|
vertical-align: middle; |
||||
|
border-radius: 7px; |
||||
|
} |
||||
|
|
||||
|
.scholarship{ |
||||
|
background-color: #89d55a94; |
||||
|
border-radius: 75px 75px 75px 75px; |
||||
|
} |
||||
|
|
||||
|
.partner .company img{ |
||||
|
width: 100%; |
||||
|
} |
||||
|
.partner h3 { |
||||
|
color: #a3a4a6; |
||||
|
font-size: 40px; |
||||
|
font-weight: 600; |
||||
|
text-align: center; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
|
||||
|
.college_location { |
||||
|
margin-top: 90px; |
||||
|
} |
||||
|
|
||||
|
.college_location h1 { |
||||
|
font-weight: 700; |
||||
|
margin-bottom: 10px; |
||||
|
} |
||||
|
|
||||
|
.college_location h1 span { |
||||
|
color: #9be384; |
||||
|
} |
||||
|
.college_location h1 { |
||||
|
color: #a3a4a6; |
||||
|
} |
||||
|
|
||||
|
.college_location p { |
||||
|
color: #6b778d; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
|
||||
|
.college_location .favourites img { |
||||
|
border-radius: 50%; |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.college_location .favourites h5 { |
||||
|
padding-top: 20px; |
||||
|
color: #a3a4a6; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
@media screen and (max-width: 991px) { |
||||
|
.college_location .favourites h5 { |
||||
|
font-size: 17px !important; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.banner .carousel-indicators li { |
||||
|
box-sizing: content-box; |
||||
|
flex: 0 1 auto; |
||||
|
width: 15px; |
||||
|
height: 15px; |
||||
|
margin-right: 14px; |
||||
|
margin-left: 3px; |
||||
|
text-indent: -999px; |
||||
|
cursor: pointer; |
||||
|
background-color: #fff; |
||||
|
background-clip: padding-box; |
||||
|
border-top: 10px solid transparent; |
||||
|
border-bottom: 10px solid transparent; |
||||
|
opacity: .5; |
||||
|
transition: opacity .6s ease; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
|
||||
|
.banner .card { |
||||
|
margin-top: 100px; |
||||
|
align-self: center; |
||||
|
background: transparent !important; |
||||
|
border: none; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.card-body{ |
||||
|
background: transparent !important; |
||||
|
} |
||||
|
|
||||
|
.banner .card .card-title { |
||||
|
color: #fff; |
||||
|
font-size: 60px; |
||||
|
font-weight: 600; |
||||
|
} |
||||
|
|
||||
|
@media screen and (max-width: 768px) { |
||||
|
.banner .card .card-title { |
||||
|
font-size: 40px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.banner .card .card-title span { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
.banner .card .card-text { |
||||
|
color: #fff; |
||||
|
font-size: 18px; |
||||
|
margin-top: 32px; |
||||
|
margin-bottom: 35px; |
||||
|
} |
||||
|
.banner-1 { |
||||
|
display: flex; |
||||
|
align-items: flex-start; |
||||
|
justify-content: center; |
||||
|
background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(/theme_college/static/src/images/banner3.jpg); |
||||
|
height: 100vh; |
||||
|
background-size: cover; |
||||
|
width: 100%; |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center; |
||||
|
} |
||||
|
|
||||
|
.banner-2 { |
||||
|
display: flex; |
||||
|
align-items: flex-start; |
||||
|
justify-content: center; |
||||
|
background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(/theme_college/static/src/images/About_banner.png); |
||||
|
height: 100vh; |
||||
|
background-size: cover; |
||||
|
width: 100%; |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center; |
||||
|
} |
||||
|
|
||||
|
.banner-3 { |
||||
|
display: flex; |
||||
|
align-items: flex-start; |
||||
|
justify-content: center; |
||||
|
background: linear-gradient(rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0.5) 100%), url(/theme_college/static/src/images/banner3.jpg); |
||||
|
height: 100vh; |
||||
|
background-size: cover; |
||||
|
width: 100%; |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: center; |
||||
|
} |
||||
|
|
||||
|
img.img-responsive.zoom-img { |
||||
|
width: 100%; |
||||
|
} |
||||
|
#wrapwrap #wrap .scholarship_container { |
||||
|
margin-top: 13px !important; |
||||
|
} |
||||
|
a.btn.btn-primary.btn-lg.s_website_form_send.o_default_snippet_text{ |
||||
|
margin-top: 8px; |
||||
|
} |
After Width: | Height: | Size: 82 KiB |
After Width: | Height: | Size: 41 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 746 KiB |
After Width: | Height: | Size: 767 KiB |
After Width: | Height: | Size: 534 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 42 KiB |
After Width: | Height: | Size: 36 KiB |
After Width: | Height: | Size: 3.2 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 35 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 97 KiB |
After Width: | Height: | Size: 65 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 22 KiB |
After Width: | Height: | Size: 86 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 259 KiB |
After Width: | Height: | Size: 116 KiB |
After Width: | Height: | Size: 84 KiB |
After Width: | Height: | Size: 121 KiB |
After Width: | Height: | Size: 835 B |
After Width: | Height: | Size: 7.8 KiB |
After Width: | Height: | Size: 7.3 MiB |
After Width: | Height: | Size: 5.6 MiB |
After Width: | Height: | Size: 6.2 MiB |
After Width: | Height: | Size: 7.8 MiB |
After Width: | Height: | Size: 12 MiB |
After Width: | Height: | Size: 6.3 MiB |
After Width: | Height: | Size: 2.1 KiB |
After Width: | Height: | Size: 5.5 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 4.3 KiB |
After Width: | Height: | Size: 5.1 KiB |
After Width: | Height: | Size: 654 B |
@ -0,0 +1,22 @@ |
|||||
|
odoo.define('theme_college.college_location', function(require){ |
||||
|
'use strict'; |
||||
|
|
||||
|
var Animation = require('website.content.snippets.animation'); |
||||
|
var ajax = require('web.ajax'); |
||||
|
|
||||
|
// Defines a new animation class called get_product_tab by extending Animation.Class.
|
||||
|
// This class is used to perform an animation when selecting elements with the
|
||||
|
// class .college_location_class.
|
||||
|
Animation.registry.get_product_tab = Animation.Class.extend({ |
||||
|
selector : '.college_location_class', |
||||
|
start: function(){ |
||||
|
var self = this; |
||||
|
ajax.jsonRpc('/get_college_locations', 'call', {}) |
||||
|
.then(function (data) { |
||||
|
if(data){ |
||||
|
self.$target.empty().append(data); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
}); |
||||
|
}); |
@ -0,0 +1,62 @@ |
|||||
|
<?xml version="1.0" encoding="utf-8"?> |
||||
|
<odoo> |
||||
|
<!-- Represents an XML definition for a view in Odoo, specifically for a form --> |
||||
|
<!-- view with the ID theme_college_view_form and the model "college.location". --> |
||||
|
<!-- This view is used to define the layout and fields for the form when editing--> |
||||
|
<!-- or viewing records of the "college.location" model.--> |
||||
|
<record id="college_location_view_form" model="ir.ui.view"> |
||||
|
<field name="name">college.location.view.form</field> |
||||
|
<field name="model">college.location</field> |
||||
|
<field name="arch" type="xml"> |
||||
|
<form string="Website college location Settings"> |
||||
|
<sheet> |
||||
|
<group> |
||||
|
<field name="country_id"/> |
||||
|
<field name="description"/> |
||||
|
<field name="image"/> |
||||
|
<field name="location"/> |
||||
|
</group> |
||||
|
<group> |
||||
|
<field name="email"/> |
||||
|
<field name="phone"/> |
||||
|
<field name="about_us"/> |
||||
|
</group> |
||||
|
</sheet> |
||||
|
</form> |
||||
|
</field> |
||||
|
</record> |
||||
|
|
||||
|
<!-- Represents an XML definition for a tree view in Odoo, specifically for the--> |
||||
|
<!-- "college.location" model. This view is used to display a list of records --> |
||||
|
<!-- from the "college.location" model in a tree format.--> |
||||
|
<record id="college_location_view_tree" model="ir.ui.view"> |
||||
|
<field name="name">college.location.view.tree</field> |
||||
|
<field name="model">college.location</field> |
||||
|
<field name="arch" type="xml"> |
||||
|
<tree string="College Locations"> |
||||
|
<field name="country_id"/> |
||||
|
</tree> |
||||
|
</field> |
||||
|
</record> |
||||
|
|
||||
|
<!-- Represents an XML definition for an action in Odoo, specifically for the model --> |
||||
|
<!-- "college.location". This action is used to define the behavior when performing --> |
||||
|
<!-- an action related to college locations, such as opening a list of college locations.--> |
||||
|
<record id="college_location_action" model="ir.actions.act_window"> |
||||
|
<field name="name">College Locations</field> |
||||
|
<field name="type">ir.actions.act_window</field> |
||||
|
<field name="res_model">college.location</field> |
||||
|
<field name="view_id" eval="False"/> |
||||
|
</record> |
||||
|
|
||||
|
<!-- Represents an XML definition for a menu item in Odoo. This menu item is related --> |
||||
|
<!-- to the "College Locations" action and is used to create a menu entry for accessing--> |
||||
|
<!-- the college locations functionality within the Odoo application.--> |
||||
|
<menuitem name="College Locations" |
||||
|
id="college_location_menu_action" |
||||
|
action="college_location_action" |
||||
|
parent="website.menu_website_global_configuration" |
||||
|
sequence="30" |
||||
|
groups="base.group_user"/> |
||||
|
|
||||
|
</odoo> |
@ -0,0 +1,42 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<!-- Represents the configuration of a menu item called "Alumni" in a website's--> |
||||
|
<!-- menu structure. It defines its name, URL, parent menu item, and the sequence--> |
||||
|
<!-- in which it should appear.--> |
||||
|
<record id="menu_alumni" model="website.menu"> |
||||
|
<field name="name">Alumni</field> |
||||
|
<field name="url">/college_alumni</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence">59</field> |
||||
|
</record> |
||||
|
|
||||
|
<!-- Represents the configuration of a menu item called "Course" in a website's--> |
||||
|
<!-- menu structure. It defines its name, URL, parent menu item, and the sequence--> |
||||
|
<!-- in which it should appear.--> |
||||
|
<record id="menu_course" model="website.menu"> |
||||
|
<field name="name">Course</field> |
||||
|
<field name="url">/college_course</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence">56</field> |
||||
|
</record> |
||||
|
|
||||
|
<!-- Represents the configuration of a menu item called "Facility" in a website's--> |
||||
|
<!-- menu structure. It defines its name, URL, parent menu item, and the sequence--> |
||||
|
<!-- in which it should appear.--> |
||||
|
<record id="menu_facility" model="website.menu"> |
||||
|
<field name="name">Facility</field> |
||||
|
<field name="url">/college_facility</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence">57</field> |
||||
|
</record> |
||||
|
|
||||
|
<!-- Represents the configuration of a menu item called "Gallery" in a website's--> |
||||
|
<!-- menu structure. It defines its name, URL, parent menu item, and the sequence--> |
||||
|
<!-- in which it should appear.--> |
||||
|
<record id="menu_gallery" model="website.menu"> |
||||
|
<field name="name">Gallery</field> |
||||
|
<field name="url">/college_gallery</field> |
||||
|
<field name="parent_id" ref="website.main_menu"/> |
||||
|
<field name="sequence">58</field> |
||||
|
</record> |
||||
|
</odoo> |
@ -0,0 +1,844 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="theme_college.college_alumni" name="Alumni"> |
||||
|
<!-- This is a template for a web page section named "Alumni" that --> |
||||
|
<!-- displays a grid of eight thumbnails with images and captions. --> |
||||
|
<!-- It uses Bootstrap classes to create a responsive layout and --> |
||||
|
<!-- some custom CSS to hide the page header.--> |
||||
|
<t t-call="website.layout"> |
||||
|
<style> |
||||
|
.home_header{ |
||||
|
display: none; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- Alumni --> |
||||
|
<div class="container paddb50 alumini"> |
||||
|
<div class="about-w3-agile"> |
||||
|
<h3>Alumni</h3> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg" |
||||
|
alt="..." class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, |
||||
|
sed do eiusmod tempor incididunt ut labore |
||||
|
et dolore magna aliqua. |
||||
|
Ut enim ad minim veniam. Lorem ipsum dolor |
||||
|
sit amet, consectetur adipisicing elit, |
||||
|
sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/12/dropbox-alojamiento-nube.jpg" |
||||
|
alt="..." |
||||
|
class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>LLorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
incididunt ut labore et dolore magna aliqua. |
||||
|
Ut enim ad minim veniam. Lorem ipsum |
||||
|
dolor sit amet, consectetur adipisicing |
||||
|
elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/06/compraenredessociales-sophia-portada1-750.png" |
||||
|
alt="..." class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, |
||||
|
sed do eiusmod tempor incididunt ut labore |
||||
|
et dolore magna aliqua. Ut enim ad minim |
||||
|
veniam. |
||||
|
Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/12/dropbox-alojamiento-nube.jpg" |
||||
|
alt="..." |
||||
|
class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>LLorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, |
||||
|
sed do eiusmod tempor incididunt ut labore |
||||
|
et dolore magna aliqua. Ut enim ad minim |
||||
|
veniam. |
||||
|
Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row"> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg" |
||||
|
alt="..." class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
incididunt ut labore et dolore magna aliqua. |
||||
|
Ut enim ad minim veniam. Lorem ipsum |
||||
|
dolor sit amet, consectetur adipisicing |
||||
|
elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/12/dropbox-alojamiento-nube.jpg" |
||||
|
alt="..." |
||||
|
class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
incididunt ut labore et dolore magna aliqua. |
||||
|
Ut enim ad minim veniam. Lorem ipsum |
||||
|
dolor sit amet, consectetur adipisicing |
||||
|
elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/06/compraenredessociales-sophia-portada1-750.png" |
||||
|
alt="..." class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
incididunt ut labore et dolore magna aliqua. |
||||
|
Ut enim ad minim veniam. Lorem ipsum |
||||
|
dolor sit amet, consectetur adipisicing |
||||
|
elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-sm-6 col-md-3"> |
||||
|
<div class="thumbnail"> |
||||
|
<img src="http://www.consumer.es/imgs/2016/12/comprar-online-seguridad-consejos.jpg" |
||||
|
alt="..." class="alumni-img"/> |
||||
|
<div class="caption"> |
||||
|
<h4>Thumbnail label</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, consectetur |
||||
|
adipisicing elit, sed do eiusmod tempor |
||||
|
incididunt ut labore et dolore magna aliqua. |
||||
|
Ut enim ad minim veniam. Lorem ipsum |
||||
|
dolor sit amet, consectetur adipisicing |
||||
|
elit, sed do eiusmod tempor |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</template> |
||||
|
<template id="theme_college.college_course" name="Course"> |
||||
|
<!-- The "theme_college.college_course" template is a course page for a --> |
||||
|
<!-- college website, displaying information about different courses offered --> |
||||
|
<!-- along with their descriptions and images. The template also includes --> |
||||
|
<!-- some custom styling to hide the header.--> |
||||
|
<style> |
||||
|
.home_header{ |
||||
|
display: none; |
||||
|
} |
||||
|
</style> |
||||
|
<t t-call="website.layout"> |
||||
|
<!--Course --> |
||||
|
<div class="container-fluid"> |
||||
|
<div class="container"> |
||||
|
<div class="course"> |
||||
|
<br/> |
||||
|
<div class="container"> |
||||
|
<h3 class="tittle">Course</h3> |
||||
|
<div class="course-grids"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 course-grid"> |
||||
|
<div class="mask"> |
||||
|
<img src="/theme_college/static/src/images/c1.jpg" |
||||
|
class="img-responsive zoom-img"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 course-grid1 gri"> |
||||
|
<h4>Mechanical Engineering</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
<div class="course-grids"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 course-grid1"> |
||||
|
<h4>Information Technology</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-6 course-grid gri"> |
||||
|
<div class="mask"> |
||||
|
<img src="/theme_college/static/src/images/c2.jpg" |
||||
|
class="img-responsive zoom-img"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
<div class="course-grids"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 course-grid"> |
||||
|
<div class="mask"> |
||||
|
<img src="/theme_college/static/src/images/c3.jpg" |
||||
|
class="img-responsive zoom-img"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 course-grid1 gri"> |
||||
|
<h4>Computer Science</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
<div class="course-grids"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 course-grid1"> |
||||
|
<h4>Chemical Engineering</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-6 course-grid gri"> |
||||
|
<div class="mask"> |
||||
|
<img src="/theme_college/static/src/images/c4.jpg" |
||||
|
class="img-responsive zoom-img"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</template> |
||||
|
<template id="theme_college.college_facility" name="Facility"> |
||||
|
<!-- The "college_facility" template displays a webpage section showcasing --> |
||||
|
<!-- the facilities available at a college. It includes an image, a title,--> |
||||
|
<!-- and a description of the facility.--> |
||||
|
<!--Course --> |
||||
|
<style> |
||||
|
.home_header{ |
||||
|
display: none; |
||||
|
} |
||||
|
</style> |
||||
|
<t t-call="website.layout"> |
||||
|
<div class="container-fluid"> |
||||
|
<div class="container"> |
||||
|
<div class="faclility"> |
||||
|
<div class="container"> |
||||
|
<h3 class="tittle">Facilities</h3> |
||||
|
<div class="course-grids"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 course-grid"> |
||||
|
<div class="mask"> |
||||
|
<img src="/theme_college/static/src/images/c3.jpg" |
||||
|
class="img-responsive zoom-img"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 course-grid1 gri"> |
||||
|
<h4>In pulvinar lectus</h4> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orciLorem ipsum dolor |
||||
|
sit |
||||
|
amet, consectetuer adipiscing elit. |
||||
|
Suspendisse et justo. Praesent |
||||
|
mattis |
||||
|
commodo augue. Aliquam ornare |
||||
|
hendrerit augue. Cras tellus. In |
||||
|
pulvinar |
||||
|
lectus a est. Curabitur eget orci.. |
||||
|
</p> |
||||
|
<p>Lorem ipsum dolor sit amet, |
||||
|
consectetuer adipiscing elit. |
||||
|
Suspendisse et |
||||
|
justo. Praesent mattis commodo |
||||
|
augue. Aliquam ornare hendrerit |
||||
|
augue. Cras |
||||
|
tellus. In pulvinar lectus a est. |
||||
|
Curabitur eget orci. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</template> |
||||
|
<template id="theme_college.college_gallery" name="Gallery"> |
||||
|
<!-- This is a template for a college website's gallery and achievements --> |
||||
|
<!-- page, with a responsive grid layout for displaying images and --> |
||||
|
<!-- information about college rankings and achievements.--> |
||||
|
<t t-call="website.layout"> |
||||
|
<style> |
||||
|
.home_header{ |
||||
|
display: none; |
||||
|
} |
||||
|
</style> |
||||
|
<!-- Achievements --> |
||||
|
<div class="gallery" id="achievements"> |
||||
|
<div class="container"> |
||||
|
<h3>Achievements</h3> |
||||
|
<div class="s_three_columns o_mail_snippet_general o_cc o_cc2 pt32 pb32"> |
||||
|
<div class="container"> |
||||
|
<div class="row d-flex align-items-stretch"> |
||||
|
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16"> |
||||
|
<div class="card text-bg-white h-100"> |
||||
|
<img class="card-img-top" |
||||
|
src="/theme_college/static/src/images/c1.jpg" |
||||
|
alt=""/> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title">College life |
||||
|
Rank 5 |
||||
|
</h4> |
||||
|
<p class="card-text">Adapt these |
||||
|
three columns to fit your |
||||
|
design need. To duplicate, |
||||
|
delete or move columns, select |
||||
|
the column and use the top icons |
||||
|
to perform your action. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16"> |
||||
|
<div class="card text-bg-white h-100"> |
||||
|
<img class="card-img-top" |
||||
|
src="/theme_college/static/src/images/c2.jpg" |
||||
|
alt=""/> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title">Education |
||||
|
Rank 4 |
||||
|
</h4> |
||||
|
<p class="card-text">To add a fourth |
||||
|
column, reduce the size of |
||||
|
these three columns using the |
||||
|
right icon of each block. |
||||
|
Then, duplicate one of the |
||||
|
columns to create a new one as a |
||||
|
copy. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 s_col_no_bgcolor pt16 pb16"> |
||||
|
<div class="card text-bg-white h-100"> |
||||
|
<img class="card-img-top" |
||||
|
src="/theme_college/static/src/images/c3.jpg" |
||||
|
alt=""/> |
||||
|
<div class="card-body"> |
||||
|
<h4 class="card-title">Sports Rank |
||||
|
7 |
||||
|
</h4> |
||||
|
<p class="card-text">Delete the |
||||
|
above image or replace it with a |
||||
|
picture that illustrates your |
||||
|
message. Click on the picture |
||||
|
to change its <em>rounded |
||||
|
corner |
||||
|
</em> style. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Gallery --> |
||||
|
<div class="gallery" id="gallery"> |
||||
|
<div class="container"> |
||||
|
<h3>GALLERY</h3> |
||||
|
<t t-call="website.s_images_wall"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</template> |
||||
|
|
||||
|
<template id="college_snippet" inherit_id="website.snippets" |
||||
|
name="College Snippets"> |
||||
|
<!-- The "college_snippet" template adds four snippets related to a college --> |
||||
|
<!-- website: a scholarship form, a list of college partners, a map of the--> |
||||
|
<!-- college location, and a home banner.--> |
||||
|
<xpath expr="//div[@id='snippet_feature']/div[hasclass('o_panel_body')]" |
||||
|
position="inside"> |
||||
|
<!-- Scholarship Form--> |
||||
|
<t t-snippet="theme_college.college_scholarship_form" |
||||
|
t-thumbnail="/website/static/src/img/snippets_thumbs/s_website_form.svg"/> |
||||
|
<!-- College Partner--> |
||||
|
<t t-snippet="theme_college.college_partner" |
||||
|
t-thumbnail="/website/static/src/img/snippets_thumbs/s_product_list.svg"/> |
||||
|
<!-- College Location--> |
||||
|
<t t-snippet="theme_college.college_location" |
||||
|
t-thumbnail="/theme_college/static/src/images/location.jpg"/> |
||||
|
<!-- Home Banner--> |
||||
|
<t t-snippet="theme_college.home_college_banner" |
||||
|
t-thumbnail="/website/static/src/img/snippets_thumbs/s_carousel.svg" |
||||
|
/> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
|
||||
|
<template id="college_scholarship_form" name="College Scholarship Form"> |
||||
|
<!-- The "college_scholarship_form" template is a web form for applying for --> |
||||
|
<!-- a college scholarship, with fields for name, email, subject, and message,--> |
||||
|
<!-- and a submit button. It also includes an image for visual appeal.--> |
||||
|
<Section class="scholarship_form"> |
||||
|
<div class="container"> |
||||
|
<div class="row pb-5 scholarship"> |
||||
|
<div class="col-lg-6 col-md-6 col-sm-12 pt-5"> |
||||
|
<div class="card "> |
||||
|
<h3>Scholarship Form</h3> |
||||
|
<section class="s_website_form" data-vcss="001" |
||||
|
data-snippet="s_website_form"> |
||||
|
<div class="container scholarship_container"> |
||||
|
<form id="contactus_form" |
||||
|
action="/website/form/" method="post" |
||||
|
enctype="multipart/form-data" |
||||
|
class="o_mark_required" data-mark="*" |
||||
|
data-model_name="mail.mail" |
||||
|
data-success-mode="redirect" |
||||
|
data-success-page="/contactus-thank-you" |
||||
|
data-pre-fill="true"> |
||||
|
<div class="s_website_form_rows row s_col_no_bgcolor"> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_custom s_website_form_required" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact1" |
||||
|
type="text" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="name" |
||||
|
required="" |
||||
|
placeholder="Your name"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_required" |
||||
|
data-type="email" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact3" |
||||
|
type="email" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="email_from" |
||||
|
required="" |
||||
|
placeholder="Your email"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_required" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact5" |
||||
|
type="text" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="subject" |
||||
|
required="" |
||||
|
placeholder="Subject"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_custom s_website_form_required" |
||||
|
data-type="text" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<div class="col-sm"> |
||||
|
<textarea id="contact6" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="description" |
||||
|
required="" |
||||
|
placeholder="Message"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_dnone"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact7"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Email To |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact7" |
||||
|
type="hidden" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="email_to"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_submit" |
||||
|
data-name="Submit Button"> |
||||
|
<div style="width: 200px;" |
||||
|
class="s_website_form_label"/> |
||||
|
<a href="#" role="button" |
||||
|
class="btn btn-primary btn-lg s_website_form_send"> |
||||
|
Submit |
||||
|
</a> |
||||
|
</div> |
||||
|
<div style="margin-left: 146px;"> |
||||
|
<span id="s_website_form_result"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</section> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class=" col-lg-6 col-md-6 col-sm-12 pt-5"> |
||||
|
<div class="scholarship_img"> |
||||
|
<img class="img-fluid" |
||||
|
src="/theme_college/static/src/images/img1.png"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</Section> |
||||
|
</template> |
||||
|
|
||||
|
<template id="college_partner" name="College Partners"> |
||||
|
<!-- The "college_partner" template displays logos of various partner --> |
||||
|
<!-- companies on a webpage section titled "Placement Cell".--> |
||||
|
<section class="partner"> |
||||
|
<div class="container"> |
||||
|
<h3> |
||||
|
Placement |
||||
|
<span>Cell</span> |
||||
|
</h3> |
||||
|
</div> |
||||
|
<div class="container"> |
||||
|
<div class="wrapper"> |
||||
|
<div class="row company"> |
||||
|
<div class="col-lg-2 col-md-4 col-sm-4 col-6"> |
||||
|
<img src="/theme_college/static/src/images/partner/logo1.jpg"/> |
||||
|
</div> |
||||
|
<div class="col-lg-2 col-md-4 col-sm-4 col-6"> |
||||
|
<img src="/theme_college/static/src/images/partner/logo2.jpg"/> |
||||
|
</div> |
||||
|
<div class="col-lg-2 col-md-4 col-sm-4 col-6"> |
||||
|
<img src="/theme_college/static/src/images/partner/logo3.jpg"/> |
||||
|
</div> |
||||
|
<div class="col-lg-2 col-md-4 col-sm-4 col-6"> |
||||
|
<img src="/theme_college/static/src/images/partner/logo4.jpg"/> |
||||
|
</div> |
||||
|
<div class="col-lg-2 col-md-4 col-sm-4 col-6"> |
||||
|
<img src="/theme_college/static/src/images/partner/logo2.jpg"/> |
||||
|
</div> |
||||
|
<div class="col-lg-2 col-md-4 col-sm-4 col-6"> |
||||
|
<img src="/theme_college/static/src/images/partner/logo1.jpg"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<template id="home_college_banner" name="College Banner"> |
||||
|
<!-- This template is for a banner section with a carousel that displays --> |
||||
|
<!-- three slides with different images and text content, along with --> |
||||
|
<!-- carousel controls to navigate between them.--> |
||||
|
<section class="banner"> |
||||
|
<div id="carouselExampleIndicators" class="carousel slide" |
||||
|
data-ride="carousel"> |
||||
|
<ol class="carousel-indicators"> |
||||
|
<li data-target="#carouselExampleIndicators" |
||||
|
data-slide-to="0" class="active"/> |
||||
|
<li data-target="#carouselExampleIndicators" |
||||
|
data-slide-to="1"/> |
||||
|
<li data-target="#carouselExampleIndicators" |
||||
|
data-slide-to="2"/> |
||||
|
</ol> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"> |
||||
|
<div class="banner-1"> |
||||
|
<div class="card text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h5 class="card-title">Study Efficient |
||||
|
<br/> |
||||
|
<span>Make more.</span> |
||||
|
</h5> |
||||
|
<p class="card-text">Knowledge |
||||
|
</p> |
||||
|
<a href="#" class="btn btn-primary"> |
||||
|
Learn More |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="banner-2"> |
||||
|
<div class="card text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h5 class="card-title">Campus Life |
||||
|
<br/> |
||||
|
<span>New Home</span> |
||||
|
</h5> |
||||
|
<p class="card-text">Something More |
||||
|
</p> |
||||
|
<a href="#" class="btn btn-primary"> |
||||
|
Learn More |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="banner-3"> |
||||
|
<div class="card text-center"> |
||||
|
<div class="card-body"> |
||||
|
<h5 class="card-title">Study Efficient |
||||
|
<br/> |
||||
|
<span>Make more.</span> |
||||
|
</h5> |
||||
|
<p class="card-text">Knowledge |
||||
|
</p> |
||||
|
<a href="#" class="btn btn-primary"> |
||||
|
Learn More |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<a class="carousel-control-prev" |
||||
|
href="#carouselExampleIndicators" role="button" |
||||
|
data-slide="prev"> |
||||
|
<span class="carousel-control-prev-icon" |
||||
|
aria-hidden="true"/> |
||||
|
<span class="sr-only">Previous</span> |
||||
|
</a> |
||||
|
<a class="carousel-control-next" |
||||
|
href="#carouselExampleIndicators" role="button" |
||||
|
data-slide="next"> |
||||
|
<span class="carousel-control-next-icon" |
||||
|
aria-hidden="true"/> |
||||
|
<span class="sr-only">Next</span> |
||||
|
</a> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<template id="theme_college.college_location_country" |
||||
|
name="College Location Country"> |
||||
|
<!-- This is a webpage template for a College Location, --> |
||||
|
<!-- with the name "theme_college.college_location_country".--> |
||||
|
<style> |
||||
|
.home_header{ |
||||
|
display: none; |
||||
|
} |
||||
|
</style> |
||||
|
<t t-call="website.layout"> |
||||
|
<div class="container-fluid"> |
||||
|
<div class="container"> |
||||
|
<div class="location"> |
||||
|
<div class="container"> |
||||
|
<h3 class="tittle"> |
||||
|
<t t-esc="college_location.country_id.name"/> |
||||
|
</h3> |
||||
|
<div class="course-grids"> |
||||
|
<p> |
||||
|
<t t-esc="college_location.description"/> |
||||
|
</p> |
||||
|
<img t-attf-src="/web/image?model=college.location&field=image&id=#{college_location.id}" |
||||
|
class="img img-fluid rotate-center" |
||||
|
alt="" loading="lazy"/> |
||||
|
<p>Location: |
||||
|
<t t-esc="college_location.location"/> |
||||
|
</p> |
||||
|
<p>Phone: |
||||
|
<t t-esc="college_location.phone"/> |
||||
|
</p> |
||||
|
<p>Email: |
||||
|
<t t-esc="college_location.email"/> |
||||
|
</p> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
<div class="course-grids"> |
||||
|
<h4>About Us</h4> |
||||
|
<p> |
||||
|
<t t-esc="college_location.about_us"/> |
||||
|
</p> |
||||
|
<div class="clearfix"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</template> |
||||
|
|
||||
|
<template id="college_location" name="College Location"> |
||||
|
<!-- The "college_location" template is a snippet of code that provides --> |
||||
|
<!-- a basic structure for displaying information about the location of--> |
||||
|
<!-- a college. It includes a banner, a container for the product tab snippet,--> |
||||
|
<!-- and some placeholder text indicating that the snippet needs to be saved to view it.--> |
||||
|
<section class="college_location_class"> |
||||
|
<div class="banner_added"> |
||||
|
<br/> |
||||
|
<br/> |
||||
|
<br/> |
||||
|
<hr/> |
||||
|
<div class="container"> |
||||
|
<div class="alert alert-info"> |
||||
|
<h4>Your product tab snippet will be displayed here... |
||||
|
Please Save to view the snippet |
||||
|
</h4> |
||||
|
</div> |
||||
|
</div> |
||||
|
<hr/> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
<template id="college_locations" name="College Locations"> |
||||
|
<!-- The "college_locations" template is a structured code snippet designed --> |
||||
|
<!-- to display multiple college locations. It features a title, a container --> |
||||
|
<!-- for the locations, and a loop that iterates over each location to display --> |
||||
|
<!-- its details, including an image, college name, and country. The template --> |
||||
|
<!-- provides a visually appealing and user-friendly layout for showcasing --> |
||||
|
<!-- different college locations.--> |
||||
|
<section class="college_location text-center"> |
||||
|
<h1> |
||||
|
COLLEGE |
||||
|
<span>LOCATIONS</span> |
||||
|
</h1> |
||||
|
<div class="container pt-5 pb-5"> |
||||
|
<div class="row"> |
||||
|
<t t-foreach="college_location" t-as="college_location"> |
||||
|
<div class="col-lg-3 col-md-4 col-sm-6 col-12 filter hdpe"> |
||||
|
<a t-attf-href="/college_location/#{college_location.id}"> |
||||
|
<div class="wrapper"> |
||||
|
<div class="img_wrapper"> |
||||
|
<img t-attf-src="/web/image?model=college.location&field=image&id=#{college_location.id}" |
||||
|
class="img img-fluid rotate-center" |
||||
|
alt="" loading="lazy"/> |
||||
|
</div> |
||||
|
<div class="img_details"> |
||||
|
<h5 class="product_name"> |
||||
|
<span t-if="college_location" |
||||
|
t-esc="college_location.country_id.name"/> |
||||
|
</h5> |
||||
|
</div> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</template> |
||||
|
|
||||
|
</odoo> |
@ -0,0 +1,411 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<odoo> |
||||
|
<template id="custom_message" inherit_id="website.layout" |
||||
|
name="Custom Header and Footer"> |
||||
|
<!-- This is a custom header and footer template for a website, which includes --> |
||||
|
<!-- HTML, CSS, and FontAwesome links in the header, and a customized footer--> |
||||
|
<!-- with product and service information, contact details, and social media links.--> |
||||
|
<!-- Header--> |
||||
|
<xpath expr="//div[@id='wrapwrap']/main" position="before"> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"/> |
||||
|
<meta name="viewport" |
||||
|
content="width=device-width, initial-scale=1.0"/> |
||||
|
<link rel="stylesheet" |
||||
|
href="/theme_college/static/src/css/style.css"/> |
||||
|
<link rel="stylesheet" |
||||
|
href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" |
||||
|
integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" |
||||
|
crossorigin="anonymous"/> |
||||
|
</head> |
||||
|
</html> |
||||
|
</xpath> |
||||
|
<xpath expr="//div[@id='footer']" position="replace"> |
||||
|
<footer class="footer"> |
||||
|
<div class="container" id="footer"> |
||||
|
<div class="row"> |
||||
|
<div class="col-12 col-lg-4 col-md-12 col-sm-12"> |
||||
|
<div class="footer_part"> |
||||
|
<h4>Our Product and Services</h4> |
||||
|
<p class="fp"> |
||||
|
<a href="/" class="btn btn-quoteF">Home</a> |
||||
|
</p> |
||||
|
<p class="fp"> |
||||
|
<a href="/livechat" class="btn btn-quoteF"> |
||||
|
Live Chat Support |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-12 col-lg-4 col-md-6 col-sm-12"> |
||||
|
<h4>Contact Us</h4> |
||||
|
<address class="fp"> |
||||
|
<div t-field="res_company.partner_id" |
||||
|
t-options='{ |
||||
|
"widget": "contact", |
||||
|
"fields": ["name", "address", "phone", "mobile", "email"]}'/> |
||||
|
</address> |
||||
|
<div class="footer_icons"> |
||||
|
<ul> |
||||
|
<a href="#"> |
||||
|
<li class="fab fa-facebook-f fb" |
||||
|
aria-hidden="true"/> |
||||
|
</a> |
||||
|
<a href="#"> |
||||
|
<li class="fab fa-twitter tw" |
||||
|
aria-hidden="true"/> |
||||
|
</a> |
||||
|
<a href="#"> |
||||
|
<li class="fab fa-google-plus-g gg" |
||||
|
aria-hidden="true"/> |
||||
|
</a> |
||||
|
<a href="#"> |
||||
|
<li class="fab fa-dribbble dr" |
||||
|
aria-hidden="true"/> |
||||
|
</a> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-12 col-lg-4 col-md-6 col-sm-12"> |
||||
|
<h4>About Us</h4> |
||||
|
<p class="fp"> |
||||
|
We are a team of passionate people whose goal is |
||||
|
to improve |
||||
|
everyone's life through disruptive products. We |
||||
|
build great products |
||||
|
to solve your business problems. |
||||
|
Our products are designed for small to medium |
||||
|
size companies |
||||
|
willing to optimize their performance. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</footer> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="template_header_default" |
||||
|
inherit_id="website.template_header_default" |
||||
|
name="Template Header Theme College" active="True"> |
||||
|
<!-- The "Template Header Theme College" is a custom template that replaces --> |
||||
|
<!-- the default navbar with a modified version that includes menu items, --> |
||||
|
<!-- sign-in options, a user dropdown, a language selector, and a call-to-action button.--> |
||||
|
<xpath expr="//t [@t-call='website.navbar']" position="replace"> |
||||
|
<t t-call="website.navbar"> |
||||
|
<t t-set="_navbar_classes" t-valuef="shadow-sm"/> |
||||
|
<div id="top_menu_container" |
||||
|
class="container justify-content-start justify-content-lg-between"> |
||||
|
<!-- Brand --> |
||||
|
<t t-call="website.placeholder_header_brand"> |
||||
|
<t t-set="_link_class" t-valuef="mr-4"/> |
||||
|
</t> |
||||
|
<!-- Navbar Collapse --> |
||||
|
<div id="top_menu_collapse" |
||||
|
class="collapse navbar-collapse order-last order-lg-0"> |
||||
|
<t t-call="website.navbar_nav"> |
||||
|
<t t-set="_nav_class" t-valuef="flex-grow-1"/> |
||||
|
<!-- Menu --> |
||||
|
<t t-foreach="website.menu_id.child_id" |
||||
|
t-as="submenu"> |
||||
|
<t t-call="website.submenu"> |
||||
|
<t t-set="item_class" t-valuef="nav-item"/> |
||||
|
<t t-set="link_class" t-valuef="nav-link"/> |
||||
|
</t> |
||||
|
</t> |
||||
|
<!-- Sign In --> |
||||
|
<t t-call="portal.placeholder_user_sign_in"> |
||||
|
<t t-set="_item_class" |
||||
|
t-valuef="nav-item ml-lg-auto"/> |
||||
|
<t t-set="_link_class" |
||||
|
t-valuef="nav-link font-weight-bold"/> |
||||
|
</t> |
||||
|
<!-- User Dropdown --> |
||||
|
<t t-call="portal.user_dropdown"> |
||||
|
<t t-set="_user_name" t-value="true"/> |
||||
|
<t t-set="_item_class" |
||||
|
t-valuef="nav-item dropdown ml-lg-auto"/> |
||||
|
<t t-set="_link_class" |
||||
|
t-valuef="nav-link font-weight-bold"/> |
||||
|
</t> |
||||
|
<!-- Language Selector --> |
||||
|
<t t-call="website.placeholder_header_language_selector"> |
||||
|
<t t-set="_div_classes" |
||||
|
t-valuef="nav-item my-auto ml-lg-2"/> |
||||
|
</t> |
||||
|
</t> |
||||
|
</div> |
||||
|
<!-- Call To Action --> |
||||
|
<t t-call="website.placeholder_header_call_to_action"/> |
||||
|
<!-- Navbar Toggler --> |
||||
|
<t t-call="website.navbar_toggler"> |
||||
|
<t t-set="_toggler_class" t-valuef="ml-auto"/> |
||||
|
</t> |
||||
|
</div> |
||||
|
</t> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
<template id="college_contact_us" name="College Contact Us" |
||||
|
inherit_id="website.contactus"> |
||||
|
<!-- The "College Contact Us" is a custom template that replaces --> |
||||
|
<!-- the default contact us page with a modified version --> |
||||
|
<xpath expr="//div[@id='wrap']" position="replace"> |
||||
|
<section class="contact"> |
||||
|
<div class="contact_main"> |
||||
|
<div class="container"> |
||||
|
<div class="row contact_page"> |
||||
|
<div class="col-lg-6 col-md-6 col-12"> |
||||
|
<div class="contact_details"> |
||||
|
<div class="heading_c"> |
||||
|
<h2 class="main">Contact Us</h2> |
||||
|
</div> |
||||
|
<p class="abt"> |
||||
|
As you might expect of a company that |
||||
|
began as a high-end interiors |
||||
|
contractor, we pay strict attention. |
||||
|
</p> |
||||
|
<section class="s_website_form" |
||||
|
data-vcss="001" |
||||
|
data-snippet="s_website_form"> |
||||
|
<div class="container"> |
||||
|
<form id="contactus_form" |
||||
|
action="/website/form/" |
||||
|
method="post" |
||||
|
enctype="multipart/form-data" |
||||
|
class="o_mark_required" |
||||
|
data-mark="*" |
||||
|
data-model_name="mail.mail" |
||||
|
data-success-mode="redirect" |
||||
|
data-success-page="/contactus-thank-you" |
||||
|
data-pre-fill="true"> |
||||
|
<div class="s_website_form_rows row s_col_no_bgcolor"> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_custom s_website_form_required" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact1"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Your Name |
||||
|
</span> |
||||
|
<span class="s_website_form_mark"> |
||||
|
* |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact1" |
||||
|
type="text" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="name" |
||||
|
required="" |
||||
|
data-fill-with="name"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_custom" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact2"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Phone Number |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact2" |
||||
|
type="tel" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="phone" |
||||
|
data-fill-with="phone"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_required" |
||||
|
data-type="email" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact3"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Your Email |
||||
|
</span> |
||||
|
<span class="s_website_form_mark"> |
||||
|
* |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact3" |
||||
|
type="email" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="email_from" |
||||
|
required="" |
||||
|
data-fill-with="email"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_custom" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact4"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Your Company |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact4" |
||||
|
type="text" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="company" |
||||
|
data-fill-with="commercial_company_name"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_required" |
||||
|
data-type="char" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact5"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Subject |
||||
|
</span> |
||||
|
<span class="s_website_form_mark"> |
||||
|
* |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact5" |
||||
|
type="text" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="subject" |
||||
|
required=""/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_custom s_website_form_required" |
||||
|
data-type="text" |
||||
|
data-name="Field"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact6"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Your |
||||
|
Question |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<textarea |
||||
|
id="contact6" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="description" |
||||
|
required=""/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_field s_website_form_dnone"> |
||||
|
<div class="row s_col_no_resize s_col_no_bgcolor"> |
||||
|
<label class="col-form-label col-sm-auto s_website_form_label" |
||||
|
style="width: 200px" |
||||
|
for="contact7"> |
||||
|
<span class="s_website_form_label_content"> |
||||
|
Email To |
||||
|
</span> |
||||
|
</label> |
||||
|
<div class="col-sm"> |
||||
|
<input id="contact7" |
||||
|
type="hidden" |
||||
|
class="form-control s_website_form_input" |
||||
|
name="email_to"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="form-group col-12 s_website_form_submit" |
||||
|
data-name="Submit Button"> |
||||
|
<div style="width: 200px;" |
||||
|
class="s_website_form_label"/> |
||||
|
<a href="#" |
||||
|
role="button" |
||||
|
class="btn btn-primary btn-lg s_website_form_send"> |
||||
|
Submit |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="text-center"> |
||||
|
<span id="s_website_form_result"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</section> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-6 col-md-6 col-12"> |
||||
|
<div class="contact-page-second-col"> |
||||
|
<div class="address"> |
||||
|
<div class="wrapper"> |
||||
|
<ul class="list-unstyled mb-0 ps-2"> |
||||
|
<li>My Company</li> |
||||
|
<li> |
||||
|
<i class="fa fa-map-marker fa-fw me-2"/> |
||||
|
<span class="o_force_ltr"> |
||||
|
3575 Fake Buena Vista |
||||
|
Avenue |
||||
|
</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<i class="fa fa-phone fa-fw me-2"/> |
||||
|
<span class="o_force_ltr">+1 |
||||
|
(650) 555-0111 |
||||
|
</span> |
||||
|
</li> |
||||
|
<li> |
||||
|
<i class="fa fa-1x fa-fw fa-envelope me-2"/> |
||||
|
<span> |
||||
|
info@yourcompany.example.com |
||||
|
</span> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="wrapper"> |
||||
|
<div class="cc">United states</div> |
||||
|
<p class="info">195 E Parker Square |
||||
|
Dr, Parker, CO 801 |
||||
|
</p> |
||||
|
<p> |
||||
|
<a href="tel:+4733378901">+47 |
||||
|
333 78 901 |
||||
|
</a> |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div> |
||||
|
<section class="map"> |
||||
|
<div class="map-responsive"> |
||||
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15658.881983874671!2d75.87971722644363!3d11.134181973268767!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3ba651d1fb20b40b%3A0xd15c44b13dfe431c!2sThenhipalam%2C%20Kerala!5e0!3m2!1sen!2sin!4v1598930664895!5m2!1sen!2sin" |
||||
|
width="100%" |
||||
|
height="450" |
||||
|
frameborder="0" |
||||
|
style="border:0;" |
||||
|
allowfullscreen="" |
||||
|
aria-hidden="false" |
||||
|
tabindex="0"/> |
||||
|
</div> |
||||
|
</section> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</odoo> |