Cybrosys Technologies
1 week ago
@ -0,0 +1,50 @@ |
|||
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
|||
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
|||
:alt: License: LGPL-3 |
|||
|
|||
Theme Medicate |
|||
=================== |
|||
* Custom Designed Snippets for better user experience. Optimized Code Snippets |
|||
for Enhanced User Experience. |
|||
|
|||
Installation |
|||
============ |
|||
- www.odoo.com/documentation/18.0/setup/install.html |
|||
- Install our custom addon |
|||
|
|||
License |
|||
------- |
|||
General Public License, Version 3 (LGPL v3). |
|||
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
|||
|
|||
Company |
|||
------- |
|||
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
|||
|
|||
Credits |
|||
------- |
|||
* Developer: (V18) Amaya Aravind EV |
|||
* Contact: odoo@cybrosys.com |
|||
|
|||
Contacts |
|||
-------- |
|||
* Mail Contact : odoo@cybrosys.com |
|||
* Website : https://cybrosys.com |
|||
|
|||
Bug Tracker |
|||
----------- |
|||
Bugs are tracked on GitHub Issues. In case of trouble, please check there if |
|||
your issue has already been reported. |
|||
|
|||
Maintainer |
|||
========== |
|||
.. image:: https://cybrosys.com/images/logo.png |
|||
:target: https://cybrosys.com |
|||
|
|||
This module is maintained by Cybrosys Technologies. |
|||
|
|||
For support and more information, please visit https://www.cybrosys.com |
|||
|
|||
Further information |
|||
=================== |
|||
HTML Description: `<static/description/index.html>`__ |
|||
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import controllers |
|||
|
|||
@ -0,0 +1,83 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
{ |
|||
'name': 'Theme Medicate', |
|||
'version': '18.0.1.0.0', |
|||
'category': 'Theme/eCommerce', |
|||
'summary': 'Theme Medicate for Odoo Website and e-Commerce', |
|||
'description': 'Custom Designed Snippets for better user experience. ' |
|||
'Optimized Code Snippets for Enhanced User Experience.', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'maintainer': 'Cybrosys Techno Solutions', |
|||
'website': "https://www.cybrosys.com", |
|||
'depends': ['base','website','website_blog'], |
|||
'data': [ |
|||
'views/header_templates.xml', |
|||
'views/footer_templates.xml', |
|||
'views/about_us_views.xml', |
|||
'views/blog_views.xml', |
|||
'views/services_views.xml', |
|||
'views/blog_details.xml', |
|||
'views/contactus_views.xml', |
|||
'views/snippets/home_page_carousel_template.xml', |
|||
'views/snippets/home_page_about_template.xml', |
|||
'views/snippets/home_page_facility_provided_template.xml', |
|||
'views/snippets/home_page_about_content_template.xml', |
|||
'views/snippets/home_page_great_work_template.xml', |
|||
'views/snippets/home_page_working_progress_template.xml', |
|||
'views/snippets/home_page_heart_specialists_template.xml', |
|||
'views/snippets/home_page_clients_template.xml', |
|||
'views/snippets/about_us_banner_template.xml', |
|||
'views/snippets/about_us_content_template.xml', |
|||
'views/snippets/about_us_main_service_template.xml', |
|||
'views/snippets/about_us_count_template.xml', |
|||
'views/snippets/about_us_work_best_process_template.xml', |
|||
'views/snippets/services_banner_template.xml', |
|||
'views/snippets/services_container_template.xml', |
|||
'views/snippets/blog_banner.xml', |
|||
'views/snippets/blog_container_snippet.xml', |
|||
'views/snippets/contactus_banner.xml', |
|||
'views/snippets/contactus_snippet.xml', |
|||
'views/snippets/contactus_map.xml', |
|||
'views/snippets.xml', |
|||
'views/homepage_snippets.xml', |
|||
], |
|||
'assets': { |
|||
'web.assets_frontend': [ |
|||
"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css", |
|||
"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js", |
|||
"theme_medicate/static/src/js/swiper.js", |
|||
"theme_medicate/static/src/js/read_more.js", |
|||
"theme_medicate/static/src/css/main.css", |
|||
'theme_medicate/static/src/js/blog_search.js', |
|||
], |
|||
}, |
|||
'images': [ |
|||
'static/description/banner.jpg', |
|||
'static/description/theme_screenshot.jpg', |
|||
], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
'application': False, |
|||
} |
|||
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from . import blog_post |
|||
from . import main |
|||
@ -0,0 +1,77 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
from odoo import http |
|||
from odoo.http import request |
|||
from odoo.addons.website_blog.controllers.main import WebsiteBlog |
|||
|
|||
|
|||
class CustomBlogController(WebsiteBlog): |
|||
@http.route([ '/blog', '/blog/page/<int:page>' ], type='http', |
|||
auth="public", website=True) |
|||
def blog(self, page=1, **kwargs): |
|||
# Define domain for blog posts |
|||
domain = [('website_published', '=', True)] |
|||
|
|||
# Get blog posts |
|||
blog_post = request.env['blog.post'] |
|||
total_posts = blog_post.search_count(domain) |
|||
|
|||
# Pagination |
|||
pager = request.website.pager( |
|||
url='/blog', |
|||
total=total_posts, |
|||
page=page, |
|||
step=12 # Posts per page |
|||
) |
|||
posts = blog_post.search( |
|||
domain, |
|||
limit=12, |
|||
offset=pager['offset'], |
|||
order='post_date desc' |
|||
) |
|||
# Prepare values to pass to template |
|||
values = { |
|||
'posts': posts, |
|||
'pager': pager, |
|||
'opt_blog_sidebar_show': True, # Optional: control sidebar visibility |
|||
} |
|||
return request.render('website_blog.blog_post_short', values) |
|||
|
|||
@http.route(['/blog/<model("blog.post"):blog_post>'], type='http', auth="public", website=True) |
|||
def blog_post(self, blog_post, **kwargs): |
|||
# Values for single blog post view |
|||
values = { |
|||
'blog_post': blog_post, |
|||
'opt_blog_post_sidebar': True, |
|||
} |
|||
return request.render('website_blog.blog_post_complete', values) |
|||
|
|||
|
|||
class BlogPostSearchRedirect(http.Controller): |
|||
@http.route('/product_info', auth='public', type='json') |
|||
def blog_post_search_match(self, query): |
|||
post = request.env['blog.post'].sudo().search( |
|||
[('name', 'ilike', query)], |
|||
limit=1) |
|||
if post: |
|||
return {'url': post.website_url} |
|||
return {} |
|||
@ -0,0 +1,59 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################# |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# |
|||
# Copyright (C) 2025-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
|||
# Author: Cybrosys Techno Solutions (odoo@cybrosys.com) |
|||
# |
|||
# You can modify it under the terms of the GNU LESSER |
|||
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
|||
# |
|||
# This program is distributed in the hope that it will be useful, |
|||
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
|||
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
|||
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
|||
# |
|||
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
|||
# (LGPL v3) along with this program. |
|||
# If not, see <http://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################# |
|||
import logging |
|||
from odoo import http |
|||
from odoo.http import request |
|||
|
|||
|
|||
_logger = logging.getLogger(__name__) |
|||
|
|||
class MenuController(http.Controller): |
|||
"""Controller for handling redirections to various pages based on menu |
|||
clicks. This class defines several routes that redirect users to different |
|||
pages in the website based on the menus clicked. Each method corresponds to |
|||
a specific page in the 'theme_medicate' theme.""" |
|||
|
|||
@http.route('/home', website=True, type='http', auth='public', csrf=False) |
|||
def home_page(self): |
|||
"""Redirect to the home page.""" |
|||
return request.render('theme_medicate.home_page_load_snippet') |
|||
|
|||
@http.route('/contact-us', website=True, type='http', auth='public', csrf=False) |
|||
def contact_us(self): |
|||
"""Redirect to the contact us page.""" |
|||
return request.render('theme_medicate.contactus_template') |
|||
|
|||
@http.route('/about', website=True, type='http', auth='public', csrf=False) |
|||
def about_page(self): |
|||
"""Redirect to the about page.""" |
|||
return request.render('theme_medicate.load_about_us_snippet') |
|||
|
|||
@http.route('/service', website=True, type='http', auth='public', csrf=False) |
|||
def service_page(self): |
|||
"""Redirect to the about page.""" |
|||
return request.render('theme_medicate.load_services_snippet') |
|||
|
|||
@http.route('/read_more', website=True, type='http', auth='public', |
|||
csrf=False) |
|||
def blog_details(self): |
|||
"""Redirect to the portfolio Another Action page.""" |
|||
return request.render('theme_medicate.blog_details_more') |
|||
@ -0,0 +1,6 @@ |
|||
## Module <theme_medicate> |
|||
|
|||
#### 08.07.2025 |
|||
#### Version 18.0.1.0.0 |
|||
#### ADD |
|||
- Initial Commit Theme Medicate |
|||
@ -0,0 +1,646 @@ |
|||
.header-section { background-color:#024c80;} |
|||
|
|||
.poppins-thin { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 100; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-extralight { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 200; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-light { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 300; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-regular { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-medium { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 500; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-semibold { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 600; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-bold { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-extrabold { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 800; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-black { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 900; |
|||
font-style: normal; |
|||
} |
|||
|
|||
.poppins-thin-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 100; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-extralight-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 200; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-light-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 300; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-regular-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 400; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-medium-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 500; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-semibold-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 600; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-bold-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 700; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-extrabold-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 800; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.poppins-black-italic { |
|||
font-family: "Poppins", sans-serif; |
|||
font-weight: 900; |
|||
font-style: italic; |
|||
} |
|||
|
|||
.contact-us-form-container input::placeholder{ |
|||
color: #000 !important; |
|||
} |
|||
.contact-us-form-container textarea::placeholder{ |
|||
color: #000 !important; |
|||
} |
|||
|
|||
|
|||
.call-section img{ width:18px; } |
|||
|
|||
.email-section img{ width:18px; |
|||
margin-left: 20px;} |
|||
|
|||
.social-media-icons img { width:18px; margin: 10px; } |
|||
|
|||
.navbar-brand img { width: 160px;} |
|||
.carousel-item{ position: relative; } |
|||
|
|||
.carousel-content{ position: absolute; z-index:999; top: 187px; left: 227px; } |
|||
.carousel-inner{ height: 484px; } |
|||
|
|||
.container-24-hours{ background-color:#0480e1; font-size:22px; height:287px; } |
|||
|
|||
.container-24-hours img{ width: 255px; } |
|||
|
|||
.container-24-hours span img{ width: 50px; } |
|||
|
|||
.container-doctors-time-table{background-color:#13457a; } |
|||
|
|||
.container-doctors-time-table img{ width:75px; } |
|||
|
|||
.btn-timetable{ background-color:#0480e1; } |
|||
.container-doctors-time-table { height: 287px; } |
|||
.a-time-table{ border-radius:4px; font-size: 14px; } |
|||
|
|||
.opening-time{ background-color:#0480e1; height: 287px; } |
|||
|
|||
.opening-time img { width:75px; } |
|||
.opening-time p{ font-size: 22px; } |
|||
|
|||
.opening-time table{ font-size: 13px; } |
|||
|
|||
.navbar-expand-lg .navbar-nav .nav-link { font-size: 14px; font-weight: 600; } |
|||
.navbar .navbar-collapse { |
|||
margin-left: 30%; |
|||
} |
|||
.section-service{ position: relative; top:-72px;} |
|||
.about-container ul li{ list-style:none; } |
|||
.about-container ul li img{ width:20px; } |
|||
.about-container ul li { margin-bottom:18px; font-size: 16px; } |
|||
|
|||
.swiper { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.swiper-slide { |
|||
text-align: center; |
|||
font-size: 18px; |
|||
background: #fff; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.swiper-slide img { |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: cover; |
|||
} |
|||
|
|||
.facilities-container{ background-color:#e7e9eb; } |
|||
|
|||
.facilities-content{ font-size: 16px; color: #0480e1; } |
|||
|
|||
.facilities-header{ font-size:18px; } |
|||
|
|||
.about-content-right-side{ |
|||
background-image: url(/theme_medicate/static/src/img/pharma-theme-about-content.png); |
|||
background-repeat: no-repeat; |
|||
height: 500px; |
|||
background-size:contain; |
|||
background-position:right; } |
|||
|
|||
.about-count{ width: 40%; text-align: center; float: right; } |
|||
|
|||
.section-great-work{ |
|||
background-image: url(/theme_medicate/static/src/img/pharma-theme-greate-work-do.jpg); |
|||
background-repeat: no-repeat; |
|||
background-size: contain; |
|||
background-position: top; } |
|||
|
|||
.great-work-container img:hover { opacity:.5 ; } |
|||
|
|||
.great-work-container{ background-color:#333; } |
|||
|
|||
.btn-great-work{ position: absolute; |
|||
z-index: 999; |
|||
bottom: 21%; |
|||
left: 104px; |
|||
padding: 16px; background-color: #fff; display: none; } |
|||
|
|||
.btn-great-work a{ color:#0480e1; } |
|||
|
|||
.great-work-container:hover .btn-great-work{ display: block; } |
|||
|
|||
.container-working-progress h3 { font-size: 18px; } |
|||
|
|||
.container-working-progress p { font-size:14px; color:#717171; } |
|||
.container-heart-speclist-name{ |
|||
|
|||
position: absolute; |
|||
background-color: #fff; |
|||
width: 62%; |
|||
bottom: -18px; |
|||
left: 66px; |
|||
padding: 9px; |
|||
|
|||
} |
|||
|
|||
.section-footer{ background-color:#13457a; } |
|||
.about-footer ul li{ list-style:none; display: contents; } |
|||
|
|||
.about-footer ul li img{ width:13%; } |
|||
.container-our-courses{ padding-left: 55px; } |
|||
.container-our-courses h3{ font-size:24px; line-height: 72px; } |
|||
.container-our-courses ul li{ list-style:none; } |
|||
|
|||
.recent-post-img img{ width:82% ; } |
|||
.recent-post-img{ float: left; width: 40%; } |
|||
|
|||
.recent-post{ border-bottom:1px solid #1d5782 ; } |
|||
.phone-icon img{ width:15%; } |
|||
|
|||
.phone-icon span { font-size:16px; padding-left: 4px; } |
|||
|
|||
.copyright-container{ font-size: 14px; border-top:1px solid #155187; } |
|||
|
|||
.container-newsletter{ background-color: #0480e1; |
|||
width:100%; |
|||
margin: auto; |
|||
top: -139px; |
|||
position: relative; } |
|||
|
|||
.btn-submit{ text-align: center; } |
|||
|
|||
.section-clients{ margin-bottom: 90px; } |
|||
|
|||
.container-newsletter img { width:18%; padding-top: 12px; } |
|||
|
|||
.container-newsletter span{ font-size: 26px; |
|||
padding-left: 16px; |
|||
display: block; |
|||
float: right; |
|||
width: 80%; } |
|||
|
|||
.btn-submit { background-color:#ffffff; padding: 20px 63px; } |
|||
|
|||
.input-email-submit{ width:284px; height:65px ; background-color: #0e8be2; border: none; outline: none; } |
|||
|
|||
|
|||
/* About us Page */ |
|||
|
|||
|
|||
.sub-page-banner{ |
|||
background-image: url(/theme_medicate/static/src/img/pharma-theme-about-us-banner.jpg); |
|||
background-repeat: no-repeat; |
|||
height: 400px; |
|||
background-size: cover; } |
|||
|
|||
.abouts-banner-content h3{ font-size:38px; } |
|||
|
|||
.abouts-banner-content { height: 400px; display: table-cell; vertical-align: middle; } |
|||
|
|||
.ul-about-page li{ list-style: none; } |
|||
|
|||
.ul-about-page li img{ width:16px; margin-right:5px; } |
|||
|
|||
.p-about-number{ font-size:32px; } |
|||
|
|||
.phone-number-container span { color: #0e8be2; font-size: 23px; } |
|||
|
|||
.about-service-container { background-color: #ffffff; } |
|||
|
|||
.section-our-main-serice{ background-color:#f4f6f9; } |
|||
|
|||
.about-service-container{ background-color:#fff; } |
|||
|
|||
.about-service-container p{ color: #666666; } |
|||
|
|||
.section-our-main-serice{ padding-bottom: 90px; } |
|||
|
|||
.section-counts{ background-color:#0480df; } |
|||
|
|||
.section-counts h2{ font-size:52px; } |
|||
|
|||
.section-work-best-process{ |
|||
background-color:#14457b; |
|||
background-size:100%; |
|||
background-image: url(/theme_medicate/static/src/img/bg-work-process.jpg); |
|||
background-repeat: no-repeat; |
|||
background-position: bottom; } |
|||
|
|||
/* Services page */ |
|||
|
|||
.service-container .nav{ float: left; |
|||
display: block; |
|||
width:30%; |
|||
text-align: center; |
|||
background-color: #f1f3f6; |
|||
padding: 27px;} |
|||
|
|||
.service-container .tab-content{ float: right; width: 65%; } |
|||
|
|||
.service-container .nav-pills .nav-link{ text-align: left; |
|||
background-color: #fff; |
|||
margin-top: 12px; |
|||
padding: 13px; color: #333333; border: 1px solid #fff; font-size: 15px; } |
|||
|
|||
.service-container .nav-pills .nav-link.active, .nav-pills .show > .nav-link { |
|||
background-color: #fff; |
|||
color: #000; |
|||
border: 1px solid #0480df; } |
|||
|
|||
.tab-content-service h3{ font-size: 34px; } |
|||
|
|||
.tab-content-service p{ font-size: 14px; color: #333; } |
|||
|
|||
.tab-content-service ul li{ list-style: none; } |
|||
|
|||
.tab-content-service ul li span img{ width:18px; } |
|||
|
|||
.ul-tab-contents{ margin-right: 110px; } |
|||
|
|||
.container-service-eyecare img { width:90%; } |
|||
|
|||
.service-container { margin-bottom:146px !important; } |
|||
|
|||
/* contact us */ |
|||
|
|||
.contact-us-container p{ color:#6E6E6E; font-size: 16px; } |
|||
|
|||
.section-contact-us { margin-bottom:80px; } |
|||
|
|||
.container-get-in-touch{ |
|||
padding:100px; |
|||
-webkit-box-shadow: 1px -2px 13px -3px rgba(0,0,0,0.25); |
|||
-moz-box-shadow: 1px -2px 13px -3px rgba(0,0,0,0.25); |
|||
box-shadow: 1px -2px 13px -3px rgba(0,0,0,0.25); |
|||
} |
|||
|
|||
.btn-send-message{ background-color: #2490eb; border-radius:8px; } |
|||
|
|||
.container-send-message-btn{ display: block; margin-top: 46px;} |
|||
|
|||
/* blog page */ |
|||
|
|||
.icons-container{ border-bottom: 1px solid #d4d3d3; } |
|||
|
|||
.icons-container span{ color: #7e7e7e; font-size: 14px; } |
|||
|
|||
.blog-container{ -webkit-box-shadow: 1px -2px 13px -3px rgba(0,0,0,0.25); |
|||
-moz-box-shadow: 1px -2px 13px -3px rgba(0,0,0,0.25); |
|||
box-shadow: 1px -2px 13px -3px rgba(0,0,0,0.25); position: relative; } |
|||
|
|||
.blog-month-date{ background-color: #2490eb ; position: absolute; border-radius: 8px; top:471px; |
|||
left: 26px; } |
|||
|
|||
.blog-search-container{ background-color:#047fdc; } |
|||
|
|||
.blog-search-container button { width: 48px; height:38px; |
|||
background-color:#14457b; |
|||
box-shadow: none; border: none; |
|||
background-image: url(/theme_medicate/static/src/img/images/seach-icon-blog.png); |
|||
background-repeat: no-repeat; |
|||
background-position: center; } |
|||
|
|||
.right-side-menus h3{ font-weight:600; } |
|||
|
|||
.right-side-menus{ background-color:#ececec; } |
|||
|
|||
.right-side-menus ul li{ list-style: none; } |
|||
|
|||
.right-side-menus ul li a{ display: block; } |
|||
|
|||
|
|||
input::placeholder { |
|||
color:#fff; |
|||
opacity: 0.5; |
|||
} |
|||
|
|||
.navbar-toggler{ |
|||
background-image: url(/theme_medicate/static/src/img/menu.png); |
|||
background-repeat: no-repeat; |
|||
background-size: 58%; } |
|||
|
|||
.section-heart-specilits { margin-top: 30px; } |
|||
.section-great-work { margin-top: 82px !important; } |
|||
.section-about-content{ margin-top: 82px !important; } |
|||
.section-what-facilities-provided{ margin-top: 82px !important; } |
|||
.section-about{ margin-top: 42px; } |
|||
|
|||
.container-newsletter{ top:-54px !important; } |
|||
.icons-container img{ width: 4% !important; } |
|||
|
|||
|
|||
@media (max-width:1200px) { |
|||
|
|||
.blog-month-date{ top:384px; } |
|||
.btn-submit { |
|||
padding: 20px 44px; |
|||
} |
|||
.container-our-courses ul{ margin-left: 0px !important; } |
|||
.section-about-page-content h3{ margin-top: 12px; } |
|||
|
|||
.icons-container img{ width: 4% !important; } |
|||
|
|||
} |
|||
|
|||
@media (max-width:991px) { |
|||
|
|||
.section-footer .footer-contact-us{ padding-left: 0px !important; } |
|||
|
|||
.blog-month-date{ top:384px; } |
|||
.container-service-eyecare img{ margin-top: 12px; } |
|||
.blog-img{ margin: 15px 0px; } |
|||
|
|||
.container-newsletter{ top:-54px !important; } |
|||
.container-our-courses ul{ margin-left:0px !important; } |
|||
.container-our-courses{ padding-left: 0px !important; } |
|||
.container-our-courses h3 { text-align: left; } |
|||
.container-newsletter img{ padding-bottom: 26px; width: 12% !important; } |
|||
.container-doctors-time-table{ margin:12px 0px; } |
|||
.about-container{ padding-top: 12px; } |
|||
.about-content .a-time-table{ margin:11px 0px !important; } |
|||
.carousel-control-prev, .carousel-control-next{ height: 67%; } |
|||
|
|||
.about-footer img { width:50% !important ; } |
|||
|
|||
.about-footer ul li a img{ width: 8% !important; } |
|||
.phone-icon img { width: 5% !important; } |
|||
.recent-post-img { width: 18% !important; } |
|||
.navbar-nav .nav-item { margin-left: 0px !important; } |
|||
|
|||
} |
|||
|
|||
@media (max-width: 768px) { |
|||
|
|||
.carousel-control-prev{ height: 62%; } |
|||
.carousel-control-next{ height: 62%; } |
|||
.container-doctors-time-table { margin:20px 0px; } |
|||
.about-container { margin-top: 35px; } |
|||
.about-content{ padding-top: 0px !important; } |
|||
.about-content a { margin-top: 10px !important; |
|||
margin-bottom: 22px; } |
|||
|
|||
.section-footer .container-our-courses { |
|||
padding-left: 0px !important; |
|||
} |
|||
|
|||
.container-our-courses ul{ margin-left: 0px !important; } |
|||
|
|||
.container-our-courses h3{ text-align: left; } |
|||
|
|||
.container-email-form{ margin-top: 30px; float: left; width: 100%; } |
|||
|
|||
.navbar-nav .nav-item { margin-left: 0px !important; } |
|||
.btn-great-work{ left: 4px; } |
|||
.section-about-page-content h3{ margin-top: 12px; } |
|||
|
|||
.section-about-page-content .ul-about-page { margin-top: 0px !important; } |
|||
.container-best-process { margin-top: 15px !important; } |
|||
.container-service-eyecare img{ margin-top: 20px; } |
|||
|
|||
.service-container .nav{ width: 100%; } |
|||
.service-container .tab-content{ width: 100%; } |
|||
|
|||
.container-service-eyecare img { width: 100%; } |
|||
.input-email-submit{ width: 100%; } |
|||
.container-email-form .btn-submit{ |
|||
width: 100%; margin-left: 0px !important; margin-top: 12px;} |
|||
.ul-tab-contents{ width: 100%; margin-right: 0px; } |
|||
.service-container .tab-pane{ padding: 0px !important;margin-top: 12px; } |
|||
.container-newsletter{ top:-49px !important; } |
|||
.contact-textarea { width: 50.5% !important; } |
|||
|
|||
.blog-month-date{ top:270px; } |
|||
|
|||
.blog-img{ margin: 15px 0px;} |
|||
|
|||
.about-footer img { width:50% !important ; } |
|||
|
|||
.about-footer ul li a img{ width: 8% !important; } |
|||
.phone-icon img { width: 5% !important; } |
|||
.recent-post-img { width: 18% !important; } |
|||
|
|||
} |
|||
|
|||
@media (max-width:568px) { |
|||
.btn-great-work{ left:7px; } |
|||
.blog-month-date { |
|||
top:272px; |
|||
} |
|||
.container-email-form .btn-submit { margin-left: 50px ; width: 100%; margin-top:0px; text-align: center;} |
|||
|
|||
.input-email-submit{ width: 100%; } |
|||
|
|||
.section-about-page-content h3{ margin-top: 12px; } |
|||
.about-service-container .ul-about-page { margin-top: 0px !important; } |
|||
|
|||
.container-best-process { margin-top: 15px !important; } |
|||
.container-newsletter{ top:-54px !important; } |
|||
.contact-textarea{ width: 110% !important; } |
|||
|
|||
} |
|||
|
|||
@media (max-width: 468px) { |
|||
.blog-month-date { |
|||
top: 164px; |
|||
} |
|||
} |
|||
.container-email-form .btn-submit { margin-left: 20px ; width: 100%; margin-top: 14px; text-align: center; } |
|||
|
|||
.py-2 { |
|||
padding-top: 0.0rem !important; |
|||
padding-bottom: 0.0rem !important; |
|||
} |
|||
|
|||
.p-4 { |
|||
padding: 1.5rem!important; |
|||
} |
|||
|
|||
.mt-5, .my-5 { |
|||
margin-top: 3rem!important; |
|||
} |
|||
.w-100 { |
|||
width: 100%!important; |
|||
} |
|||
.float-left { |
|||
float: left!important; |
|||
} |
|||
.blog-search-container { |
|||
background-color: #047fdc; |
|||
} |
|||
*, ::after, ::before { |
|||
box-sizing: border-box; |
|||
} |
|||
user agent stylesheet |
|||
div { |
|||
display: block; |
|||
text-white { |
|||
color: #fff!important; |
|||
} |
|||
|
|||
.pl-3, .px-3 { |
|||
padding-left: 1rem!important; |
|||
} |
|||
.pr-3, .px-3 { |
|||
padding-right: 1rem!important; |
|||
} |
|||
.pb-2, .py-2 { |
|||
padding-bottom: 0.5rem!important; |
|||
} |
|||
.pt-2, .py-2 { |
|||
padding-top: 0.5rem!important; |
|||
} |
|||
@media (max-width: 1200px) |
|||
.blog-month-date { |
|||
top: 384px; |
|||
} |
|||
.blog-month-date { |
|||
background-color: #2490eb; |
|||
position: absolute; |
|||
border-radius: 8px; |
|||
border-top-left-radius: 8px; |
|||
border-top-right-radius: 8px; |
|||
border-bottom-right-radius: 8px; |
|||
border-bottom-left-radius: 8px; |
|||
top: 471px; |
|||
left: 26px; |
|||
} |
|||
text-uppercase { |
|||
text-transform: uppercase!important; |
|||
} |
|||
|
|||
.w-100 { |
|||
width: 100%!important; |
|||
} |
|||
.float-left { |
|||
float: left!important; |
|||
} |
|||
.icons-container { |
|||
border-bottom: 1px solid #d4d3d3; |
|||
} |
|||
.icons-container img { |
|||
width: 4% !important; |
|||
} |
|||
|
|||
.mr-2, .mx-2 { |
|||
margin-right: 0.5rem!important; |
|||
} |
|||
img { |
|||
vertical-align: middle; |
|||
border-style: none; |
|||
} |
|||
.font-weight-bold { |
|||
font-weight: 700!important; |
|||
} |
|||
.a-time-table { |
|||
border-radius: 4px; |
|||
font-size: 14px; |
|||
border-top-left-radius: 4px; |
|||
border-top-right-radius: 4px; |
|||
border-bottom-right-radius: 4px; |
|||
border-bottom-left-radius: 4px; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.btn-timetable { |
|||
background-color: #0480e1; |
|||
} |
|||
.mb-2, .my-2 { |
|||
margin-bottom: 0.5rem!important; |
|||
} |
|||
|
|||
.mt-2, .my-2 { |
|||
margin-top: 0.5rem!important; |
|||
} |
|||
.pl-0, .px-0 { |
|||
padding-left: 0!important; |
|||
} |
|||
|
|||
.mt-4, .my-4 { |
|||
margin-top: 1.5rem!important; |
|||
} |
|||
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 5.6 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.6 MiB |
|
After Width: | Height: | Size: 3.4 MiB |
|
After Width: | Height: | Size: 3.8 MiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 3.8 MiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 958 KiB |
|
After Width: | Height: | Size: 1.7 MiB |
|
After Width: | Height: | Size: 4.1 MiB |
|
After Width: | Height: | Size: 3.3 MiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 151 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 885 B |
@ -0,0 +1,414 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>app index</title> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" /> |
|||
<link rel="preconnect" href="https://fonts.googleapis.com"> |
|||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
|||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
|||
rel="stylesheet"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
|||
<style> |
|||
:root { |
|||
--primary-color: #2390EB; |
|||
--bg-white: #fff; |
|||
--text-color: #121212; |
|||
--text-color-light: #64728f; |
|||
} |
|||
|
|||
body { |
|||
font-family: "Montserrat", sans-serif; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- overview --> |
|||
<div class="container"> |
|||
|
|||
<!-- support-header --> |
|||
|
|||
<div class="supports my-3 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
|||
<div class="row justify-content-between"> |
|||
<div class="col-4"> |
|||
<div class="my-3"> |
|||
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35" |
|||
style="width:auto !important; height:40px !important"> |
|||
</div> |
|||
</div> |
|||
<div class="col-6"> |
|||
<div class="row" style="margin-top:10px"> |
|||
|
|||
<div class="my-3 d-flex align-items-center justify-content-end"> |
|||
<span class="me-3"><b>Supports: </b></span> |
|||
<div class="text-center" |
|||
style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
|||
Community |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="row" style="margin-top:10px"> |
|||
<div class="d-flex align-items-center justify-content-end"> |
|||
<span class="me-3"><b>Availability: </b></span> |
|||
<div class="text-center col" |
|||
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-times" style="color:red"></i> Odoo Online |
|||
</div> |
|||
<div class="text-center col" |
|||
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-times" style="color:red"></i> Odoo.sh |
|||
</div> |
|||
<div class="text-center col" |
|||
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
|||
<i class="fa fa-times" style="color:red"></i> On Premise |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!-- logo-banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-logo-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!-- banner-section --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!-- responsive banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-responsive-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
|
|||
<!-- --> |
|||
|
|||
<!--feature card section --> |
|||
|
|||
<div class="my-3" style="padding: 100px; background-color: #E1ECF6; border-radius: 16px;"> |
|||
<div class="container"> |
|||
<div class="row mb-60"> |
|||
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3"> |
|||
<div class="position-relative" ; style=" |
|||
text-align: center; |
|||
font-size: 46.875px; |
|||
font-style: normal; |
|||
padding-bottom: 40px; "> |
|||
<h2 style="font-weight: 600;">Our Features</h2> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="row g-4"> |
|||
<div class="col-lg-4 col-md-6" style="visibility: visible;"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 30px; |
|||
padding: 35px 30px; |
|||
text-align: center;"> |
|||
<div class="content"> |
|||
<img src="images/pages.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;"> Custom Designed Snippets for better user experience </a></h4> |
|||
<p style="font-size: 14px; color: #556171; margin: 0;">Optimized Code Snippets for Enhanced User Experience.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff; height: 100%; |
|||
border-radius: 30px; |
|||
padding: 35px 30px;text-align: center;"> |
|||
<div class="content"> |
|||
<img src="images/support.svg" class="img-responsive" height="46px" width="46px"> |
|||
|
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Fully Customized AboutUs page </a></h4> |
|||
<p style="font-size: 14px; color: #556171; margin: 0;">Key information about the Hospital and includes sections dedicated to showcasing Facilities, giving visitors insight into the qualities.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff; height: 100%; |
|||
border-radius: 30px; |
|||
padding: 35px 30px;text-align: center;"> |
|||
<div class="content"> |
|||
<img src="images/support.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Contains Location and Services by Default </a></h4> |
|||
<p style="font-size: 14px; color: #556171; margin: 0;">Showcases services or items in an elegant and visually appealing layout.</p> |
|||
</div> |
|||
|
|||
</a> |
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 30px; |
|||
padding: 35px 30px;text-align: center;"> |
|||
<div class="content"> |
|||
<img src="images/clean-code.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Features dynamic elements </a></h4> |
|||
<p style="font-size: 14px; color: #556171; margin: 0;">Features dynamic elements like sliders and testimonials.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 30px; |
|||
padding: 35px 30px;text-align: center;"> |
|||
<div class="content"> |
|||
<img src="images/font.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">A Clean layout and Style </a></h4> |
|||
<p style="font-size: 14px; color: #556171; margin: 0;">Modern, Clean Interface with Premium Typography.</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="col-lg-4 col-md-6"> |
|||
<div style="background-color: #fff;height: 100%; |
|||
border-radius: 30px; |
|||
padding: 35px 30px;text-align: center;"> |
|||
<div class="content"> |
|||
<img src="images/resposnive.svg" class="img-responsive" height="46px" width="46px"> |
|||
<h4 class="mt-3"><a href="#" style=" color: #121212; |
|||
font-size: 18px; |
|||
text-decoration: none; |
|||
font-weight: 700; |
|||
line-height: 1.2;">Fully Responsive Theme with a Premium Design </a></h4> |
|||
<p style="font-size: 14px; color: #556171; margin: 0;">Premium Responsive Design for All Devices</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- feature banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-feature-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!-- card-column --> |
|||
<div class="my-3"> |
|||
<div class="row"> |
|||
<div class="col-md-6"> |
|||
<img src="images/medicate-product-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
<div class="col-md-6"> |
|||
<img src="images/medicate-product-banner-2.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!-- facility-banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-facility-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!-- about-banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-about-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!-- service-banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-service-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
|
|||
<!-- blog-banner --> |
|||
<div class="my-3"> |
|||
<img src="images/medicate-blog-banner.png" class="img-fluid" style="width: 100%;"> |
|||
</div> |
|||
<!-- --> |
|||
|
|||
<!-- --> |
|||
|
|||
<div class="my-3"> |
|||
<!-- banner card --> |
|||
|
|||
|
|||
|
|||
<!-- service-section --> |
|||
|
|||
<section id="services" class="" style="border-radius: 16px; |
|||
border: 1px solid #EBEEF2; |
|||
background-color: #FFF; |
|||
padding: 60px 40px; |
|||
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> |
|||
<div class="text-center mt-4"> |
|||
<h3 class="mb-0" style="color: #000; |
|||
text-align: center; |
|||
font-family: Montserrat; |
|||
font-size: 40px; |
|||
font-style: normal; |
|||
font-weight: 700; |
|||
line-height: normal; |
|||
text-transform: uppercase; |
|||
padding-bottom: 50px;">Our Services</h3> |
|||
</div> |
|||
<div class="row mt-3"> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/gear.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;"> Odoo Customization</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/wrench-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;"> Odoo Implementation</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/life-ring-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Support</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/arrows-repeat.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Migration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo integration</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Consultancy</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/odoo-licencing.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Odoo Licensing</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
<div class="col-lg-3 col-sm-12 mb-3"> |
|||
<a href="#" style="text-decoration:none"> |
|||
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
|||
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;"> |
|||
|
|||
<div class="d-flex justify-content-center align-items-center" |
|||
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> |
|||
<img src="images/hire-odoo.svg" class="img-responsive" height="28px" width="28px"> |
|||
</div> |
|||
<span class="mt-3" style="font-size: 18px; |
|||
color: #121212; |
|||
font-weight: 600;">Hire Odoo Developer</span> |
|||
</div> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
<!-- --> |
|||
</section> |
|||
<!-- --> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
|||
|
|||
</html> |
|||
|
After Width: | Height: | Size: 660 KiB |
|
After Width: | Height: | Size: 9.5 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 566 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 168 KiB |
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 918 KiB |
|
After Width: | Height: | Size: 974 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
After Width: | Height: | Size: 254 KiB |
|
After Width: | Height: | Size: 259 KiB |
|
After Width: | Height: | Size: 290 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 3.0 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 664 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 531 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 993 KiB |
|
After Width: | Height: | Size: 7.5 KiB |
|
After Width: | Height: | Size: 950 KiB |
|
After Width: | Height: | Size: 813 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 20 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 58 KiB |
|
After Width: | Height: | Size: 57 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 222 KiB |
|
After Width: | Height: | Size: 243 KiB |
|
After Width: | Height: | Size: 287 KiB |
|
After Width: | Height: | Size: 237 KiB |
|
After Width: | Height: | Size: 291 KiB |
|
After Width: | Height: | Size: 298 KiB |