Hilar AK
8 years ago
141 changed files with 24258 additions and 0 deletions
@ -0,0 +1,37 @@ |
|||
# Odoo website and backend demo theme |
|||
|
|||
This addon is to make demo theme on odoo for educational institutions |
|||
|
|||
- Theme based on Educational Institutions |
|||
- Front-end as wells as Back-end styles |
|||
- Custom Pages including Courses, Facilities, Gallery, Alumni |
|||
- Carousel slide on Home Page |
|||
- Image Viewer on Gallery |
|||
|
|||
### Extra features |
|||
- Backend Theme |
|||
- New kanban view style |
|||
- link colors |
|||
- New style for backend menus |
|||
|
|||
### Depends |
|||
Depends on odoo website addon |
|||
|
|||
### Tech |
|||
|
|||
* [jQuery] |
|||
* [Python] |
|||
* [XML] |
|||
|
|||
### Installation |
|||
- www.odoo.com/documentation/9.0/setup/install.html |
|||
- Install our custom addon, which also installs its depends [website,] |
|||
|
|||
### Usage |
|||
>install our custom addon website_college, which will make theme, no other configurations |
|||
|
|||
License |
|||
---- |
|||
GNU LESSER GENERAL PUBLIC LICENSE, Version 3 (LGPLv3) |
|||
(http://www.gnu.org/licenses/agpl.html) |
|||
|
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
import controllers |
|||
@ -0,0 +1,65 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# Copyright (C) 2017-TODAY Cybrosys Technologies(<http://www.cybrosys.com>). |
|||
# Author: Hilar AK(<hilar@cybrosys.in>) |
|||
# you can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# It is forbidden to publish, distribute, sublicense, or sell copies |
|||
# of the Software or modified copies of the Software. |
|||
# |
|||
# 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 |
|||
# GENERAL PUBLIC LICENSE (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
{ |
|||
'name': "Website_college", |
|||
|
|||
'summary': """ |
|||
Odoo demo theme for an educational Institution which includes their front page, backend theme ..""", |
|||
|
|||
'description': """ |
|||
Long description of module's purpose |
|||
""", |
|||
|
|||
'author': "Cybrosys", |
|||
'website': "http://cybrosys.com/", |
|||
|
|||
# Categories can be used to filter modules in modules listing |
|||
# Check https://github.com/odoo/odoo/blob/master/openerp/addons/base/module/module_data.xml |
|||
# for the full list |
|||
'category': 'website', |
|||
'version': '9.0.1.1', |
|||
|
|||
# any module necessary for this one to work correctly |
|||
'depends': ['base', |
|||
'web', |
|||
'website', |
|||
'website_livechat', |
|||
], |
|||
|
|||
# always loaded |
|||
'data': [ |
|||
# 'security/ir.model.access.csv', |
|||
'views/template.xml', |
|||
'views/alumni.xml', |
|||
'views/course.xml', |
|||
'views/facility.xml', |
|||
'views/gallery.xml', |
|||
], |
|||
# only loaded in demonstration mode |
|||
'demo': [ |
|||
# 'demo/demo.xml', |
|||
], |
|||
'images': ['/website_college/static/description/banner.jpg'], |
|||
'installable': True, |
|||
'application': True |
|||
} |
|||
@ -0,0 +1,47 @@ |
|||
# -*- coding: utf-8 -*- |
|||
# © 2017 Hilar AK <hilar@cybrosys.in> |
|||
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html) |
|||
|
|||
{ |
|||
'name': "Website_college", |
|||
|
|||
'summary': """ |
|||
Odoo demo theme for an educational Institution which includes their front page, backend theme ..""", |
|||
|
|||
'description': """ |
|||
Long description of module's purpose |
|||
""", |
|||
|
|||
'author': "Cybrosys", |
|||
'website': "http://cybrosys.com/", |
|||
|
|||
# Categories can be used to filter modules in modules listing |
|||
# Check https://github.com/odoo/odoo/blob/master/openerp/addons/base/module/module_data.xml |
|||
# for the full list |
|||
'category': 'website', |
|||
'version': '9.0.1.1', |
|||
|
|||
# any module necessary for this one to work correctly |
|||
'depends': ['base', |
|||
'web', |
|||
'website', |
|||
'website_livechat', |
|||
], |
|||
|
|||
# always loaded |
|||
'data': [ |
|||
# 'security/ir.model.access.csv', |
|||
'views/template.xml', |
|||
'views/alumni.xml', |
|||
'views/course.xml', |
|||
'views/facility.xml', |
|||
'views/gallery.xml', |
|||
], |
|||
# only loaded in demonstration mode |
|||
'demo': [ |
|||
# 'demo/demo.xml', |
|||
], |
|||
'images': ['/website_college/static/description/banner.jpg'], |
|||
'installable': True, |
|||
'application': True |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
import main |
|||
@ -0,0 +1,70 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
from openerp.addons.web.controllers import main |
|||
from openerp import http |
|||
from openerp.http import request |
|||
|
|||
|
|||
class Website(main.Home): |
|||
@http.route(['/page/homepage'], type='http', auth="public", website=True) |
|||
def home(self, **kwargs): |
|||
""" |
|||
Overrided function which loads our custom home page templates |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website_college.home_page", {}) |
|||
|
|||
@http.route(['/page/alumni'], type='http', auth="public", website=True) |
|||
def alumni(self, **kwargs): |
|||
""" |
|||
Function render the page alumni |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website_college.alumni", {'alumni': True}) |
|||
|
|||
@http.route(['/page/courses'], type='http', auth="public", website=True) |
|||
def courses(self, **kwargs): |
|||
""" |
|||
Function renders the page courses |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website_college.course", {'course': True}) |
|||
|
|||
@http.route(['/page/facilities'], type='http', auth="public", website=True) |
|||
def facilities(self, **kwargs): |
|||
""" |
|||
Function renders the facilities page |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website_college.facility", {'facilities': True}) |
|||
|
|||
@http.route(['/page/gallery'], type='http', auth="public", website=True) |
|||
def gallery(self, **kwargs): |
|||
""" |
|||
Function loads the gallery page |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website_college.gallery", {'gallery': True}) |
|||
|
|||
@http.route('/page/aboutus', type='http', auth="public", website=True) |
|||
def aboutus(self, **kwargs): |
|||
""" |
|||
Function renders the aboutus page |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website.aboutus", {'aboutus': True}) |
|||
|
|||
@http.route('/page/contactus', type='http', auth="public", website=True) |
|||
def contactus(self, **opt): |
|||
""" |
|||
Function loads the custom contactus page |
|||
:param opt: |
|||
:return: |
|||
""" |
|||
return request.render("website.contactus", {'contactus': True}) |
|||
@ -0,0 +1,95 @@ |
|||
|
|||
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { |
|||
background-color: none !important; |
|||
} |
|||
.navbar-inverse, .navbar-inverse .navbar-nav > li > a { |
|||
background-color: #31bff5; |
|||
color: #fff !important; |
|||
} |
|||
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { |
|||
color: #000 !important; |
|||
background: none !important; |
|||
} |
|||
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ |
|||
background: none !important; |
|||
} |
|||
.panel-primary > .panel-heading { |
|||
background-color: #31bff5; |
|||
border-color: #31bff5; |
|||
color: #ffffff; |
|||
} |
|||
.o_mail_request_permission a { |
|||
color: white !important; |
|||
font-weight: bold !important; |
|||
} |
|||
.kanban_html_preview { |
|||
font-size:30px; |
|||
width:1000px; |
|||
text-indent:15px; |
|||
} |
|||
.o_web_settings_dashboard_progress_title, .o_web_settings_dashboard_progress_title .fa { |
|||
color: #ff6900 !important; |
|||
} |
|||
.btn-primary, .oe_button.oe_highlight { |
|||
color: rgb(255, 255, 255); |
|||
background-color: rgba(255, 105, 0, 0.72) !important; |
|||
border-color: #ff6900 !important; |
|||
} |
|||
.navbar-inverse, .navbar-inverse .navbar-nav > li > a { |
|||
background-color: #58c27e !important; |
|||
color: #222222; |
|||
} |
|||
.navbar-inverse { |
|||
border-color: #58c27e !important; |
|||
} |
|||
|
|||
.openerp .nav-pills > li.active > a, .openerp .badge, .openerp a.list-group-item.active > a, .openerp .nav-pills > li.active a:hover, .openerp .nav-pills > li.active a:focus, .openerp a.list-group-item.active a:hover, .openerp a.list-group-item.active a:focus { |
|||
background-color: #666666 !important; |
|||
} |
|||
|
|||
.oe_button_box .oe_stat_button .o_button_icon { |
|||
color: #ff6900 !important; |
|||
} |
|||
.openerp .oe_secondary_menu_section, .openerp .oe_secondary_menu_section > .oe_menu_leaf { |
|||
color: #ff6900 !important; |
|||
} |
|||
.openerp .oe_secondary_menu, .openerp .oe_horizontal_separator { |
|||
color: #ff6900 !important; |
|||
} |
|||
.o_kanban_view.o_kanban_ungrouped { |
|||
padding:0 !important; |
|||
} |
|||
.oe_form_field_html_text .note-editable { |
|||
color: inherit !important; |
|||
font-size: inherit !important; |
|||
} |
|||
a, .openerp .oe_form_field_many2one .oe_m2o_cm_button { |
|||
color: rgba(255, 105, 0, 0.72) !important; |
|||
} |
|||
.progress-bar { |
|||
background-color: #58c27e !important |
|||
} |
|||
.oe_secondary_submenu > li > a, button.fa { |
|||
color: rgba(255, 105, 0, 0.72) !important; |
|||
} |
|||
.btn-block { |
|||
color: #fff !important; |
|||
} |
|||
.fa-twitter-square { |
|||
color: #00aced !important; |
|||
} |
|||
.fa-facebook-square { |
|||
color: #3b5998 !important; |
|||
} |
|||
.fa-linkedin-square { |
|||
color: #007bb6 !important; |
|||
} |
|||
.o_kanban_view .o_kanban_record.oe_kanban_global_click, .o_kanban_view .o_kanban_record.oe_kanban_global_click_edit{ |
|||
border-radius: 12px; |
|||
} |
|||
.ui-state-focus { |
|||
color: rgba(255, 105, 0, 0.72) !important; |
|||
} |
|||
.openerp .oe_form .oe_form_required input:not([disabled]):not([readonly]), .openerp .oe_form .oe_form_required select:not([disabled]):not([readonly]), .openerp .oe_form .oe_form_required textarea:not([disabled]):not([readonly]) { |
|||
background-color: rgba(88, 194, 126, 0.34) !important; |
|||
} |
|||
@ -0,0 +1,112 @@ |
|||
body{ |
|||
margin:0; |
|||
padding:0; |
|||
} |
|||
#Choco_overlay{ |
|||
background:rgba(50, 50, 50, 0.9) !important; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
width: 100%; |
|||
height: 100%; |
|||
display:none; |
|||
padding:0; |
|||
margin:0; |
|||
} |
|||
#Choco_content{ |
|||
display:none; |
|||
width:800px; |
|||
height:600px; |
|||
z-index:1001; |
|||
position:fixed; |
|||
left:50%; |
|||
top:45%; |
|||
margin-left:-400px; |
|||
margin-top:-300px; |
|||
border-top:1px solid transparent;/*Yes, adjust image perfectly at the center of a box, don't know why.*/ |
|||
} |
|||
#Choco_left_arrow{ |
|||
float:left; |
|||
background-image:url(../images/left.png)!important; |
|||
background-position:12%; |
|||
left:-2%; |
|||
} |
|||
#Choco_right_arrow{ |
|||
float:right; |
|||
background-image:url(../images/right.png)!important; |
|||
background-position:88%; |
|||
left:2%; |
|||
} |
|||
.Choco_arrows{ |
|||
background-repeat:no-repeat; |
|||
display:none; |
|||
position:relative; |
|||
cursor:pointer; |
|||
width:49%; |
|||
top:-100%; |
|||
height:100%; |
|||
margin-top:-30px; |
|||
} |
|||
#Choco_container_photo{ |
|||
text-align:center; |
|||
width:800px; |
|||
height:600px; |
|||
/*background:url(../images/ajax-loader.gif) center center no-repeat;*/ |
|||
} |
|||
#Choco_container_description{ |
|||
padding:0; |
|||
height:26px; |
|||
width:100%; |
|||
color:#FFFFFF; |
|||
font-family:Tahoma; |
|||
clear:both; |
|||
position:relative; |
|||
font-size:12px; |
|||
margin-top:-5px; |
|||
overflow:hidden; |
|||
visibility:hidden; |
|||
} |
|||
#Choco_container_title{ |
|||
float:left; |
|||
padding:5px; |
|||
} |
|||
#Choco_container_via{ |
|||
padding:5px; |
|||
float:right; |
|||
} |
|||
#Choco_container_via a{ |
|||
color:gray; |
|||
} |
|||
#Choco_container_via a:hover{ |
|||
color:white; |
|||
background:gray; |
|||
} |
|||
#Choco_close{ |
|||
width:35px; |
|||
height:35px; |
|||
background-image:url(../images/close.png)!important; |
|||
background-repeat:no-repeat; |
|||
z-index:1002; |
|||
cursor:pointer; |
|||
margin: 0px 0px 15px 0px; |
|||
display:none; |
|||
} |
|||
#Choco_loading{ |
|||
width:24px; |
|||
height:24px; |
|||
background-image:url(../images/loading.png); |
|||
background-repeat:no-repeat; |
|||
z-index:1002; |
|||
cursor:pointer; |
|||
float:right; |
|||
margin-top:-20px; |
|||
display:none; |
|||
} |
|||
#Choco_bigImage{ |
|||
display:none; |
|||
position:relative; |
|||
width:100%; |
|||
height:100%; |
|||
margin-top:-5px; |
|||
} |
|||
@ -0,0 +1,353 @@ |
|||
/* Styles for dialog window */ |
|||
#small-dialog,#small-dialog2{ |
|||
background: #f94003; |
|||
text-align: left; |
|||
max-width: 500px; |
|||
margin: 40px auto; |
|||
position: relative; |
|||
} |
|||
#small-dialog-it,#small-dialog-in,#small-dialog-fr,#small-dialog-sh,#small-dialog-sf,#small-dialog-su,#small-dialog-me,#small-dialog-ch,#small-dialog-pi,#small-dialog-am { |
|||
background: white; |
|||
padding:0px; |
|||
text-align: left; |
|||
max-width: 450px; |
|||
margin: 40px auto; |
|||
position: relative; |
|||
text-align:center; |
|||
} |
|||
a.play-icon.popup-with-zoom-anim img:hover { |
|||
opacity: 0.5; |
|||
transition:0.5s all; |
|||
-webkit-transition:0.5s all; |
|||
-o-transition:0.5s all; |
|||
-moz-transition:0.5s all; |
|||
-ms-transition:0.5s all; |
|||
} |
|||
.portfolio-items{ |
|||
text-align:center; |
|||
margin:0 auto; |
|||
} |
|||
.portfolio-items img{ |
|||
width:100%; |
|||
} |
|||
.portfolio-items h4{ |
|||
margin:1em 0; |
|||
font-size:25px; |
|||
color:#a63d56; |
|||
} |
|||
.portfolio-items p{ |
|||
text-align:justify; |
|||
} |
|||
/** |
|||
|
|||
/** |
|||
* Fade-zoom animation for first dialog |
|||
*/ |
|||
|
|||
/* start state */ |
|||
.my-mfp-zoom-in #small-dialog { |
|||
opacity: 0; |
|||
-webkit-transition: all 0.2s ease-in-out; |
|||
-moz-transition: all 0.2s ease-in-out; |
|||
-o-transition: all 0.2s ease-in-out; |
|||
transition: all 0.2s ease-in-out; |
|||
-webkit-transform: scale(0.8); |
|||
-moz-transform: scale(0.8); |
|||
-ms-transform: scale(0.8); |
|||
-o-transform: scale(0.8); |
|||
transform: scale(0.8); |
|||
} |
|||
/* animate in */ |
|||
.my-mfp-zoom-in.mfp-ready #small-dialog { |
|||
opacity: 1; |
|||
-webkit-transform: scale(1); |
|||
-moz-transform: scale(1); |
|||
-ms-transform: scale(1); |
|||
-o-transform: scale(1); |
|||
transform: scale(1); |
|||
padding:50px; |
|||
} |
|||
/* animate out */ |
|||
.my-mfp-zoom-in.mfp-removing #small-dialog { |
|||
-webkit-transform: scale(0.8); |
|||
-moz-transform: scale(0.8); |
|||
-ms-transform: scale(0.8); |
|||
-o-transform: scale(0.8); |
|||
transform: scale(0.8); |
|||
opacity: 0; |
|||
} |
|||
/* Dark overlay, start state */ |
|||
.my-mfp-zoom-in.mfp-bg { |
|||
opacity: 0; |
|||
-webkit-transition: opacity 0.3s ease-out; |
|||
-moz-transition: opacity 0.3s ease-out; |
|||
-o-transition: opacity 0.3s ease-out; |
|||
transition: opacity 0.3s ease-out; |
|||
} |
|||
/* animate in */ |
|||
.my-mfp-zoom-in.mfp-ready.mfp-bg { |
|||
opacity: 0.8; |
|||
} |
|||
/* animate out */ |
|||
.my-mfp-zoom-in.mfp-removing.mfp-bg { |
|||
opacity: 0; |
|||
} |
|||
/** |
|||
/* Magnific Popup CSS */ |
|||
.mfp-bg { |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1042; |
|||
overflow: hidden; |
|||
position: fixed; |
|||
background: #0b0b0b; |
|||
opacity: 0.8; |
|||
filter: alpha(opacity=80); } |
|||
|
|||
.mfp-wrap { |
|||
top: 0; |
|||
left: 0; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 1043; |
|||
position: fixed; |
|||
outline: none !important; |
|||
-webkit-backface-visibility: hidden; } |
|||
|
|||
.mfp-container { |
|||
text-align: center; |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 100%; |
|||
left: 0; |
|||
top: 0; |
|||
padding: 0 8px; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; } |
|||
|
|||
.mfp-container:before { |
|||
content: ''; |
|||
display: inline-block; |
|||
height: 100%; |
|||
vertical-align: middle; } |
|||
|
|||
.mfp-align-top .mfp-container:before { |
|||
display: none; } |
|||
|
|||
.mfp-content { |
|||
position: relative; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
margin: 0 auto; |
|||
text-align: left; |
|||
z-index: 1045; } |
|||
|
|||
.mfp-inline-holder .mfp-content, |
|||
.mfp-ajax-holder .mfp-content { |
|||
width: 100%; |
|||
cursor: auto; } |
|||
|
|||
.mfp-ajax-cur { |
|||
cursor: progress; } |
|||
|
|||
.mfp-zoom-out-cur, |
|||
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { |
|||
cursor: -moz-zoom-out; |
|||
cursor: -webkit-zoom-out; |
|||
cursor: zoom-out; } |
|||
.mfp-zoom { |
|||
cursor: pointer; |
|||
cursor: -webkit-zoom-in; |
|||
cursor: -moz-zoom-in; |
|||
cursor: zoom-in; } |
|||
|
|||
.mfp-auto-cursor .mfp-content { |
|||
cursor: auto; } |
|||
|
|||
.mfp-close, |
|||
.mfp-arrow, |
|||
.mfp-preloader, |
|||
.mfp-counter { |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
user-select: none; } |
|||
|
|||
.mfp-loading.mfp-figure { |
|||
display: none; } |
|||
|
|||
.mfp-hide { |
|||
display: none !important; } |
|||
.mfp-content iframe{ |
|||
width:100%; |
|||
min-height:500px; |
|||
} |
|||
.mfp-preloader { |
|||
color: #cccccc; |
|||
position: absolute; |
|||
top: 50%; |
|||
width: auto; |
|||
text-align: center; |
|||
margin-top: -0.8em; |
|||
left: 8px; |
|||
right: 8px; |
|||
z-index: 1044; } |
|||
|
|||
.mfp-preloader a { |
|||
color: #cccccc; } |
|||
|
|||
.mfp-preloader a:hover { |
|||
color: white; } |
|||
|
|||
.mfp-s-ready .mfp-preloader { |
|||
display: none; } |
|||
|
|||
.mfp-s-error .mfp-content { |
|||
display: none; } |
|||
|
|||
button.mfp-close, |
|||
button.mfp-arrow { |
|||
overflow: visible; |
|||
cursor: pointer; |
|||
border: 0; |
|||
background:#FFF; |
|||
-webkit-appearance: none; |
|||
display: block; |
|||
padding: 0; |
|||
z-index: 1046; } |
|||
button::-moz-focus-inner { |
|||
padding: 0; |
|||
border: 0; } |
|||
|
|||
.mfp-close { |
|||
width: 23px; |
|||
height: 30px; |
|||
line-height: 25px; |
|||
position: absolute; |
|||
left: -40px; |
|||
top: -30px; |
|||
text-decoration: none; |
|||
text-align: center; |
|||
padding: 0 0 18px 10px; |
|||
color: white !important; |
|||
font-style: normal; |
|||
font-size: 45px; |
|||
outline: none; |
|||
} |
|||
.mfp-close:hover, .mfp-close:focus { |
|||
opacity: 1; } |
|||
|
|||
.mfp-close-btn-in .mfp-close { |
|||
color: #333333; |
|||
background: none; |
|||
} |
|||
|
|||
.mfp-image-holder .mfp-close, |
|||
.mfp-iframe-holder .mfp-close { |
|||
color: white; |
|||
right: -6px; |
|||
text-align: right; |
|||
padding-right: 6px; |
|||
width: 100%; |
|||
} |
|||
.login h3,.signup h3{ |
|||
margin:1em 0; |
|||
color: #a63d56; |
|||
} |
|||
.login input[type="text"],.login input[type="password"]{ |
|||
width:90%; |
|||
padding:5px; |
|||
margin:3px 0;x |
|||
border: 1px solid #a63d56; |
|||
outline: none !important; |
|||
} |
|||
.signup input[type="text"]{ |
|||
width: 44.5%; |
|||
padding: 5px; |
|||
margin: 10px 0; |
|||
outline: none; |
|||
background: #EBEBEB; |
|||
border: solid 1px #222; |
|||
} |
|||
.signup input.email[type="text"],.signup input[type="password"]{ |
|||
width: 90%; |
|||
padding: 5px; |
|||
margin: 10px 0; |
|||
outline: none; |
|||
background: #EBEBEB; |
|||
border: solid 1px #222; |
|||
} |
|||
.login input[type="submit"],.signup input[type="submit"]{ |
|||
background: #347083; |
|||
border: 0px; |
|||
padding: 5px 10px; |
|||
margin: 10px 10px; |
|||
outline: none; |
|||
font-size: 18px; |
|||
color: #fff; |
|||
text-transform: uppercase; |
|||
width: 17%; |
|||
-webkit-appearance: none; |
|||
} |
|||
.login input[type="submit"]:hover,.signup input[type="submit"]:hover{ |
|||
background:#163035; |
|||
-webkit-transition: all 0.5s ease-in-out; |
|||
-moz-transition: all 0.5s ease-in-out; |
|||
-o-transition: all 0.5s ease-in-out; |
|||
transition: all 0.5s ease-in-out; |
|||
} |
|||
@media all and (max-width:640px){ |
|||
#small-dialog, #small-dialog2 { |
|||
max-width: 420px; |
|||
} |
|||
} |
|||
@media all and (max-width:480px){ |
|||
.comments-area textarea{ |
|||
height:100px; |
|||
} |
|||
.login input[type="submit"], .signup input[type="submit"] { |
|||
font-size: 14px; |
|||
width: 20%; |
|||
} |
|||
.mfp-close { |
|||
left: 0; |
|||
} |
|||
#small-dialog, #small-dialog2 { |
|||
max-width: 320px; |
|||
} |
|||
|
|||
} |
|||
@media all and (max-width:320px){ |
|||
.comments-area span.label,.comments-area span.text-field{ |
|||
float:none; |
|||
width:100%; |
|||
} |
|||
.comments-area span{ |
|||
padding-bottom:3px; |
|||
} |
|||
#small-dialog{ |
|||
padding:15px; |
|||
} |
|||
.comments-area input[type="text"], .comments-area textarea{ |
|||
width:92%; |
|||
} |
|||
.comments-area div{ |
|||
padding:2px 0; |
|||
} |
|||
.mfp-content iframe{ |
|||
width:100%; |
|||
min-height:250px; |
|||
} |
|||
.login input[type="submit"], .signup input[type="submit"] { |
|||
font-size: 12px; |
|||
width: 29%; |
|||
} |
|||
.signup input[type="text"] { |
|||
width: 90%; |
|||
} |
|||
.mfp-close { |
|||
top: -40px; |
|||
} |
|||
} |
|||
@ -0,0 +1,648 @@ |
|||
@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(/website_college/static/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, .contactus_font h1, .aboutus_font h1{ |
|||
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, .contactus_font h1:before, .aboutus_font h1: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, .contactus_font h1:after , .aboutus_font h1: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% ; |
|||
} |
|||
/*.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:13px; |
|||
|
|||
} |
|||
.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:13px; |
|||
|
|||
} |
|||
|
|||
.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; |
|||
} |
|||
} |
|||
|
|||
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 519 KiB |
|
After Width: | Height: | Size: 1.0 MiB |
|
After Width: | Height: | Size: 221 KiB |
|
After Width: | Height: | Size: 111 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 131 KiB |
|
After Width: | Height: | Size: 366 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 582 KiB |
|
After Width: | Height: | Size: 309 KiB |
|
After Width: | Height: | Size: 675 KiB |
|
After Width: | Height: | Size: 890 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
@ -0,0 +1,167 @@ |
|||
<section class="oe_container"> |
|||
<div class="oe_row oe_spaced"> |
|||
<h2 class="oe_slogan">Odoo Sample theme</h2> |
|||
<h3 class="oe_slogan">This addon apply theme on odoo website and backend pages</h3> |
|||
<div> |
|||
<h4><p>Features:</p></h4> |
|||
<ul> |
|||
<li>Theme based on Educational Institutions</li> |
|||
<li>Front-end as wells as Back-end styles</li> |
|||
<li>Custom Pages including Courses, Facilities, Gallery, Alumni</li> |
|||
<li>Carousel slide on Home Page</li> |
|||
<li>Image Viewer on Gallery</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container oe_dark"> |
|||
<div class="oe_row oe_spaced"> |
|||
<div class="oe_span12"> |
|||
<p class="oe_mt32">These are the screen shots of backend views</p> |
|||
</div> |
|||
<div class="oe_container"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<div class="carousel slide" id="carousel-71641"> |
|||
<ol class="carousel-indicators"> |
|||
<li data-slide-to="0" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="1" data-target="#carousel-71641" class="active" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="2" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="3" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="4" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
</ol> |
|||
<div class="carousel-inner"> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap First" src="college_dashboard.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Dashboard |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item active"> |
|||
<img alt="Carousel Bootstrap Second" src="college_form_view.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Form View |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap Third" src="college_kanban_view.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Kanban View |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap Fourth" src="college_tree_view.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Tree View |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap Fifth" src="college_settings.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Settings |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
</div> <a style="padding-top: 250px;color: red;" class="left carousel-control" href="#carousel-71641" data-slide="prev"><span class="fa fa-chevron-left" aria-hidden="true"></span></a> <a style="padding-top: 250px;color: red;" class="right carousel-control" href="#carousel-71641" data-slide="next"><span class="fa fa-chevron-right" aria-hidden="true"></span></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container"> |
|||
|
|||
<div class="oe_row oe_spaced"> |
|||
<h3 class="oe_slogan">Website Home Page</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="college_home.png"> |
|||
|
|||
</div> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="college_home-2.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Courses Page</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="courses.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Facilities Page</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="facilities.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Gallery</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="gallery.png"> |
|||
</div> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="gallery2.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Contact Page</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="contact.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Footer</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="footer.png"> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container oe_dark"> |
|||
<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2> |
|||
<div class="oe_slogan" style="margin-top:10px !important;"> |
|||
|
|||
<td width="49" rowspan="4" valign="top"> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<td> |
|||
<tr> |
|||
<td width="49" height="39" valign="top" style="padding-bottom:1px"><a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td> |
|||
<td> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td> |
|||
</tr> |
|||
</td> |
|||
<tr> |
|||
<a class="btn btn-primary btn-lg mt8" |
|||
style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i |
|||
class="fa fa-envelope"></i> Email </a> <a |
|||
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" |
|||
href="http://www.cybrosys.com/contact/"><i |
|||
class="fa fa-phone"></i> Contact Us </a> <a |
|||
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" |
|||
href="http://www.cybrosys.com/odoo-customization-and-installation/"><i |
|||
class="fa fa-check-square"></i> Request Customization </a> |
|||
</tr> |
|||
|
|||
</table></td> |
|||
|
|||
|
|||
|
|||
</div> |
|||
<img src="/website_sale_advanced_search/static/images/cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block"> |
|||
|
|||
</section> |
|||
|
|||
|
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: 2.1 KiB |
|
After Width: | Height: | Size: 654 B |
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,140 @@ |
|||
/* |
|||
* jQuery EasIng v1.1.2 - http://gsgd.co.uk/sandbox/jquery.easIng.php
|
|||
* |
|||
* Uses the built In easIng capabilities added In jQuery 1.1 |
|||
* to offer multiple easIng options |
|||
* |
|||
* Copyright (c) 2007 George Smith |
|||
* Licensed under the MIT License: |
|||
* http://www.opensource.org/licenses/mit-license.php
|
|||
*/ |
|||
|
|||
// t: current time, b: begInnIng value, c: change In value, d: duration
|
|||
|
|||
jQuery.extend( jQuery.easing, |
|||
{ |
|||
easeInQuad: function (x, t, b, c, d) { |
|||
return c*(t/=d)*t + b; |
|||
}, |
|||
easeOutQuad: function (x, t, b, c, d) { |
|||
return -c *(t/=d)*(t-2) + b; |
|||
}, |
|||
easeInOutQuad: function (x, t, b, c, d) { |
|||
if ((t/=d/2) < 1) return c/2*t*t + b; |
|||
return -c/2 * ((--t)*(t-2) - 1) + b; |
|||
}, |
|||
easeInCubic: function (x, t, b, c, d) { |
|||
return c*(t/=d)*t*t + b; |
|||
}, |
|||
easeOutCubic: function (x, t, b, c, d) { |
|||
return c*((t=t/d-1)*t*t + 1) + b; |
|||
}, |
|||
easeInOutCubic: function (x, t, b, c, d) { |
|||
if ((t/=d/2) < 1) return c/2*t*t*t + b; |
|||
return c/2*((t-=2)*t*t + 2) + b; |
|||
}, |
|||
easeInQuart: function (x, t, b, c, d) { |
|||
return c*(t/=d)*t*t*t + b; |
|||
}, |
|||
easeOutQuart: function (x, t, b, c, d) { |
|||
return -c * ((t=t/d-1)*t*t*t - 1) + b; |
|||
}, |
|||
easeInOutQuart: function (x, t, b, c, d) { |
|||
if ((t/=d/2) < 1) return c/2*t*t*t*t + b; |
|||
return -c/2 * ((t-=2)*t*t*t - 2) + b; |
|||
}, |
|||
easeInQuint: function (x, t, b, c, d) { |
|||
return c*(t/=d)*t*t*t*t + b; |
|||
}, |
|||
easeOutQuint: function (x, t, b, c, d) { |
|||
return c*((t=t/d-1)*t*t*t*t + 1) + b; |
|||
}, |
|||
easeInOutQuint: function (x, t, b, c, d) { |
|||
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b; |
|||
return c/2*((t-=2)*t*t*t*t + 2) + b; |
|||
}, |
|||
easeInSine: function (x, t, b, c, d) { |
|||
return -c * Math.cos(t/d * (Math.PI/2)) + c + b; |
|||
}, |
|||
easeOutSine: function (x, t, b, c, d) { |
|||
return c * Math.sin(t/d * (Math.PI/2)) + b; |
|||
}, |
|||
easeInOutSine: function (x, t, b, c, d) { |
|||
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b; |
|||
}, |
|||
easeInExpo: function (x, t, b, c, d) { |
|||
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b; |
|||
}, |
|||
easeOutExpo: function (x, t, b, c, d) { |
|||
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b; |
|||
}, |
|||
easeInOutExpo: function (x, t, b, c, d) { |
|||
if (t==0) return b; |
|||
if (t==d) return b+c; |
|||
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b; |
|||
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b; |
|||
}, |
|||
easeInCirc: function (x, t, b, c, d) { |
|||
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b; |
|||
}, |
|||
easeOutCirc: function (x, t, b, c, d) { |
|||
return c * Math.sqrt(1 - (t=t/d-1)*t) + b; |
|||
}, |
|||
easeInOutCirc: function (x, t, b, c, d) { |
|||
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b; |
|||
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b; |
|||
}, |
|||
easeInElastic: function (x, t, b, c, d) { |
|||
var s=1.70158;var p=0;var a=c; |
|||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; |
|||
if (a < Math.abs(c)) { a=c; var s=p/4; } |
|||
else var s = p/(2*Math.PI) * Math.asin (c/a); |
|||
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; |
|||
}, |
|||
easeOutElastic: function (x, t, b, c, d) { |
|||
var s=1.70158;var p=0;var a=c; |
|||
if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3; |
|||
if (a < Math.abs(c)) { a=c; var s=p/4; } |
|||
else var s = p/(2*Math.PI) * Math.asin (c/a); |
|||
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b; |
|||
}, |
|||
easeInOutElastic: function (x, t, b, c, d) { |
|||
var s=1.70158;var p=0;var a=c; |
|||
if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5); |
|||
if (a < Math.abs(c)) { a=c; var s=p/4; } |
|||
else var s = p/(2*Math.PI) * Math.asin (c/a); |
|||
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b; |
|||
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b; |
|||
}, |
|||
easeInBack: function (x, t, b, c, d, s) { |
|||
if (s == undefined) s = 1.70158; |
|||
return c*(t/=d)*t*((s+1)*t - s) + b; |
|||
}, |
|||
easeOutBack: function (x, t, b, c, d, s) { |
|||
if (s == undefined) s = 1.70158; |
|||
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b; |
|||
}, |
|||
easeInOutBack: function (x, t, b, c, d, s) { |
|||
if (s == undefined) s = 1.70158; |
|||
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; |
|||
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; |
|||
}, |
|||
easeInBounce: function (x, t, b, c, d) { |
|||
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b; |
|||
}, |
|||
easeOutBounce: function (x, t, b, c, d) { |
|||
if ((t/=d) < (1/2.75)) { |
|||
return c*(7.5625*t*t) + b; |
|||
} else if (t < (2/2.75)) { |
|||
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b; |
|||
} else if (t < (2.5/2.75)) { |
|||
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b; |
|||
} else { |
|||
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b; |
|||
} |
|||
}, |
|||
easeInOutBounce: function (x, t, b, c, d) { |
|||
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b; |
|||
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b; |
|||
} |
|||
}); |
|||
@ -0,0 +1,294 @@ |
|||
/* |
|||
Inspired by the lightbox plugin adapted to jquery by Leandro Vieira Pinho (http://leandrovieira.com)
|
|||
|
|||
@author : Nicolas Turlais : nicolas-at-insipi.de |
|||
@version : V0.3.1 - June 2012 |
|||
@license : Licensed under CCAttribution-ShareAlike |
|||
@website : http://chocolat.insipi.de
|
|||
|
|||
*/ |
|||
(function($) { |
|||
images = []; |
|||
var calls = 0; |
|||
$.fn.Chocolat = function(settings) { |
|||
settings = $.extend({ |
|||
container : $('body'), |
|||
displayAsALink : false, |
|||
linkImages : true, |
|||
linksContainer : 'Choco_links_container', |
|||
overlayOpacity : 0.9, |
|||
overlayColor : '#fff', |
|||
fadeInOverlayduration : 500, |
|||
fadeInImageduration : 500, |
|||
fadeOutImageduration : 500, |
|||
vache : true, |
|||
separator1 : ' | ', |
|||
separator2 : '/', |
|||
leftImg : 'images/left.gif', |
|||
rightImg : 'images/right.gif', |
|||
closeImg : 'images/close.gif', |
|||
loadingImg : 'images/loading.gif', |
|||
currentImage : 0, |
|||
setIndex : 0, |
|||
setTitle : '', |
|||
lastImage : 0 |
|||
},settings); |
|||
|
|||
calls++; |
|||
settings.setIndex = calls; |
|||
images[settings.setIndex] = []; |
|||
|
|||
//images:
|
|||
this.each(function(index){ |
|||
if(index == 0 && settings.linkImages && settings.setTitle == ''){ |
|||
settings.setTitle = isSet($(this).attr('rel'), ' '); |
|||
} |
|||
$(this).each(function() { |
|||
images[settings.setIndex]['displayAsALink'] = settings.displayAsALink; |
|||
images[settings.setIndex][index] = []; |
|||
images[settings.setIndex][index]['adress'] = isSet($(this).attr('href'), ' '); |
|||
images[settings.setIndex][index]['caption'] = isSet($(this).attr('title'), ' '); |
|||
if(!settings.displayAsALink){ |
|||
$(this).unbind('click').bind('click', { |
|||
id : settings.setIndex, |
|||
nom : settings.setTitle, |
|||
i : index |
|||
}, _initialise); |
|||
} |
|||
}) |
|||
}); |
|||
|
|||
//setIndex:
|
|||
for(var i = 0; i < images[settings.setIndex].length; i++) |
|||
{ |
|||
if(images[settings.setIndex]['displayAsALink']){ |
|||
if($('#'+settings.linksContainer).size() == 0){ |
|||
this.filter(":first").before('<ul id="'+settings.linksContainer+'"></ul>'); |
|||
} |
|||
$('#'+settings.linksContainer).append('<li><a href="#" id="Choco_numsetIndex_'+settings.setIndex+'" class="Choco_link">'+settings.setTitle+'</a></li>'); |
|||
e = this.parent(); |
|||
$(this).remove(); |
|||
if($.trim(e.html()) == ""){//If parent empty : remove it
|
|||
e.remove(); |
|||
} |
|||
return $('#Choco_numsetIndex_'+settings.setIndex).unbind('click').bind('click', {id: settings.setIndex, nom : settings.setTitle, i : settings.currentImage}, _initialise); |
|||
} |
|||
} |
|||
|
|||
function _initialise(event) { |
|||
|
|||
settings.currentImage = event.data.i; |
|||
settings.setIndex = event.data.id; |
|||
settings.setTitle = event.data.nom; |
|||
settings.lastImage = images[settings.setIndex].length - 1; |
|||
showChocolat(); |
|||
return false; |
|||
} |
|||
function _interface(){ |
|||
//html
|
|||
clear(); |
|||
settings.container.append('<div id="Choco_overlay"></div><div id="Choco_content"><div id="Choco_close"></div><div id="Choco_loading"></div><div id="Choco_container_photo"><img id="Choco_bigImage" src="" /></div><div id="Choco_container_description"><span id="Choco_container_title"></span><span id="Choco_container_via"></span></div><div id="Choco_left_arrow" class="Choco_arrows"></div><div id="Choco_right_arrow" class="Choco_arrows"></div></div>'); |
|||
$('#Choco_left_arrow').css('background-image', 'url('+settings.leftImg+')'); |
|||
$('#Choco_right_arrow').css('background-image', 'url('+settings.rightImg+')'); |
|||
$('#Choco_close').css('background-image', 'url('+settings.closeImg+')'); |
|||
$('#Choco_loading').css('background-image', 'url('+settings.loadingImg+')'); |
|||
if(settings.container.get(0).nodeName.toLowerCase() !== 'body'){ |
|||
settings.container.css({'position':'relative','overflow':'hidden','line-height':'normal'});//yes, yes
|
|||
$('#Choco_content').css('position','relative'); |
|||
$('#Choco_overlay').css('position', 'absolute'); |
|||
} |
|||
//events
|
|||
$(document).unbind('keydown').bind('keydown', function(e){ |
|||
switch(e.keyCode){ |
|||
case 37: |
|||
changePageChocolat(-1); |
|||
break; |
|||
case 39: |
|||
changePageChocolat(1); |
|||
break; |
|||
case 27: |
|||
close(); |
|||
break; |
|||
}; |
|||
}); |
|||
if(settings.vache){ |
|||
$('#Choco_overlay').click(function(){ |
|||
close(); |
|||
return false; |
|||
}); |
|||
} |
|||
$('#Choco_left_arrow').unbind().bind('click', function(){ |
|||
changePageChocolat(-1); |
|||
return false; |
|||
}); |
|||
$('#Choco_right_arrow').unbind().bind('click', function(){ |
|||
changePageChocolat(1); |
|||
return false; |
|||
}); |
|||
$('#Choco_close').unbind().bind('click', function(){ |
|||
close(); |
|||
return false; |
|||
}); |
|||
$(window).resize(function() { |
|||
load(settings.currentImage,true); |
|||
}); |
|||
|
|||
} |
|||
function showChocolat(){ |
|||
_interface(); |
|||
load(settings.currentImage, false); |
|||
$('#Choco_overlay') |
|||
.css({ |
|||
'background-color' : settings.overlayColor, |
|||
'opacity' : settings.overlayOpacity |
|||
}) |
|||
.fadeIn(settings.fadeInOverlayduration); |
|||
$('#Choco_content').fadeIn(settings.fadeInImageduration,function(){}); |
|||
|
|||
} |
|||
function load(image,resize){ |
|||
settings.currentImage = image; |
|||
$('#Choco_loading').fadeIn(settings.fadeInImageduration); |
|||
var imgPreloader = new Image(); |
|||
imgPreloader.onload = function(){ |
|||
$('#Choco_bigImage').attr('src',images[settings.setIndex][settings.currentImage]['adress']); |
|||
var ajustees = iWantThePerfectImageSize(imgPreloader.height,imgPreloader.width); |
|||
ChoColat(ajustees['hauteur'],ajustees['largeur'],resize); |
|||
$('#Choco_loading').stop().fadeOut(settings.fadeOutImageduration); |
|||
}; |
|||
imgPreloader.src = images[settings.setIndex][settings.currentImage]['adress']; |
|||
preload(); |
|||
upadteDescription(); |
|||
} |
|||
function changePageChocolat(signe){ |
|||
if(!settings.linkImages || (settings.currentImage == 0 && signe == -1) || (settings.currentImage == settings.lastImage && signe == 1)) |
|||
{ |
|||
return false; |
|||
} |
|||
else{ |
|||
//$('#Choco_container_description').fadeTo(settings.fadeOutImageduration,0); making a weird bug with firefox 17
|
|||
$('#Choco_container_description').css('visibility','hidden'); |
|||
$('#Choco_bigImage').fadeTo(settings.fadeOutImageduration, 0, function(){ |
|||
load(settings.currentImage + parseInt(signe), false); |
|||
}); |
|||
} |
|||
} |
|||
function ChoColat(hauteur_image,largeur_image,resize){ |
|||
|
|||
if(resize){ |
|||
$('#Choco_container_photo, #Choco_content, #Choco_bigImage').stop(true,false).css({'overflow':'visible'}); |
|||
$('#Choco_bigImage').animate({ |
|||
'height' : hauteur_image+'px', |
|||
'width' : largeur_image+'px' |
|||
},settings.fadeInImageduration); |
|||
} |
|||
$('#Choco_container_photo').animate({ |
|||
'height' : hauteur_image, |
|||
'width' : largeur_image |
|||
},settings.fadeInImageduration); |
|||
$('#Choco_content').animate({ |
|||
'height' : hauteur_image, |
|||
'width' : largeur_image, |
|||
'marginLeft' : -largeur_image/2, |
|||
'marginTop' : -(hauteur_image)/2 |
|||
},settings.fadeInImageduration, 'swing', function(){ |
|||
$('#Choco_bigImage').fadeTo(settings.fadeInImageduration, 1).height(hauteur_image).width(largeur_image); |
|||
if(!resize) |
|||
{ |
|||
arrowsManaging(); |
|||
//$('#Choco_container_description').fadeTo(settings.fadeInImageduration,1); making a weird bug with firefox 17
|
|||
$('#Choco_container_description').css('visibility','visible'); |
|||
$('#Choco_close').fadeIn(settings.fadeInImageduration); |
|||
} |
|||
}). |
|||
css('overflow', 'visible'); |
|||
} |
|||
function arrowsManaging(){ |
|||
if(settings.linkImages){ |
|||
var what = ['Choco_right_arrow','Choco_left_arrow']; |
|||
for(var i=0; i < what.length; i++){ |
|||
hide = false; |
|||
if(what[i] == 'Choco_right_arrow' && settings.currentImage == settings.lastImage){ |
|||
hide = true; |
|||
$('#'+what[i]).fadeOut(300); |
|||
} |
|||
else if(what[i] == 'Choco_left_arrow' && settings.currentImage == 0){ |
|||
hide = true; |
|||
$('#'+what[i]).fadeOut(300); |
|||
} |
|||
if(!hide){ |
|||
$('#'+what[i]).fadeIn(settings.fadeOutImageduration); |
|||
} |
|||
} |
|||
} |
|||
} |
|||
function preload(){ |
|||
if(settings.currentImage !== settings.lastImage){ |
|||
i = new Image; |
|||
z = settings.currentImage + 1; |
|||
i.src = images[settings.setIndex][z]['adress']; |
|||
} |
|||
} |
|||
function upadteDescription(){ |
|||
var current = settings.currentImage + 1; |
|||
var last = settings.lastImage + 1; |
|||
$('#Choco_container_title').html(images[settings.setIndex][settings.currentImage]['caption']); |
|||
$('#Choco_container_via').html(settings.setTitle+settings.separator1+current +settings.separator2+last); |
|||
} |
|||
function isSet(variable,defaultValue){ |
|||
// return variable === undefined ? defaultValue : variable; ?
|
|||
if (variable === undefined) { |
|||
return defaultValue; |
|||
} |
|||
else{ |
|||
return variable; |
|||
} |
|||
} |
|||
function iWantThePerfectImageSize(himg,limg){ |
|||
//28% = 14% + 14% margin
|
|||
var lblock = limg + (limg*28/100); |
|||
var heightDescAndClose = $('#Choco_container_description').height()+$('#Choco_close').height(); |
|||
var hblock = himg + heightDescAndClose; |
|||
var k = limg/himg; |
|||
var kk = himg/limg; |
|||
if(settings.container.get(0).nodeName.toLowerCase() == 'body'){ |
|||
windowHeight = $(window).height(); |
|||
windowWidth = $(window).width(); |
|||
} |
|||
else{ |
|||
windowHeight = settings.container.height(); |
|||
windowWidth = settings.container.width(); |
|||
} |
|||
notFitting = true; |
|||
while (notFitting){ |
|||
var lblock = limg + (limg*28/100); |
|||
var hblock = himg + heightDescAndClose; |
|||
if(lblock > windowWidth){ |
|||
limg = windowWidth*100/128; |
|||
|
|||
himg = kk * limg; |
|||
}else if(hblock > windowHeight){ |
|||
himg = (windowHeight - heightDescAndClose); |
|||
limg = k * himg; |
|||
}else{ |
|||
notFitting = false; |
|||
}; |
|||
}; |
|||
return { |
|||
largeur:limg, |
|||
hauteur:himg |
|||
}; |
|||
|
|||
} |
|||
function clear(){ |
|||
$('#Choco_overlay').remove(); |
|||
$('#Choco_content').remove(); |
|||
} |
|||
function close(){ |
|||
$('#Choco_overlay').fadeOut(900, function(){$('#Choco_overlay').remove()}); |
|||
$('#Choco_content').fadeOut(500, function(){$('#Choco_content').remove()}); |
|||
settings.currentImage = 0; |
|||
} |
|||
|
|||
}; |
|||
})(jQuery); |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||
/* UItoTop jQuery Plugin 1.2 | Matt Varone | http://www.mattvarone.com/web-design/uitotop-jquery-plugin */ |
|||
(function($){$.fn.UItoTop=function(options){var defaults={text:'To Top',min:200,inDelay:600,outDelay:400,containerID:'toTop',containerHoverID:'toTopHover',scrollSpeed:1200,easingType:'linear'},settings=$.extend(defaults,options),containerIDhash='#'+settings.containerID,containerHoverIDHash='#'+settings.containerHoverID;$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');$(containerIDhash).hide().on('click.UItoTop',function(){$('html, body').animate({scrollTop:0},settings.scrollSpeed,settings.easingType);$('#'+settings.containerHoverID,this).stop().animate({'opacity':0},settings.inDelay,settings.easingType);return false;}).prepend('<span id="'+settings.containerHoverID+'"></span>').hover(function(){$(containerHoverIDHash,this).stop().animate({'opacity':1},600,'linear');},function(){$(containerHoverIDHash,this).stop().animate({'opacity':0},700,'linear');});$(window).scroll(function(){var sd=$(window).scrollTop();if(typeof document.body.style.maxHeight==="undefined"){$(containerIDhash).css({'position':'absolute','top':sd+$(window).height()-50});} |
|||
if(sd>settings.min) |
|||
$(containerIDhash).fadeIn(settings.inDelay);else |
|||
$(containerIDhash).fadeOut(settings.Outdelay);});};})(jQuery); |
|||
@ -0,0 +1,156 @@ |
|||
<odoo> |
|||
<template id="website_college.alumni" name="College Allumini Page"> |
|||
<t t-call = "website.layout"> |
|||
<style> |
|||
.home_header{ |
|||
display: none; |
|||
} |
|||
</style> |
|||
<t t-call="website_college.custom_nav"/> |
|||
<!-- 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="..."/> |
|||
<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="..."/> |
|||
<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="..."/> |
|||
<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="..."/> |
|||
<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="..."/> |
|||
<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="..."/> |
|||
<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="..."/> |
|||
<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="..."/> |
|||
<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> |
|||
|
|||
<!-- Popup-Box-JavaScript --> |
|||
<script src="/website_college/static/js/modernizr.custom.97074.js"></script> |
|||
<script src="/website_college/static/js/jquery.chocolat.js"></script> |
|||
<script type="text/javascript"> |
|||
$(function() { |
|||
$('.gallery-grids a').Chocolat(); |
|||
}); |
|||
</script> |
|||
<!-- //Popup-Box-JavaScript --> |
|||
<!-- start-smooth-scrolling --> |
|||
<script type="text/javascript" src="/website_college/static/js/move-top.js"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/easing.js"></script> |
|||
<script type="text/javascript"> |
|||
jQuery(document).ready(function($) { |
|||
$(".scroll").click(function(event){ |
|||
event.preventDefault(); |
|||
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000); |
|||
}); |
|||
}); |
|||
</script> |
|||
<!-- //start-smoth-scrolling --> |
|||
<!-- here stars scrolling icon --> |
|||
<script type="text/javascript"> |
|||
$(document).ready(function() { |
|||
/* |
|||
var defaults = { |
|||
containerID: 'toTop', // fading element id |
|||
containerHoverID: 'toTopHover', // fading element hover id |
|||
scrollSpeed: 1200, |
|||
easingType: 'linear' |
|||
}; |
|||
*/ |
|||
|
|||
$().UItoTop({ easingType: 'easeOutQuart' }); |
|||
|
|||
}); |
|||
</script> |
|||
<script src="/website_college/static/js/jquery.magnific-popup.js" type="text/javascript"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/modernizr.custom.53451.js"></script> |
|||
<script> |
|||
$(document).ready(function() { |
|||
$('.popup-with-zoom-anim').magnificPopup({ |
|||
type: 'inline', |
|||
fixedContentPos: false, |
|||
fixedBgPos: true, |
|||
overflowY: 'auto', |
|||
closeBtnInside: true, |
|||
preloader: false, |
|||
midClick: true, |
|||
removalDelay: 300, |
|||
mainClass: 'my-mfp-zoom-in' |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
</t> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,95 @@ |
|||
<odoo> |
|||
<template id="website_college.course" name="Course"> |
|||
<style> |
|||
.home_header{ |
|||
display: none; |
|||
} |
|||
</style> |
|||
<t t-call="website.layout"> |
|||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> |
|||
<t t-call="website_college.custom_nav"/> |
|||
<!--Course --> |
|||
<div class="container-fluid"> |
|||
<div class="container"> |
|||
<div class="course"> |
|||
<div class="container"> |
|||
<h3 class="tittle">Course</h3> |
|||
<div class="course-grids"> |
|||
<div class="col-md-6 course-grid"> |
|||
<div class="mask"> |
|||
<img src="/website_college/static/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> |
|||
<ul class="grid-part"> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Praesent vestibulum molestie lacus</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Donec sagittis interdum tellusplacerat adipiscing</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Nulla consectetur adipiscing</li> |
|||
</ul> |
|||
</div> |
|||
<div class="clearfix"/> |
|||
</div> |
|||
<div class="course-grids"> |
|||
<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> |
|||
<ul class="grid-part"> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Praesent vestibulum molestie lacus</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Donec sagittis interdum tellusplacerat adipiscing</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Nulla consectetur adipiscing</li> |
|||
</ul> |
|||
</div> |
|||
<div class="col-md-6 course-grid gri"> |
|||
<div class="mask"> |
|||
<img src="/website_college/static/images/c2.jpg" class="img-responsive zoom-img" /> |
|||
</div> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
</div> |
|||
<div class="course-grids"> |
|||
<div class="col-md-6 course-grid"> |
|||
<div class="mask"> |
|||
<img src="/website_college/static/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> |
|||
<ul class="grid-part"> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Praesent vestibulum molestie lacus</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Donec sagittis interdum tellusplacerat adipiscing</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Nulla consectetur adipiscing</li> |
|||
</ul> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
</div> |
|||
<div class="course-grids"> |
|||
<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> |
|||
<ul class="grid-part"> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Praesent vestibulum molestie lacus</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Donec sagittis interdum tellusplacerat adipiscing</li> |
|||
<li><i class="glyphicon glyphicon-ok-sign"> </i>&nbsp;&nbsp;Nulla consectetur adipiscing</li> |
|||
</ul> |
|||
</div> |
|||
<div class="col-md-6 course-grid gri"> |
|||
<div class="mask"> |
|||
<img src="/website_college/static/images/c4.jpg" class="img-responsive zoom-img" /> |
|||
</div> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,36 @@ |
|||
<odoo> |
|||
<template id="website_college.facility" name="Facility"> |
|||
<!--Course --> |
|||
<style> |
|||
.home_header{ |
|||
display: none; |
|||
} |
|||
</style> |
|||
<t t-call="website.layout"> |
|||
<t t-call="website_college.custom_nav"/> |
|||
<div class="container-fluid"> |
|||
<div class="container"> |
|||
<div class="faclility"> |
|||
<div class="container"> |
|||
<h3 class="tittle">Facilities</h3> |
|||
<div class="course-grids"> |
|||
<div class="col-md-6 course-grid"> |
|||
<div class="mask"> |
|||
<img src="/website_college/static/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> |
|||
<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.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.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="clearfix"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</t> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,175 @@ |
|||
<odoo> |
|||
<template id="website_college.gallery" name="Gallery"> |
|||
<t t-call="website.layout"> |
|||
<style> |
|||
.home_header{ |
|||
display: none; |
|||
} |
|||
</style> |
|||
<t t-call="website_college.custom_nav"/> |
|||
<!-- Gallery --> |
|||
<div class="gallery" id="gallery"> |
|||
<div class="container"> |
|||
<h3>GALLERY</h3> |
|||
<div class="gallery-grids"> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-left gallery-grids-left-gallery1-top"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-1.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-1.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="gallery-grids-left-sub"> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-left-subl"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-4.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-4.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="gallery-grid gallery-grid-sub grid-middle gallery-grid-sub-left-bottom"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-5.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-5.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-left-subr gallery-grids-left-subr-long"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-7.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-7.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-left"> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-grids-right-first"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-2.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-2.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-grids-right-two"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-3.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-3.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
<div class="gallery-grids-right1 gallery-grids-right-hand"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-6.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-6.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-8"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-8.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-8.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6 col-sm-6 gallery-grids-right gallery-9"> |
|||
<div class="gallery-grid"> |
|||
<a class="example-image-link" href="/website_college/static/images/gallery-9.jpg" data-lightbox="example-set" data-title=""> |
|||
<div class="grid"> |
|||
<figure class="effect-apollo"> |
|||
<img src="/website_college/static/images/gallery-9.jpg" alt=""/> |
|||
<figcaption></figcaption> |
|||
</figure> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
</div> |
|||
<div class="clearfix"></div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- Popup-Box-JavaScript --> |
|||
<script src="/website_college/static/js/modernizr.custom.97074.js"></script> |
|||
<script src="/website_college/static/js/jquery.chocolat.js"></script> |
|||
<script type="text/javascript"> |
|||
$(function() { |
|||
$('.gallery-grids a').Chocolat(); |
|||
}); |
|||
</script> |
|||
<!-- //Popup-Box-JavaScript --> |
|||
<!-- start-smooth-scrolling --> |
|||
<script type="text/javascript" src="/website_college/static/js/move-top.js"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/easing.js"></script> |
|||
<script type="text/javascript"> |
|||
jQuery(document).ready(function($) { |
|||
$(".scroll").click(function(event){ |
|||
event.preventDefault(); |
|||
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000); |
|||
}); |
|||
}); |
|||
</script> |
|||
<script src="/website_college/static/js/jquery.magnific-popup.js" type="text/javascript"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/modernizr.custom.53451.js"></script> |
|||
<script> |
|||
$(document).ready(function() { |
|||
$('.popup-with-zoom-anim').magnificPopup({ |
|||
type: 'inline', |
|||
fixedContentPos: false, |
|||
fixedBgPos: true, |
|||
overflowY: 'auto', |
|||
closeBtnInside: true, |
|||
preloader: false, |
|||
midClick: true, |
|||
removalDelay: 300, |
|||
mainClass: 'my-mfp-zoom-in' |
|||
}); |
|||
|
|||
}); |
|||
</script> |
|||
</t> |
|||
</template> |
|||
</odoo> |
|||
|
|||
@ -0,0 +1,299 @@ |
|||
<odoo> |
|||
<data> |
|||
<template id="home_page" name="College Home Page"> |
|||
<t t-call="website.layout"> |
|||
<title>SSEET</title> |
|||
<link href="/website_college/static/css/style.css" rel="stylesheet"/> |
|||
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> |
|||
<!-- Indicators --> |
|||
<ol class="carousel-indicators"> |
|||
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> |
|||
<li data-target="#carousel-example-generic" data-slide-to="1"></li> |
|||
</ol> |
|||
<!-- Wrapper for slides --> |
|||
<div class="carousel-inner" role="listbox"> |
|||
<div class="item active"> <img src="/website_college/static/images/banner1.png" alt="..." class="img-responsive"/> |
|||
<div class="carousel-caption"> </div> |
|||
</div> |
|||
<div class="item"> <img src="/website_college/static/images/banner3.jpg" alt="..." class="img-responsive"/> |
|||
<div class="carousel-caption"> </div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="container-fluid paddt50 paddb100"> |
|||
<div class="container"> |
|||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
|||
<img src="/website_college/static/images/img1.png" class="img-responsive center-block"/> |
|||
<div class="img-content center-block"> |
|||
<h4>Lorem ipsum dolor sit</h4> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p> |
|||
<a href="#"> |
|||
<div class="view-more center-block"> |
|||
View More |
|||
</div></a> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> |
|||
<img src="/website_college/static/images/img2.png" class="img-responsive center-block"/> |
|||
<div class="img-content center-block"> |
|||
<h4>Lorem ipsum dolor sit</h4> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod .</p> |
|||
<a href="#"> |
|||
<div class="view-more center-block"> |
|||
View More |
|||
</div></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="container-fluid paddb20"> |
|||
<div class="container latest-news"> |
|||
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 paddl0" style="background:#fcfcfc;"> |
|||
<img src="/website_college/static/images/img3.png" class="img-responsive"/> |
|||
</div> |
|||
<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 padd0" style="background:#fcfcfc;"> |
|||
<h1>Latest-News</h1> |
|||
<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> |
|||
<h4>Lorem ipsum dolor sit</h4> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, |
|||
sed do eiusmod .consectetur adipisicing elit, sed do eiusmod tempor</p> |
|||
<h4>Lorem ipsum dolor sit</h4> |
|||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, |
|||
sed do eiusmod .consectetur adipisicing elit, sed do eiusmod tempor</p> |
|||
</div> |
|||
<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12 paddr0" style="background:#fcfcfc;"> |
|||
<img src="/website_college/static/images/img4.png" class="img-responsive pull-right"/> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</t> |
|||
</template> |
|||
<template id="website.layout" name="Main layout" ><!DOCTYPE html> |
|||
<html t-att-lang="lang and lang.replace('_', '-')" |
|||
t-att-data-website-id="website.id if editable and website else None" |
|||
t-att-data-editable="'1' if editable else None" |
|||
t-att-data-translatable="'1' if translatable else None" |
|||
t-att-data-edit_translations="'1' if edit_translations else None" |
|||
t-att-data-view-xmlid="xmlid if editable or translatable else None" |
|||
t-att-data-main-object="repr(main_object) if editable else None" |
|||
t-att-data-oe-company-name="res_company.name"> |
|||
<head> |
|||
<meta charset="utf-8" /> |
|||
<t t-if="main_object and 'website_meta_title' in main_object and not title"> |
|||
<t t-set="title" t-value="main_object.website_meta_title"/> |
|||
</t> |
|||
<t t-if="main_object and 'name' in main_object and not title and not additional_title"> |
|||
<t t-set="additional_title" t-value="main_object.name"/> |
|||
</t> |
|||
<t t-if="not title"> |
|||
<t t-set="title"><t t-if="additional_title"><t t-raw="additional_title"/> | </t><t t-esc="(website or res_company).name"/></t> |
|||
</t> |
|||
|
|||
<meta name="viewport" content="initial-scale=1"/> |
|||
<meta name="description" t-att-content="main_object and 'website_meta_description' in main_object |
|||
and main_object.website_meta_description or website_meta_description"/> |
|||
<meta name="keywords" t-att-content="main_object and 'website_meta_keywords' in main_object |
|||
and main_object.website_meta_keywords or website_meta_keywords"/> |
|||
<meta name="generator" content="Odoo"/> |
|||
|
|||
<!-- OpenGraph tags for Facebook sharing --> |
|||
<meta property="og:title" t-att-content="additional_title" /> |
|||
<meta property="og:site_name" t-att-content="res_company.name" /> |
|||
<t t-if="main_object and 'plain_content' in main_object and main_object.plain_content"> |
|||
<t t-set="og_description" t-value="main_object.plain_content[0:500]"/> |
|||
<meta property="og:description" t-att-content="og_description" /> |
|||
<meta property='og:image' t-att-content="request.httprequest.url_root+'logo.png'"/> |
|||
<meta property='og:url' t-att-content="request.httprequest.url_root+request.httprequest.path[1:end]"/> |
|||
</t> |
|||
|
|||
<title>College Website</title> |
|||
|
|||
<t t-set="languages" t-value="website.get_languages() if website else None"/> |
|||
<t t-if="request and request.website_multilang and website"> |
|||
<t t-foreach="website.get_alternate_languages(request.httprequest)" t-as="lg"> |
|||
<link rel="alternate" t-att-hreflang="lg['hreflang']" t-att-href="lg['href']"/> |
|||
</t> |
|||
</t> |
|||
|
|||
<t t-call-assets="web.assets_common" t-js="false"/> |
|||
<t t-call-assets="website.assets_frontend" t-js="false"/> |
|||
<t t-call-assets="web.assets_common" t-css="false"/> |
|||
<t t-call-assets="website.assets_frontend" t-css="false"/> |
|||
<script type="text/javascript"> |
|||
odoo.define('web.csrf', function (require) { |
|||
var token = "<t t-esc="request.csrf_token(None)"/>"; |
|||
require('web.core').csrf_token = token; |
|||
require('qweb').default_dict.csrf_token = token; |
|||
}); |
|||
</script> |
|||
|
|||
<t t-raw="head or ''" name='layout_head'/> |
|||
<link href="/website_college/static/css/style.css" rel="stylesheet"/> |
|||
<link href="/website_college/static/css/popup-box.css" rel="stylesheet" type="text/css" media="all" /> |
|||
<link rel="stylesheet" href="/website_college/static/css/chocolat.css" type="text/css" media="all"/> |
|||
<script src="/website_college/static/js/jquery.magnific-popup.js" type="text/javascript"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/modernizr.custom.53451.js"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/move-top.js"></script> |
|||
<script type="text/javascript" src="/website_college/static/js/easing.js"></script> |
|||
</head> |
|||
<body> |
|||
<div id="wrapwrap"> |
|||
<header> |
|||
<div class="navbar navbar-default navbar-fixed-top container-fluid header home_header" style="background-color: rgba(0,177,64,.6) !important;"> |
|||
<!--<div class="container container_exception">--> |
|||
<div class="navbar-header"> |
|||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-top-collapse"> |
|||
<span class="sr-only">Toggle navigation</span> |
|||
<span class="icon-bar"/> |
|||
<span class="icon-bar"/> |
|||
<span class="icon-bar"/> |
|||
</button> |
|||
<a class="navbar-brand" href="/" t-if="website" t-field="website.name" style="width: 150px;">My Website</a> |
|||
</div> |
|||
<div class="collapse navbar-collapse navbar-top-collapse"> |
|||
<ul class="nav navbar-nav navbar-right nav-college" id="top_menu"> |
|||
<t t-foreach="website.menu_id.child_id" t-as="submenu"> |
|||
<t t-call="website.submenu"/> |
|||
</t> |
|||
<li><a class="link-1" href="/page/courses">Courses</a></li> |
|||
<li><a class="link-1" href="/page/facilities">Facilities</a></li> |
|||
<li><a class="link-1" href="/page/gallery">Gallery</a></li> |
|||
<li><a class="link-1" href="/page/alumni">Alumni</a></li> |
|||
<li t-if='aboutus' t-att-class='"active" if aboutus else None'><a href="/page/aboutus">About us</a></li> |
|||
<li t-att-class='"active" if contactus else None'><a href="/page/contactus">Contact us</a></li> |
|||
<li class="divider" t-ignore="true" t-if="website.user_id != user_id"/> |
|||
<li class="dropdown" t-ignore="true" t-if="website.user_id != user_id"> |
|||
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> |
|||
<b> |
|||
<span t-esc="(len(user_id.name)>25) and (user_id.name[:23]+'...') or user_id.name"/> |
|||
<span class="caret"/> |
|||
</b> |
|||
</a> |
|||
<ul class="dropdown-menu js_usermenu" role="menu"> |
|||
<li id="o_logout"><a t-attf-href="/web/session/logout?redirect=/" role="menuitem">Logout</a></li> |
|||
</ul> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<!--</div>--> |
|||
</div> |
|||
</header> |
|||
<main> |
|||
<t t-raw="0"/> |
|||
</main> |
|||
<footer> |
|||
<div id="footer"> |
|||
</div> |
|||
</footer> |
|||
</div> |
|||
<script> |
|||
$(document).ready(function() { |
|||
$('.nav-college').on('click', 'li', function() { |
|||
$('.nav-college li.active').removeClass('active'); |
|||
$(this).addClass('active'); |
|||
}); |
|||
if ($(document).find('#oe_main_menu_navbar').length == 0){ |
|||
$(".home_header").css({"margin-top":"0px"}); |
|||
} |
|||
}); |
|||
</script> |
|||
<script id='tracking_code' t-if="website and website.google_analytics_key and not editable"> |
|||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |
|||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
|||
|
|||
ga('create', _.str.trim('<t t-esc="website.google_analytics_key"/>'), 'auto'); |
|||
ga('send','pageview'); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
</template> |
|||
<template name="HomePage Login" id="loginhome" inherit_id="website.user_navbar" groups="base.group_user"> |
|||
<xpath expr="//ul[@id='oe_systray']/li[last()]" position="after"> |
|||
<li> |
|||
<a id="loginfrontbutton" class="dropdown-toggle" data-toggle="dropdown" href="#"> |
|||
<t t-esc="request.env['res.users'].browse(request.uid).name"/> <span class="caret"/> |
|||
</a> |
|||
<ul class="dropdown-menu oe_promote_menu" role="menu"> |
|||
<li> |
|||
<a t-att-href="'/web/session/logout?redirect=/' if request.uid and request.uid != 3 else '/web/login'" |
|||
style="padding-right: 0px;"> |
|||
<t t-esc="'Logout' if request.uid and request.uid != 3 else 'Login'"/> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</li> |
|||
</xpath> |
|||
</template> |
|||
<template inherit_id="website.submenu" name="Submenu" id="custom_submenu"> |
|||
<xpath expr="//li[@t-if='not submenu.child_id']" position="replace"> |
|||
<li t-if="not submenu.child_id and submenu.name != 'Contact us'" t-att-class=" |
|||
'active' if submenu.url and submenu.url != '/' and request.httprequest.path == submenu.url.replace('/page/website.', '/page/') else None |
|||
"> |
|||
<a t-att-href="(website.menu_id.child_id[0] == submenu) and '/' or submenu.url" t-ignore="true" t-att-target="'_blank' if submenu.new_window else None"> |
|||
<span t-field="submenu.name"/> |
|||
</a> |
|||
</li> |
|||
|
|||
</xpath> |
|||
</template> |
|||
<template id="custom_nav" name="Custom Nav Header"> |
|||
<t> |
|||
<div class="container-fluid commen-header"> |
|||
<div class="nav-allumini"> |
|||
<div class="container"> |
|||
<nav class="navbar navbar-default" style="background-color: rgba(0,177,64,.6) !important;"> |
|||
<div class="container-fluid"> |
|||
<!-- Brand and toggle get grouped for better mobile display --> |
|||
<div class="navbar-header"> |
|||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> |
|||
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> |
|||
<a class="navbar-brand" style="padding-top:0px !important;" href="/"><img src="/website_college/static/images/logo.png" class="img-responsive" style="width: 150px;"/></a> </div> |
|||
<!-- Collect the nav links, forms, and other content for toggling --> |
|||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> |
|||
<ul class="nav navbar-nav navbar-right"> |
|||
<li class=""><a href="/">Home</a></li> |
|||
|
|||
<li t-att-class='"active" if course else None'><a href="/page/courses">Courses</a></li> |
|||
<li t-att-class='"active" if facilities else None'><a href="/page/facilities">Facilities</a></li> |
|||
<li t-att-class='"active" if gallery else None'><a href="/page/gallery">Gallery</a></li> |
|||
<li t-att-class='"active" if alumni else None'><a href="/page/alumni">Alumni</a></li> |
|||
<li t-if='aboutus' t-att-class='"active" if aboutus else None'><a href="/page/aboutus">About us</a></li> |
|||
<li t-att-class='"active" if contactus else None'><a href="/page/contactus">Contact us</a></li> |
|||
|
|||
</ul> |
|||
</div> |
|||
<!-- /.navbar-collapse --> |
|||
</div> |
|||
<!-- /.container-fluid --> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div></t> |
|||
</template> |
|||
<template inherit_id="website.aboutus" id="custom_aboutus"> |
|||
<xpath expr="//div[@id='wrap']" position="before"> |
|||
<div class="container-fluid commen-header"/> |
|||
</xpath> |
|||
<xpath expr="//div[@class='container']" position="attributes"> |
|||
<attribute name="class">container aboutus_font</attribute> |
|||
</xpath> |
|||
</template> |
|||
<template inherit_id="website.contactus" id="custom_contactus"> |
|||
<xpath expr="//div[@id='wrap']" position="before"> |
|||
<div class="container-fluid commen-header"/> |
|||
</xpath> |
|||
<xpath expr="//div[@class='container']" position="attributes"> |
|||
<attribute name="class">container contactus_font</attribute> |
|||
</xpath> |
|||
</template> |
|||
<template id="backend_style" name="Backend Style" inherit_id="website.assets_backend"> |
|||
<xpath expr="." position="inside"> |
|||
<link href="/website_college/static/css/backend_style.css" rel="stylesheet" type="text/css"/> |
|||
</xpath> |
|||
</template> |
|||
|
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,42 @@ |
|||
# Odoo website and backend demo theme |
|||
|
|||
This addon is to make demo theme on odoo for educational institutions |
|||
|
|||
- Theme based on Trading companies |
|||
- Front-end as wells as Back-end styles |
|||
- Custom Pages including . |
|||
- Carousel slide on Home Page |
|||
- Image Viewer on Gallery |
|||
|
|||
### Extra features |
|||
- Backend Theme |
|||
- New kanban view style |
|||
- link colors |
|||
- New style for backend menus |
|||
- Google Map |
|||
|
|||
### Depends |
|||
Depends on odoo website addon |
|||
|
|||
### Tech |
|||
|
|||
* [jQuery] |
|||
* [Python] |
|||
* [XML] |
|||
|
|||
### Installation |
|||
- www.odoo.com/documentation/9.0/setup/install.html |
|||
- Install our custom addon, which also installs its depends [website,] |
|||
|
|||
### Usage |
|||
>install our custom addon website_trading, which will make theme. |
|||
>Set embed url of google map on website admin. That is the value of src from embed iframe |
|||
> eg:<iframe src='https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d462568.9345743058!2d54.94791546829496!3d25.074096021734164!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f43496ad9c645%3A0xbde66e5084295162!2sDubai+-+United+Arab+Emirates!5e0!3m2!1sen!2sin!4v1490758316216'/> |
|||
>Take value of src and paste on website admin config |
|||
|
|||
|
|||
License |
|||
---- |
|||
GNU LESSER GENERAL PUBLIC LICENSE, Version 3 (LGPLv3) |
|||
(http://www.gnu.org/licenses/agpl.html) |
|||
|
|||
@ -0,0 +1,4 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
import controllers |
|||
import models |
|||
@ -0,0 +1,62 @@ |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# Copyright (C) 2017-TODAY Cybrosys Technologies(<http://www.cybrosys.com>). |
|||
# Author: Hilar AK(<hilar@cybrosys.in>) |
|||
# you can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# It is forbidden to publish, distribute, sublicense, or sell copies |
|||
# of the Software or modified copies of the Software. |
|||
# |
|||
# 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 |
|||
# GENERAL PUBLIC LICENSE (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
|
|||
{ |
|||
'name': "website_trading", |
|||
|
|||
'summary': """ |
|||
Odoo theme for a trading Company.""", |
|||
|
|||
'description': """ |
|||
Odoo theme for a trading Company. |
|||
""", |
|||
|
|||
'author': "Cybrosys Technologies Pvt. Ltd", |
|||
'website': "http://cybrosys.com/", |
|||
|
|||
# Categories can be used to filter modules in modules listing |
|||
# Check https://github.com/odoo/odoo/blob/master/openerp/addons/base/module/module_data.xml |
|||
# for the full list |
|||
'category': 'website', |
|||
'version': '9.0.0.1', |
|||
|
|||
# any module necessary for this one to work correctly |
|||
'depends': ['base', |
|||
'web', |
|||
'website', |
|||
'website_livechat' |
|||
], |
|||
|
|||
# always loaded |
|||
'data': [ |
|||
# 'security/ir.model.access.csv', |
|||
'views/index.xml', |
|||
'views/map_config.xml', |
|||
], |
|||
# only loaded in demonstration mode |
|||
'demo': [ |
|||
# 'demo/demo.xml', |
|||
], |
|||
'images': ['/website_trading/static/description/banner.jpg'], |
|||
'installable': True, |
|||
'application': True |
|||
} |
|||
@ -0,0 +1,44 @@ |
|||
# -*- coding: utf-8 -*- |
|||
# © 2017 Hilar AK <hilar@cybrosys.in> |
|||
# License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html) |
|||
|
|||
{ |
|||
'name': "website_trading", |
|||
|
|||
'summary': """ |
|||
Odoo theme for a trading Company.""", |
|||
|
|||
'description': """ |
|||
Odoo theme for a trading Company. |
|||
""", |
|||
|
|||
'author': "Cybrosys Technologies Pvt. Ltd", |
|||
'website': "http://cybrosys.com/", |
|||
|
|||
# Categories can be used to filter modules in modules listing |
|||
# Check https://github.com/odoo/odoo/blob/master/openerp/addons/base/module/module_data.xml |
|||
# for the full list |
|||
'category': 'website', |
|||
'version': '9.0.0.1', |
|||
|
|||
# any module necessary for this one to work correctly |
|||
'depends': ['base', |
|||
'web', |
|||
'website', |
|||
'website_livechat' |
|||
], |
|||
|
|||
# always loaded |
|||
'data': [ |
|||
# 'security/ir.model.access.csv', |
|||
'views/index.xml', |
|||
'views/map_config.xml', |
|||
], |
|||
# only loaded in demonstration mode |
|||
'demo': [ |
|||
# 'demo/demo.xml', |
|||
], |
|||
'images': ['/website_trading/static/description/banner.jpg'], |
|||
'installable': True, |
|||
'application': True |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
import main |
|||
@ -0,0 +1,15 @@ |
|||
# -*- coding: utf-8 -*- |
|||
from openerp.addons.web.controllers import main |
|||
from openerp import http |
|||
from openerp.http import request |
|||
|
|||
|
|||
class Website(main.Home): |
|||
@http.route(['/page/homepage'], type='http', auth="public", website=True) |
|||
def home(self, **kwargs): |
|||
""" |
|||
Overrided function which loads our custom home page templates |
|||
:param kwargs: |
|||
:return: |
|||
""" |
|||
return request.render("website_trading.home", {}) |
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
import website |
|||
@ -0,0 +1,15 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
from openerp import models, fields |
|||
|
|||
|
|||
class WebsiteMapkey(models.Model): |
|||
_inherit = 'website' |
|||
map_key = fields.Char("Map Embed URL") |
|||
|
|||
|
|||
class WebsiteMapConfig(models.Model): |
|||
_inherit = 'website.config.settings' |
|||
|
|||
map_key = fields.Char(related='website_id.map_key', string="Map Embed URL", |
|||
help="Paste your google map embed URL here. Only paste the src of iframe here") |
|||
@ -0,0 +1,92 @@ |
|||
|
|||
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { |
|||
background-color: none !important; |
|||
} |
|||
/*.navbar-inverse .navbar-nav > li > a { |
|||
background-color: #31bff5; |
|||
color: #000000; |
|||
}*/ |
|||
.navbar-inverse, .navbar-inverse .navbar-nav > li > a{ |
|||
background-color: #31bff5; |
|||
color: #fff !important; |
|||
} |
|||
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ |
|||
color: #000 !important; |
|||
background: none !important; |
|||
} |
|||
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{ |
|||
background: none !important; |
|||
} |
|||
.panel-primary > .panel-heading { |
|||
background-color: #31bff5; |
|||
border-color: #31bff5; |
|||
color: #ffffff; |
|||
} |
|||
.kanban_html_preview { |
|||
font-size:30px; |
|||
width:1000px; |
|||
text-indent:15px; |
|||
} |
|||
.o_web_settings_dashboard_progress_title, .o_web_settings_dashboard_progress_title .fa{ |
|||
color: #666666 !important; |
|||
} |
|||
.btn-primary, .oe_button.oe_highlight{ |
|||
color: rgb(255, 255, 255); |
|||
background-color: #666666 !important; |
|||
border-color: #666666 !important; |
|||
} |
|||
.navbar-inverse, .navbar-inverse .navbar-nav > li > a { |
|||
background-color: #666666 !important; |
|||
color: #222222; |
|||
} |
|||
.navbar-inverse{ |
|||
border-color: #666666 !important; |
|||
} |
|||
|
|||
.openerp .nav-pills > li.active > a, .openerp .badge, .openerp a.list-group-item.active > a, .openerp .nav-pills > li.active a:hover, .openerp .nav-pills > li.active a:focus, .openerp a.list-group-item.active a:hover, .openerp a.list-group-item.active a:focus { |
|||
background-color: #666666 !important; |
|||
} |
|||
|
|||
.oe_button_box .oe_stat_button .o_button_icon{ |
|||
color: #666666 !important; |
|||
} |
|||
.openerp .oe_secondary_menu_section, .openerp .oe_secondary_menu_section > .oe_menu_leaf{ |
|||
color: #666666 !important; |
|||
} |
|||
.openerp .oe_secondary_menu, .openerp .oe_horizontal_separator{ |
|||
color: #666666 !important; |
|||
} |
|||
.o_kanban_view.o_kanban_ungrouped { |
|||
padding:0 !important; |
|||
} |
|||
.oe_form_field_html_text .note-editable{ |
|||
color: inherit !important; |
|||
font-size: inherit !important; |
|||
} |
|||
a, .openerp .oe_form_field_many2one .oe_m2o_cm_button{ |
|||
color: #074667 !important; |
|||
} |
|||
.progress-bar{ |
|||
background-color: #f33f3f !important; |
|||
} |
|||
.oe_secondary_submenu > li > a, button.fa{ |
|||
color: #074667 !important; |
|||
} |
|||
.btn-block{ |
|||
color: #fff !important; |
|||
} |
|||
.fa-twitter-square{ |
|||
color: #00aced !important; |
|||
} |
|||
.fa-facebook-square{ |
|||
color: #3b5998 !important; |
|||
} |
|||
.fa-linkedin-square{ |
|||
color: #007bb6 !important; |
|||
} |
|||
.o_kanban_view .o_kanban_record.oe_kanban_global_click, .o_kanban_view .o_kanban_record.oe_kanban_global_click_edit{ |
|||
border-radius: 12px; |
|||
} |
|||
.ui-state-focus{ |
|||
color: #074667 !important; |
|||
} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,264 @@ |
|||
/* |
|||
* jQuery FlexSlider v2.6.2 |
|||
* http://www.woothemes.com/flexslider/ |
|||
* |
|||
* Copyright 2012 WooThemes |
|||
* Free to use under the GPLv2 and later license. |
|||
* http://www.gnu.org/licenses/gpl-2.0.html |
|||
* |
|||
* Contributing author: Tyler Smith (@mbmufffin) |
|||
* |
|||
*/ |
|||
/* ==================================================================================================================== |
|||
* FONT-FACE |
|||
* ====================================================================================================================*/ |
|||
@font-face { |
|||
font-family: 'flexslider-icon'; |
|||
src: url('fonts/flexslider-icon.eot'); |
|||
src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
/* ==================================================================================================================== |
|||
* RESETS |
|||
* ====================================================================================================================*/ |
|||
.flex-container a:hover, |
|||
.flex-slider a:hover { |
|||
outline: none; |
|||
} |
|||
.slides, |
|||
.slides > li, |
|||
.flex-control-nav, |
|||
.flex-direction-nav { |
|||
margin: 0; |
|||
padding: 0; |
|||
list-style: none; |
|||
} |
|||
.flex-pauseplay span { |
|||
text-transform: capitalize; |
|||
} |
|||
/* ==================================================================================================================== |
|||
* BASE STYLES |
|||
* ====================================================================================================================*/ |
|||
.flexslider { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.flexslider .slides > li { |
|||
display: none; |
|||
-webkit-backface-visibility: hidden; |
|||
} |
|||
.flexslider .slides img { |
|||
width: 100%; |
|||
display: block; |
|||
} |
|||
.flexslider .slides:after { |
|||
content: "\0020"; |
|||
display: block; |
|||
clear: both; |
|||
visibility: hidden; |
|||
line-height: 0; |
|||
height: 0; |
|||
} |
|||
html[xmlns] .flexslider .slides { |
|||
display: block; |
|||
} |
|||
* html .flexslider .slides { |
|||
height: 1%; |
|||
} |
|||
.no-js .flexslider .slides > li:first-child { |
|||
display: block; |
|||
} |
|||
/* ==================================================================================================================== |
|||
* DEFAULT THEME |
|||
* ====================================================================================================================*/ |
|||
.flexslider { |
|||
margin: 0 0 0px; |
|||
background: #fff; |
|||
border: 4px solid #fff; |
|||
position: relative; |
|||
zoom: 1; |
|||
-webkit-border-radius: 4px; |
|||
-moz-border-radius: 4px; |
|||
border-radius: 4px; |
|||
-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
|||
-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
|||
-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
|||
box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); |
|||
} |
|||
.flexslider .slides { |
|||
zoom: 1; |
|||
} |
|||
.flexslider .slides img { |
|||
height: auto; |
|||
-moz-user-select: none; |
|||
} |
|||
.flex-viewport { |
|||
max-height: 2000px; |
|||
-webkit-transition: all 1s ease; |
|||
-moz-transition: all 1s ease; |
|||
-ms-transition: all 1s ease; |
|||
-o-transition: all 1s ease; |
|||
transition: all 1s ease; |
|||
} |
|||
.loading .flex-viewport { |
|||
max-height: 300px; |
|||
} |
|||
.carousel li { |
|||
margin-right: 5px; |
|||
} |
|||
.flex-direction-nav { |
|||
*height: 0; |
|||
} |
|||
.flex-direction-nav a { |
|||
text-decoration: none; |
|||
display: block; |
|||
width: 43px; |
|||
height: 23px; |
|||
margin: -20px 0 0; |
|||
position: absolute; |
|||
top: 56%; |
|||
z-index: 10; |
|||
overflow: hidden; |
|||
opacity: 0; |
|||
cursor: pointer; |
|||
color: rgba(0, 0, 0, 0); |
|||
background: url(../images/arrows1.png) no-repeat 0px 0px; |
|||
-webkit-transition: all 0.3s ease-in-out; |
|||
-moz-transition: all 0.3s ease-in-out; |
|||
-ms-transition: all 0.3s ease-in-out; |
|||
-o-transition: all 0.3s ease-in-out; |
|||
transition: all 0.3s ease-in-out; |
|||
} |
|||
|
|||
.flex-direction-nav .flex-prev { |
|||
left: -50px; |
|||
} |
|||
.flex-direction-nav .flex-next { |
|||
right: -50px; |
|||
text-align: right; |
|||
background: url(../images/arrows1.png) no-repeat -44px 0px; |
|||
} |
|||
.flexslider:hover .flex-direction-nav .flex-prev { |
|||
opacity: 0.7; |
|||
left: 10px; |
|||
} |
|||
.flexslider:hover .flex-direction-nav .flex-prev:hover { |
|||
opacity: 1; |
|||
} |
|||
.flexslider:hover .flex-direction-nav .flex-next { |
|||
opacity: 0.7; |
|||
right: 10px; |
|||
} |
|||
.flexslider:hover .flex-direction-nav .flex-next:hover { |
|||
opacity: 1; |
|||
} |
|||
.flex-direction-nav .flex-disabled { |
|||
opacity: 0!important; |
|||
filter: alpha(opacity=0); |
|||
cursor: default; |
|||
z-index: -1; |
|||
} |
|||
.flex-pauseplay a { |
|||
display: block; |
|||
width: 20px; |
|||
height: 20px; |
|||
position: absolute; |
|||
bottom: 5px; |
|||
left: 10px; |
|||
opacity: 0.8; |
|||
z-index: 10; |
|||
overflow: hidden; |
|||
cursor: pointer; |
|||
color: #000; |
|||
} |
|||
.flex-pauseplay a:before { |
|||
font-family: "flexslider-icon"; |
|||
font-size: 20px; |
|||
display: inline-block; |
|||
content: '\f004'; |
|||
} |
|||
.flex-pauseplay a:hover { |
|||
opacity: 1; |
|||
} |
|||
.flex-pauseplay a.flex-play:before { |
|||
content: '\f003'; |
|||
} |
|||
.flex-control-nav { |
|||
width: 100%; |
|||
position: absolute; |
|||
bottom: -40px; |
|||
text-align: center; |
|||
} |
|||
.flex-control-nav li { |
|||
margin: 0 6px; |
|||
display: inline-block; |
|||
zoom: 1; |
|||
*display: inline; |
|||
} |
|||
.flex-control-paging li a { |
|||
width: 11px; |
|||
height: 11px; |
|||
display: block; |
|||
background: #666; |
|||
background: rgba(0, 0, 0, 0.5); |
|||
cursor: pointer; |
|||
text-indent: -9999px; |
|||
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
|||
-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
|||
-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
|||
box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); |
|||
-webkit-border-radius: 20px; |
|||
-moz-border-radius: 20px; |
|||
border-radius: 20px; |
|||
} |
|||
.flex-control-paging li a:hover { |
|||
background: #333; |
|||
background: rgba(0, 0, 0, 0.7); |
|||
} |
|||
.flex-control-paging li a.flex-active { |
|||
background: #000; |
|||
background: rgba(0, 0, 0, 0.9); |
|||
cursor: default; |
|||
} |
|||
.flex-control-thumbs { |
|||
margin: 5px 0 0; |
|||
position: static; |
|||
overflow: hidden; |
|||
} |
|||
.flex-control-thumbs li { |
|||
width: 25%; |
|||
float: left; |
|||
margin: 0; |
|||
} |
|||
.flex-control-thumbs img { |
|||
width: 100%; |
|||
height: auto; |
|||
display: block; |
|||
opacity: .7; |
|||
cursor: pointer; |
|||
-moz-user-select: none; |
|||
-webkit-transition: all 1s ease; |
|||
-moz-transition: all 1s ease; |
|||
-ms-transition: all 1s ease; |
|||
-o-transition: all 1s ease; |
|||
transition: all 1s ease; |
|||
} |
|||
.flex-control-thumbs img:hover { |
|||
opacity: 1; |
|||
} |
|||
.flex-control-thumbs .flex-active { |
|||
opacity: 1; |
|||
cursor: default; |
|||
} |
|||
/* ==================================================================================================================== |
|||
* RESPONSIVE |
|||
* ====================================================================================================================*/ |
|||
@media screen and (max-width: 860px) { |
|||
.flex-direction-nav .flex-prev { |
|||
left: 0; |
|||
} |
|||
.flex-direction-nav .flex-next { |
|||
right: 0; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
@ -0,0 +1,508 @@ |
|||
/*clearfix*/ |
|||
.group { |
|||
*zoom: 1; |
|||
} |
|||
.group:before, .group:after { |
|||
display: table; |
|||
content: ""; |
|||
line-height: 0; |
|||
} |
|||
.group:after{ |
|||
clear: both; |
|||
} |
|||
/*/clearfix*/ |
|||
|
|||
|
|||
/** /font-icons/**/ |
|||
@font-face { |
|||
font-family: 'Slide-icons'; |
|||
src:url('../font/Slide-icons.eot'); |
|||
} |
|||
@font-face { |
|||
font-family: 'Slide-icons'; |
|||
src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAWcAAsAAAAACSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAm4AAAQxqzjSYEZGVE0AAAN4AAAAGgAAABxmWaSOR0RFRgAAA5QAAAAdAAAAIAAzAARPUy8yAAADtAAAAEsAAABgL/bcQGNtYXAAAAQAAAAAPQAAAVLgL/LNaGVhZAAABEAAAAAuAAAANv3vdhloaGVhAAAEcAAAAB4AAAAkBBD/5GhtdHgAAASQAAAAEgAAABIFOwBxbWF4cAAABKQAAAAGAAAABgAGUABuYW1lAAAErAAAAOEAAAGw7pftcnBvc3QAAAWQAAAADAAAACAAAwAAeJx9VE1oE1EQnpfsJutmSWNMQoUoWxB/qmIKnkKJWKvXQlOwhx5E7SEo9WCEHNKAJqVbn8RLzvEgKEUPCgoiIi3YHkWw2mO9CBb8O1SzurXjvLfrJiqEhXkzwzffm/nee8tAUYAxZuQvFs5PHi6cuzR1GVgAGORsM2D3Be1ehRtBbii7ddiZjyPnvmOE+QW7YRfVNNzpSQPE0vBwexqMtNIbh7Dg0KAHUrAL9sARyF6ZKpzKZDK0nMwMHHeXIXc54S7DHU109gPAZpnF5th1xiEkiANgsFpgNDATPB3ldlHZbNiNcBTZ/JNRZBPFZ0nE6mw/GT6MUC6tiPCgihA6Vkb8sXCNI35bGxRuTcYa4vqZIWlUP1sVoCx3Yyqd1gTNIUH4RhJ6rILAxw9yN/bwghVSt56rLoCyFY6gmy8kwENJwjYrlItPVauOuDWyhqDEzlKFIuvIIrAHfTJbr2uSWpgFOVvFHVDQc5dftK751P3CeyuNp8Uf/DL3tal5rFKLuiX2MxGdL00azJHKOWLcrZF3MmtZWhThNRWwx62XSYTF/d8Rc6sR2iFyNYS4MWNSzaeJA+RWfkqjCYBO5tV71bIkjTssUVe5bykrhrXqWqnZ1m9a6rfk61emfu+Px8iIA8zf/SrDNr4s8csd+Gbzn+mXOtWK3rPHkqbeGkuZuvNIGudo9wRdvDkald0Yj9HFy89vtvsgjw7/Pxm9Kf+SEfGj86HU/frlVn6RwgP7CLVRTZDCFZt6j99edcWGSPmz5h4BLO5d73bIzVL7OdTkc8j6O5MIdiPBkzcNnZ7zDvF/2OYkWvSFI78BSE0QpgAAeJxjYGBgZACCk535hiD6XIbUOhgNAD+3BfAAAHicY2BkYGDgA2IJBhBgYmAEQlYgZgHzGAAEgQA4AAAAeJxjYGZiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbAyM8CBAILJEJDmmsLg8EDqAwPjg/8PGPQYHzAoNDAwMMIVKAAhIwATaAw5AHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwgiQeyHxj+/wezpCAs+RcCjFBdYMDIxoDMHZEAAP1aCcoAAAB4nGNgZGBgAGLNvbqy8fw2Xxm4mRhA4FyG1DoE/f8BEwPjAyCXgwEsDQAB0gmnAAB4nGNgZGBgfPD/AYMeEwMDwz8GIAkUQQHMAG3nA/YAAAIAAAAAAAAAAgAAUQClACAAlgAAAABQAAAGAAB4nI2PMW7CQBBFn8FGIkQpo5RbIFHZsjciEhyAMg0SFwALrYS8kuEMOQLH4BgcgGPkAKnz7UxBkYKVVvPmz5/ZWeCZMwndSZjwZjwgozQeMuPLOJXnapyJv41HTJIXOZN0LOW17+p4wBNT4yGffBin8lyMM/HNeCT+Yc2BwI6aXHFLpOEI60PY1XnYxkbJnW7Kqs9PfWzZq9vhKfQPx1L3/6l/Nc9c6kLXy1/xrnGxOa1iu6+dL0q3dHevK/PzfJH7spLxkW03qrZSQ191eqHbi03dHkNsXFWUD835BcvqQqwAAAB4nGNgZsALAAB9AAQ=) format('woff'), |
|||
url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTWZZpI4AAAboAAAAHEdERUYANQAGAAAGyAAAACBPUy8yL9TcHwAAAVgAAABWY21hcOAx89QAAAHMAAABUmdhc3D//wADAAAGwAAAAAhnbHlmlq1ZxgAAAzQAAAGAaGVhZP3vdhkAAADcAAAANmhoZWEEEP/mAAABFAAAACRobXR4BeoAcQAAAbAAAAAabG9jYQEyAOAAAAMgAAAAEm1heHAAUwAnAAABOAAAACBuYW1l7pftcgAABLQAAAGwcG9zdCBfgkMAAAZkAAAAWgABAAAAAQAAZVgBDF8PPPUACwIAAAAAAM5oGq4AAAAAzmgargAA/+ACAAHgAAAACAACAAAAAAAAAAEAAAHg/+AALgIAAAD+AAIAAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAIACQACQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQMAAAAAAAAAAAAAEAAAAAAAAAAAAAAAUGZFZABA4BrwAAHg/+AALgHgACCAAAABAAAAAAAAAgAAAAAAAAAAqgAAAAAAAAIAAFEAqgAgAJYAAAAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAA4B3wAP//AAAAAOAa8AD//wAAH+oQAwABAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAEIAZACeAMAAAAABAAD/4AIAAeAAAgAAEQEhAgD+AAHg/gAAAAAAAQBRADYBrwGKAB0AAAE2NC8BJg8BJyYPAQYUHwEHBh8BFj8BFxY/ATYvAQGqBAQXCwx8fAwLFwQEfX0LCxcLDHx8DAsXCwt9AVwFDQUXCwt9fQsLFwUNBXx8DAsXCwt9fQsLFwsMfAABAKoABQGeAbYAEQAAEyYPAQYfAQcGHwEWMj8BNjQn1AwLEwsLrKwLCxMFDQXBCAgBtgsLEwsMrKwMCxMFBcEJGAkAAAkAIAAAAeABwAADAAcACwAPABMAFwAbAB8AIwAAEzMVIyUzFSMnMxUjBzMVIyUzFSMnMxUjBzMVIyUzFSMnMxUjIICAAUCAgKCAgKCAgAFAgICggICggIABQICAoICAAcCAgICAgCCAgICAgCCAgICAgAAAAQCWAAoBjwG2ABEAAAE2LwEmDwEGFB8BFj8BNjQvAQGKCwsTDAvBCQnBCwsUBAStAYwMCxMLC8EJGAnBCwsTBQ0FrAAAAAwAlgABAAAAAAABAAsAGAABAAAAAAACAAUAMAABAAAAAAADACcAhgABAAAAAAAEAAsAxgABAAAAAAAFAAsA6gABAAAAAAAGAAsBDgADAAEECQABABYAAAADAAEECQACAAoAJAADAAEECQADAE4ANgADAAEECQAEABYArgADAAEECQAFABYA0gADAAEECQAGABYA9gBTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAABpAGMAbwBuAHMAAGljb25zAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAFMAbABpAGQAZQAtAGkAYwBvAG4AcwAgADoAIAAyADUALQA5AC0AMgAwADEAMwAARm9udEZvcmdlIDIuMCA6IFNsaWRlLWljb25zIDogMjUtOS0yMDEzAABTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABTAGwAaQBkAGUALQBpAGMAbwBuAHMAAFNsaWRlLWljb25zAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAAABAAIBAgEDAQQBBQEGB3VuaUYwMDAHdW5pRTAxQQd1bmlFMDFCB3VuaUUwMUMHdW5pRTAxRAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAHAAEABAAAAAIAAAAAAAEAAAAAyYlvMQAAAADOaBquAAAAAM5oGq4=) format('truetype'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
|
|||
/* Use the following CSS code if you want to use data attributes for inserting your icons */ |
|||
[data-icon]:before { |
|||
font-family: 'Slide-icons'; |
|||
content: attr(data-icon); |
|||
speak: none; |
|||
font-weight: normal; |
|||
font-variant: normal; |
|||
text-transform: none; |
|||
line-height: 1; |
|||
-webkit-font-smoothing: antialiased; |
|||
-moz-osx-font-smoothing: grayscale; |
|||
} |
|||
|
|||
/** //font-icons/**/ |
|||
|
|||
|
|||
|
|||
|
|||
.lightGallery { |
|||
overflow: hidden!important; |
|||
} |
|||
#lightGallery-Gallery img { |
|||
border: none!important; |
|||
} |
|||
#lightGallery-outer{ |
|||
width: 100%; |
|||
height: 100%; |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 99999!important; |
|||
overflow: hidden; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
user-select: none; |
|||
opacity:1; |
|||
-webkit-transition: opacity 0.35s ease; |
|||
-moz-transition: opacity 0.35s ease; |
|||
-o-transition: opacity 0.35s ease; |
|||
-ms-transition: opacity 0.35s ease; |
|||
transition: opacity 0.35s ease; |
|||
background: #0d0d0d; |
|||
} |
|||
|
|||
/*lightGallery starting effects*/ |
|||
#lightGallery-Gallery.opacity{ |
|||
opacity: 1; |
|||
transition: all 1s ease 0s; |
|||
-moz-transition: all 1s ease 0s; |
|||
-webkit-transition: all 1s ease 0s; |
|||
-o-transition: all 1s ease 0s; |
|||
-ms-transition: all 1s ease 0s; |
|||
} |
|||
#lightGallery-Gallery.opacity .thumb_cont{ |
|||
opacity: 1; |
|||
} |
|||
#lightGallery-Gallery.fadeM{ |
|||
opacity: 0; |
|||
transition: all 0.5s ease 0s; |
|||
-moz-transition: all 0.5s ease 0s; |
|||
-webkit-transition: all 0.5s ease 0s; |
|||
-o-transition: all 0.5s ease 0s; |
|||
-ms-transition: all 0.5s ease 0s; |
|||
} |
|||
/*lightGallery starting effects*/ |
|||
|
|||
|
|||
/*lightGallery core*/ |
|||
#lightGallery-Gallery { |
|||
height: 100%; |
|||
opacity: 0; |
|||
width: 100%; |
|||
transition:all 1s ease 0s; |
|||
-moz-transition: all 1s ease 0s; |
|||
-webkit-transition: all 1s ease 0s; |
|||
-o-transition: all 1s ease 0s; |
|||
-ms-transition: all 1s ease 0s; |
|||
} |
|||
#lightGallery-slider { |
|||
height: 100%; |
|||
left: 0; |
|||
top: 0; |
|||
width: 100%; |
|||
white-space: nowrap; |
|||
position: absolute; |
|||
} |
|||
#lightGallery-slider .lightGallery-slide { |
|||
background:url(../img/loading.gif) no-repeat scroll center center transparent; |
|||
display: inline-block; |
|||
height: 100%; |
|||
line-height: 1px; |
|||
text-align: center; |
|||
width: 100%; |
|||
} |
|||
#lightGallery-slider.slide .lightGallery-slide{ |
|||
position: absolute; |
|||
opacity: 0.4; |
|||
} |
|||
#lightGallery-slider.fadeM .lightGallery-slide{ |
|||
position:absolute; |
|||
left:0; |
|||
opacity:0; |
|||
} |
|||
#lightGallery-slider.animate .lightGallery-slide{ |
|||
position:absolute; |
|||
left:0; |
|||
} |
|||
#lightGallery-slider.fadeM .current{ |
|||
opacity:1; |
|||
} |
|||
#lightGallery-Gallery.opacity .lightGallery-slide.current img, #lightGallery-Gallery.opacity .lightGallery-slide.current iframe { |
|||
transform:scale(1, 1); |
|||
-moz-transform:scale(1, 1); |
|||
-ms-transform:scale(1, 1); |
|||
-webkit-transform:scale(1, 1); |
|||
-o-transform:scale(1, 1); |
|||
} |
|||
.lightGallery-slide.current img, .lightGallery-slide.current iframe { |
|||
transform:scale(0.5, 0.5); |
|||
-moz-transform:scale(0.5, 0.5); |
|||
-ms-transform:scale(0.5, 0.5); |
|||
-webkit-transform:scale(0.5, 0.5); |
|||
-o-transform:scale(0.5, 0.5); |
|||
transition: all 1s ease 0s; |
|||
-moz-transition: all 1s ease 0s; |
|||
-webkit-transition: all 1s ease 0s; |
|||
-o-transition: all 1s ease 0s; |
|||
-ms-transition: all 1s ease 0s; |
|||
} |
|||
#lightGallery-Gallery.fadeM .lightGallery-slide.current img, #lightGallery-Gallery.fadeM .lightGallery-slide.current iframe{ |
|||
transform:scale(0.5, 0.5); |
|||
-moz-transform:scale(0.5, 0.5); |
|||
-ms-transform:scale(0.5, 0.5); |
|||
-webkit-transform:scale(0.5, 0.5); |
|||
-o-transform:scale(0.5, 0.5); |
|||
} |
|||
#lightGallery-slider.fadeM.on .current{ |
|||
opacity:1; |
|||
transition: all 0.5s ease 0s; |
|||
-moz-transition: all 0.5s ease 0s; |
|||
-webkit-transition: all 0.5s ease 0s; |
|||
-o-transition: all 0.5s ease 0s; |
|||
-ms-transition: all 0.5s ease 0s; |
|||
} |
|||
#lightGallery-slider.fadeM .lightGallery-slide { |
|||
transition: opacity 0.4s ease 0s; |
|||
-moz-transition: opacity 0.4s ease 0s; |
|||
-webkit-transition: opacity 0.4s ease 0s; |
|||
-o-transition: opacity 0.4s ease 0s; |
|||
-ms-transition: opacity 0.4s ease 0s; |
|||
} |
|||
#lightGallery-slider.slide .lightGallery-slide { |
|||
transform:translate3d(100%, 0px, 0px); |
|||
-moz-transform:translate3d(100%, 0px, 0px); |
|||
-ms-transform:translate3d(100%, 0px, 0px); |
|||
-webkit-transform:translate3d(100%, 0px, 0px); |
|||
-o-transform:translate3d(100%, 0px, 0px); |
|||
} |
|||
#lightGallery-slider.slide.on .lightGallery-slide { |
|||
opacity: 0; |
|||
} |
|||
#lightGallery-slider.slide .lightGallery-slide.current { |
|||
opacity: 1 !important; |
|||
transform:translate3d(0px, 0px, 0px) !important; |
|||
-moz-transform:translate3d(0px, 0px, 0px) !important; |
|||
-ms-transform:translate3d(0px, 0px, 0px) !important; |
|||
-webkit-transform:translate3d(0px, 0px, 0px) !important; |
|||
-o-transform:translate3d(0px, 0px, 0px) !important; |
|||
} |
|||
#lightGallery-slider.slide .lightGallery-slide.prevSlide { |
|||
opacity: 0; |
|||
transform: translate3d(-100%, 0px, 0px); |
|||
-moz-transform:translate3d(-100%, 0px, 0px); |
|||
-ms-transform:translate3d(-100%, 0px, 0px); |
|||
-webkit-transform:translate3d(-100%, 0px, 0px); |
|||
-o-transform:translate3d(-100%, 0px, 0px); |
|||
} |
|||
#lightGallery-slider.slide .lightGallery-slide.nextSlide { |
|||
opacity: 0; |
|||
transform: translate3d(100%, 0px, 0px); |
|||
-moz-transform:translate3d(100%, 0px, 0px); |
|||
-ms-transform:translate3d(100%, 0px, 0px); |
|||
-webkit-transform:translate3d(100%, 0px, 0px); |
|||
-o-transform:translate3d(100%, 0px, 0px); |
|||
} |
|||
#lightGallery-slider.slide.on .lightGallery-slide, #lightGallery-slider.slide.on .current, #lightGallery-slider.slide.on .prevSlide, #lightGallery-slider.slide.on .nextSlide{ |
|||
transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s; |
|||
-moz-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s; |
|||
-webkit-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s; |
|||
-o-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s; |
|||
-ms-transition: all 1s cubic-bezier(0, 0, 0.25, 1) 0s; |
|||
} |
|||
#lightGallery-slider.speed .lightGallery-slide, #lightGallery-slider.speed .current, #lightGallery-slider.speed .prevSlide, #lightGallery-slider.speed .nextSlide{ |
|||
transition-duration:inherit !important; |
|||
-moz-transition-duration:inherit !important; |
|||
-webkit-transition-duration:inherit !important; |
|||
-o-transition-duration:inherit !important; |
|||
-ms-transition-duration:inherit !important; |
|||
} |
|||
#lightGallery-slider.timing .lightGallery-slide, #lightGallery-slider.timing .current, #lightGallery-slider.timing .prevSlide, #lightGallery-slider.timing .nextSlide{ |
|||
transition-timing-function:inherit !important; |
|||
-moz-transition-timing-function:inherit !important; |
|||
-webkit-transition-timing-function:inherit !important; |
|||
-o-transition-timing-function:inherit !important; |
|||
-ms-transition-timing-function:inherit !important; |
|||
} |
|||
#lightGallery-slider .lightGallery-slide:before { |
|||
content: ""; |
|||
display: inline-block; |
|||
height: 50%; |
|||
width: 1px; |
|||
margin-right: -1px; |
|||
} |
|||
#lightGallery-slider .lightGallery-slide img { |
|||
display: inline-block; |
|||
max-height: 100%; |
|||
max-width: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
width: auto; |
|||
height: auto; |
|||
vertical-align: middle; |
|||
} |
|||
/*lightGallery core*/ |
|||
|
|||
|
|||
/*action*/ |
|||
#lightGallery-action { |
|||
bottom: 20px; |
|||
position: absolute; |
|||
left: 50%; |
|||
margin-left: -55px; |
|||
z-index: 9; |
|||
} |
|||
#lightGallery-action a { |
|||
margin: 0 3px 0 0 !important; |
|||
-webkit-border-radius: 2px; |
|||
-moz-border-radius: 2px; |
|||
border-radius: 2px; |
|||
position: relative; |
|||
top: auto; |
|||
left: auto; |
|||
bottom: auto; |
|||
right: auto; |
|||
display: inline-block !important; |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
*display: inline; |
|||
*zoom: 1; |
|||
background-color: rgba(0, 0, 0, 0.65); |
|||
font-size: 16px; |
|||
width: 28px; |
|||
height: 28px; |
|||
font-family: 'Slide-icons'; |
|||
color: #FFF; |
|||
cursor: pointer; |
|||
} |
|||
#lightGallery-action a:hover, #lightGallery-action a:focus { |
|||
background-color: rgba(0, 0, 0, 0.85); |
|||
} |
|||
#lightGallery-action a#lightGallery-prev:before, #lightGallery-action a#lightGallery-next:after { |
|||
content: "\e01d"; |
|||
left: 5px; |
|||
bottom: 3px; |
|||
position: absolute; |
|||
} |
|||
#lightGallery-action a#lightGallery-prev:before { |
|||
content: "\e01d"; |
|||
} |
|||
#lightGallery-action a#lightGallery-next:after { |
|||
content: "\e01b"; |
|||
} |
|||
#lightGallery-action a.cLthumb:after { |
|||
font-family: 'Slide-icons'; |
|||
content: "\e01c"; |
|||
left: 6px; |
|||
bottom: 4px; |
|||
font-size: 16px; |
|||
position: absolute; |
|||
} |
|||
/*action*/ |
|||
|
|||
/*lightGallery Thumb*/ |
|||
#lightGallery-Gallery .thumb_cont { |
|||
position: absolute; |
|||
bottom: 0; |
|||
width: 100%; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
box-sizing: border-box; |
|||
background-color: #000000; |
|||
-webkit-transition: max-height 0.4s ease-in-out; |
|||
-moz-transition: max-height 0.4s ease-in-out; |
|||
-o-transition: max-height 0.4s ease-in-out; |
|||
-ms-transition: max-height 0.4s ease-in-out; |
|||
transition: max-height 0.4s ease-in-out; |
|||
z-index: 9; |
|||
max-height: 0; |
|||
opacity:0; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont.open { |
|||
max-height: 350px; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb_inner { |
|||
margin-left: -12px; |
|||
padding: 12px; |
|||
max-height: 290px; |
|||
overflow-y: auto; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb_info { |
|||
background-color: #333; |
|||
padding: 7px 10px; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb_info .count { |
|||
color: #ffffff; |
|||
font-weight: bold; |
|||
font-size: 12px; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb_info .close { |
|||
color: #FFFFFF; |
|||
display: block; |
|||
float: right !important; |
|||
opacity: 0.6; |
|||
-webkit-transition: opacity 0.3s ease 0s; |
|||
-moz-transition: opacity 0.3s ease 0s; |
|||
-o-transition: opacity 0.3s ease 0s; |
|||
-ms-transition: opacity 0.3s ease 0s; |
|||
transition: opacity 0.3s ease 0s; |
|||
z-index: 1090; |
|||
cursor:pointer; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb_info .close i:after, #lightGallery-close:after{ |
|||
content: "\e01a"; |
|||
font-family: 'Slide-icons'; |
|||
font-style:normal; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb_info .close:hover { |
|||
opacity: 1; |
|||
filter: alpha(opacity=100); |
|||
-webkit-transition: opacity 0.3s ease; |
|||
-moz-transition: opacity 0.3s ease; |
|||
-o-transition: opacity 0.3s ease; |
|||
-ms-transition: opacity 0.3s ease; |
|||
transition: opacity 0.3s ease; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb { |
|||
display: inline-block !important; |
|||
vertical-align: middle; |
|||
*display: inline; |
|||
/* IE7 inline-block hack */ |
|||
|
|||
*zoom: 1; |
|||
margin-bottom: 4px; |
|||
margin-left: 4px; |
|||
width: 94px; |
|||
height: 94px; |
|||
opacity: 0.6; |
|||
filter: alpha(opacity=60); |
|||
overflow: hidden; |
|||
border-radius: 3px; |
|||
border: 3px solid transparent; |
|||
-webkit-transition: border-color linear .2s, opacity linear .2s; |
|||
-moz-transition: border-color linear .2s, opacity linear .2s; |
|||
-o-transition: border-color linear .2s, opacity linear .2s; |
|||
-ms-transition: border-color linear .2s, opacity linear .2s; |
|||
transition: border-color linear .2s, opacity linear .2s; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb > img { |
|||
height: 100%; |
|||
} |
|||
#lightGallery-Gallery .thumb_cont .thumb.active, #lightGallery-Gallery .thumb_cont .thumb:hover { |
|||
opacity: 1; |
|||
filter: alpha(opacity=100); |
|||
border-color: #ffffff; |
|||
} |
|||
/*lightGallery Thumb*/ |
|||
|
|||
/*lightGallery Video*/ |
|||
#lightGallery-slider .video_cont { |
|||
display: inline-block; |
|||
max-height: 100%; |
|||
max-width: 100%; |
|||
margin: 0; |
|||
padding: 0; |
|||
width: auto; |
|||
height: auto; |
|||
vertical-align: middle; |
|||
} |
|||
#lightGallery-slider .video_cont { |
|||
background: none; |
|||
max-width: 1140px; |
|||
max-height: 100%; |
|||
width: 100%; |
|||
box-sizing: border-box; |
|||
-webkit-box-sizing: border-box; |
|||
-moz-box-sizing: border-box; |
|||
} |
|||
#lightGallery-slider .video { |
|||
width: 100%; |
|||
height: 0; |
|||
padding-bottom: 56.25%; |
|||
overflow: hidden; |
|||
position: relative; |
|||
} |
|||
#lightGallery-slider .video iframe { |
|||
width: 100%!important; |
|||
height: 100%!important; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
/*lightGallery Video*/ |
|||
|
|||
|
|||
/*lightGallery info Title Desc*/ |
|||
#lightGallery-slider .info { |
|||
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55); |
|||
color: #FFFFFF; |
|||
padding:10px; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
} |
|||
#lightGallery-slider .info span { |
|||
display: block; |
|||
line-height: 1; |
|||
} |
|||
#lightGallery-slider .info span:last-child { |
|||
margin-top:6px; |
|||
} |
|||
#lightGallery-slider .info .title { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
} |
|||
#lightGallery-slider .info .desc { |
|||
color: #DDDDDD; |
|||
font-size: 12px; |
|||
} |
|||
/*lightGallery info Title Desc*/ |
|||
|
|||
|
|||
|
|||
/*lightGallery Close*/ |
|||
#lightGallery-close { |
|||
color: #FFFFFF; |
|||
height: 20px; |
|||
opacity: 0.6; |
|||
filter: alpha(opacity=60); |
|||
position: absolute; |
|||
right: 20px; |
|||
top: 20px; |
|||
transition: opacity 0.3s ease 0s; |
|||
-webkit-transition: opacity 0.3s ease 0s; |
|||
-moz-transition: opacity 0.3s ease 0s; |
|||
-o-transition: opacity 0.3s ease 0s; |
|||
-ms-transition: opacity 0.3s ease 0s; |
|||
width: 20px; |
|||
z-index: 1090; |
|||
cursor:pointer; |
|||
} |
|||
#lightGallery-close:hover { |
|||
opacity: 1; |
|||
filter: alpha(opacity=100); |
|||
-webkit-transition: opacity 0.3s ease; |
|||
-moz-transition: opacity 0.3s ease; |
|||
-o-transition: opacity 0.3s ease; |
|||
-ms-transition: opacity 0.3s ease; |
|||
transition: opacity 0.3s ease; |
|||
} |
|||
@media (max-width: 568px){ |
|||
#lightGallery-Gallery .thumb_cont .thumb { |
|||
width: 60px; |
|||
height: 60px; |
|||
} |
|||
} |
|||
@media (max-width: 320px){ |
|||
#lightGallery-close { |
|||
top: 9px; |
|||
} |
|||
} |
|||
File diff suppressed because it is too large
|
After Width: | Height: | Size: 122 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 11 KiB |
@ -0,0 +1,177 @@ |
|||
<section class="oe_container"> |
|||
<div class="oe_row oe_spaced"> |
|||
<h2 class="oe_slogan">Odoo Sample theme</h2> |
|||
<h3 class="oe_slogan">This addon apply theme on odoo website and backend pages</h3> |
|||
<div> |
|||
<h4><p>Features:</p></h4> |
|||
<ul> |
|||
<li>Theme based on Trading Companies</li> |
|||
<li>Front-end as wells as Back-end styles</li> |
|||
<li>Custom Pages including ..</li> |
|||
<li>Carousel slide on Home Page</li> |
|||
<li>Image Viewer on Gallery</li> |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container oe_dark"> |
|||
<div class="oe_row oe_spaced"> |
|||
<div class="oe_span12"> |
|||
<p class="oe_mt32">These are the screen shots of backend views</p> |
|||
</div> |
|||
<div class="oe_container"> |
|||
<div class="row"> |
|||
<div class="col-md-12"> |
|||
<div class="carousel slide" id="carousel-71641"> |
|||
<ol class="carousel-indicators"> |
|||
<li data-slide-to="0" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="1" data-target="#carousel-71641" class="active" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="2" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="3" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
<li data-slide-to="4" data-target="#carousel-71641" style="border: 1px solid #ff1313 !important;"> |
|||
</li> |
|||
</ol> |
|||
<div class="carousel-inner"> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap First" src="trade_dashboard.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Dashboard |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item active"> |
|||
<img alt="Carousel Bootstrap Second" src="trading_form.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Form View |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap Third" src="trading_kanban.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Kanban View |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap Fourth" src="trading_tree.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Tree View |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
<div class="item"> |
|||
<img alt="Carousel Bootstrap Fifth" src="trading_settings.png"> |
|||
<div class="carousel-caption"> |
|||
<h4 style="color:red"> |
|||
Settings |
|||
</h4> |
|||
</div> |
|||
</div> |
|||
</div> <a style="padding-top: 250px;color: red;" class="left carousel-control" href="#carousel-71641" data-slide="prev"><span class="fa fa-chevron-left" aria-hidden="true"></span></a> <a style="padding-top: 250px;color: red;" class="right carousel-control" href="#carousel-71641" data-slide="next"><span class="fa fa-chevron-right" aria-hidden="true"></span></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container"> |
|||
<div class="oe_row oe_spaced"> |
|||
<h3 class="oe_slogan">Website Home Page</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_home.png"> |
|||
|
|||
</div> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_home1.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">About</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_aboutus.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Trade</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_trade.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Gallery</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_gallery.png"> |
|||
</div> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_gallery1.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Blog</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_blog.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Contact Page</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_contactus.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Map</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_map.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Footer</h3> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="trading_footer.png"> |
|||
</div> |
|||
<h3 class="oe_slogan">Configurations</h3> |
|||
<li class="oe_slogan"> |
|||
Copy your google map embed URL and set on website admin as shown below(only source URL, not html code) |
|||
</li> |
|||
<div class="oe_demo oe_picture oe_screenshot"> |
|||
<img src="website_admin.png"> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container oe_dark"> |
|||
<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2> |
|||
<div class="oe_slogan" style="margin-top:10px !important;"> |
|||
|
|||
<td width="49" rowspan="4" valign="top"> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<td> |
|||
<tr> |
|||
<td width="49" height="39" valign="top" style="padding-bottom:1px"><a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td> |
|||
<td> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="39" valign="top" style="padding-bottom:1px"><a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td> |
|||
</tr> |
|||
</td> |
|||
<tr> |
|||
<a class="btn btn-primary btn-lg mt8" |
|||
style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i |
|||
class="fa fa-envelope"></i> Email </a> <a |
|||
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" |
|||
href="http://www.cybrosys.com/contact/"><i |
|||
class="fa fa-phone"></i> Contact Us </a> <a |
|||
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" |
|||
href="http://www.cybrosys.com/odoo-customization-and-installation/"><i |
|||
class="fa fa-check-square"></i> Request Customization </a> |
|||
</tr> |
|||
|
|||
</table></td> |
|||
</div> |
|||
<img src="/website_trading/static/description/cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block"> |
|||
</section> |
|||
|
|||
|
After Width: | Height: | Size: 90 KiB |
|
After Width: | Height: | Size: 463 KiB |
|
After Width: | Height: | Size: 502 KiB |
|
After Width: | Height: | Size: 82 KiB |
|
After Width: | Height: | Size: 105 KiB |
|
After Width: | Height: | Size: 627 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 322 KiB |
|
After Width: | Height: | Size: 226 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 538 KiB |
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue