Merge branch 'dev_odex25_base' of https://github.com/expsa/odex25-standard-modules into bakry_base
This commit is contained in:
Bakry
commit
15d1253b4e
|
|
@ -0,0 +1,17 @@
|
|||
name: Twahod Project - Pull Code
|
||||
|
||||
on:
|
||||
workflow_dispatch:
|
||||
|
||||
jobs:
|
||||
deploy_master_server:
|
||||
name: Deploy to Master
|
||||
runs-on: twahod-client-project-runner
|
||||
if: github.event_name == 'workflow_dispatch' && (github.ref == 'refs/heads/master_odex-event' || github.ref == 'refs/heads/master_odex25_accounting' || github.ref == 'refs/heads/master_odex25_base' || github.ref == 'refs/heads/master_odex25_dms' || github.ref == 'refs/heads/master_odex25_fleet' || github.ref == 'refs/heads/master_odex25_ENSAN' || github.ref == 'refs/heads/master_odex25_hr' || github.ref == 'refs/heads/master_odex25_inventory' || github.ref == 'refs/heads/master_odex25_maintenance' || github.ref == 'refs/heads/master_odex25_mobile' || github.ref == 'refs/heads/master_odex25_pos' || github.ref == 'refs/heads/master_odex25_project' || github.ref == 'refs/heads/master_odex25_purchase' || github.ref == 'refs/heads/master_odex25_realstate' || github.ref == 'refs/heads/master_odex25_sales' || github.ref == 'refs/heads/master_odex25_survey' || github.ref == 'refs/heads/master_odex25_transactions' || github.ref == 'refs/heads/master_odex25_website' || github.ref == 'refs/heads/master_openeducat_erp-14.0.1.0' || github.ref == 'refs/heads/master_odex25_ensan')
|
||||
steps:
|
||||
- name: Checkout And Restart Project
|
||||
run: |
|
||||
echo "** [INFO] Running on branch --> ${GITHUB_REF#refs/heads/}"
|
||||
|
||||
sudo chmod +x ${{ secrets.TWAHOD_STANDARD_FOLDER_PATH }}/scripts/pull_code.sh
|
||||
sudo ${{ secrets.TWAHOD_STANDARD_FOLDER_PATH }}/scripts/pull_code.sh ${{ secrets.TWAHOD_PROJECT_USER }} ${{ secrets.TWAHOD_STANDARD_FOLDER_PATH }} ${{ secrets.TWAHOD_MASTER_SERVICE }} master ${GITHUB_REF#refs/heads/master_} ${GITHUB_REF#refs/heads/}
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
|
||||
from . import controllers
|
||||
from . import models
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
{
|
||||
'name': "odex_new_website",
|
||||
|
||||
'author' : 'Expert Co. Ltd.',
|
||||
'website': 'https://www.exp-sa.com',
|
||||
'category' : 'website',
|
||||
'version' : '14.0',
|
||||
|
||||
# for the full list
|
||||
'category': 'Uncategorized',
|
||||
'version': '0.1',
|
||||
|
||||
'depends': ['base','website'],
|
||||
|
||||
# always loaded
|
||||
'data': [
|
||||
# 'security/ir.model.access.csv',
|
||||
'template/index.xml',
|
||||
'template/footer.xml',
|
||||
'template/header.xml',
|
||||
'template/courses.xml',
|
||||
'template/resources.xml',
|
||||
],
|
||||
# only loaded in demonstration mode
|
||||
'demo': [
|
||||
'demo/demo.xml',
|
||||
],
|
||||
}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
|
||||
from . import controllers
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
from odoo import http
|
||||
from odoo.http import request
|
||||
|
||||
class OdexNewWebsite(http.Controller):
|
||||
@http.route('/', type='http', auth='public', website=True)
|
||||
def home(self, **kw):
|
||||
return request.render("odex_new_website.home")
|
||||
|
||||
@http.route('/courses', type='http', auth='public', website=True)
|
||||
def courses(self, **kw):
|
||||
return request.render("odex_new_website.courses")
|
||||
|
||||
# @http.route('/odex_new_website/odex_new_website/objects/', auth='public')
|
||||
# def list(self, **kw):
|
||||
# return http.request.render('odex_new_website.listing', {
|
||||
# 'root': '/odex_new_website/odex_new_website',
|
||||
# 'objects': http.request.env['odex_new_website.odex_new_website'].search([]),
|
||||
# })
|
||||
|
||||
# @http.route('/odex_new_website/odex_new_website/objects/<model("odex_new_website.odex_new_website"):obj>/', auth='public')
|
||||
# def object(self, obj, **kw):
|
||||
# return http.request.render('odex_new_website.object', {
|
||||
# 'object': obj
|
||||
# })
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<odoo>
|
||||
<data>
|
||||
<!--
|
||||
<record id="object0" model="odex_new_website.odex_new_website">
|
||||
<field name="name">Object 0</field>
|
||||
<field name="value">0</field>
|
||||
</record>
|
||||
|
||||
<record id="object1" model="odex_new_website.odex_new_website">
|
||||
<field name="name">Object 1</field>
|
||||
<field name="value">10</field>
|
||||
</record>
|
||||
|
||||
<record id="object2" model="odex_new_website.odex_new_website">
|
||||
<field name="name">Object 2</field>
|
||||
<field name="value">20</field>
|
||||
</record>
|
||||
|
||||
<record id="object3" model="odex_new_website.odex_new_website">
|
||||
<field name="name">Object 3</field>
|
||||
<field name="value">30</field>
|
||||
</record>
|
||||
|
||||
<record id="object4" model="odex_new_website.odex_new_website">
|
||||
<field name="name">Object 4</field>
|
||||
<field name="value">40</field>
|
||||
</record>
|
||||
-->
|
||||
</data>
|
||||
</odoo>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
|
||||
from . import models
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
# -*- coding: utf-8 -*-
|
||||
|
||||
# from odoo import models, fields, api
|
||||
|
||||
|
||||
# class odex_new_website(models.Model):
|
||||
# _name = 'odex_new_website.odex_new_website'
|
||||
# _description = 'odex_new_website.odex_new_website'
|
||||
|
||||
# name = fields.Char()
|
||||
# value = fields.Integer()
|
||||
# value2 = fields.Float(compute="_value_pc", store=True)
|
||||
# description = fields.Text()
|
||||
#
|
||||
# @api.depends('value')
|
||||
# def _value_pc(self):
|
||||
# for record in self:
|
||||
# record.value2 = float(record.value) / 100
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink
|
||||
access_odex_new_website_odex_new_website,odex_new_website.odex_new_website,model_odex_new_website_odex_new_website,base.group_user,1,1,1,1
|
||||
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 332 B |
Binary file not shown.
|
After Width: | Height: | Size: 757 B |
Binary file not shown.
|
After Width: | Height: | Size: 362 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 693 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 343 B |
Binary file not shown.
|
After Width: | Height: | Size: 731 B |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 668 B |
Binary file not shown.
|
After Width: | Height: | Size: 965 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 345 B |
Binary file not shown.
|
After Width: | Height: | Size: 8.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
Binary file not shown.
|
After Width: | Height: | Size: 773 B |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 582 B |
Binary file not shown.
|
After Width: | Height: | Size: 736 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 559 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 846 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 356 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 774 B |
Binary file not shown.
|
After Width: | Height: | Size: 755 B |
|
|
@ -0,0 +1,125 @@
|
|||
odoo.define('odex_new_website.custom_scripts', function (require) {
|
||||
"use strict";
|
||||
|
||||
$(document).ready(function () {
|
||||
// TEMPORARY: Clear the 'firstVisit' flag for testing
|
||||
localStorage.removeItem('firstVisit');
|
||||
|
||||
// Hide the main content, header, and footer initially
|
||||
const mainContent = $('#main-content');
|
||||
const websiteHeader = $('#top');
|
||||
const websiteFooter = $('footer');
|
||||
|
||||
// Check if we are on the home page
|
||||
const isHomePage = window.location.pathname === '/';
|
||||
|
||||
// Only hide on home page
|
||||
if (isHomePage) {
|
||||
mainContent.hide();
|
||||
websiteHeader.hide();
|
||||
websiteFooter.hide();
|
||||
} else {
|
||||
websiteHeader.show();
|
||||
websiteFooter.show();
|
||||
mainContent.show();
|
||||
}
|
||||
|
||||
// First Visit Entrance Layer
|
||||
const firstVisit = localStorage.getItem('firstVisit');
|
||||
const entranceLayer = $('#entrance-layer');
|
||||
|
||||
if (!firstVisit) {
|
||||
// Show the entrance layer by setting display to 'flex'
|
||||
entranceLayer.css('display', 'flex');
|
||||
localStorage.setItem('firstVisit', 'true');
|
||||
|
||||
// GSAP Timeline for entrance animation
|
||||
const loader = gsap.timeline();
|
||||
loader.to('.inner-progress', { duration: 3.5, height: '100%' })
|
||||
.set(".slogan #logo-container .image #path-e, .slogan #logo-container .image #path-other", { opacity: 0, scale: 0.7, filter: "blur(10px)" }, .7)
|
||||
.to(".slogan #logo-container .image #path-e, .slogan #logo-container .image #path-other", { duration: 1, opacity: 1, scale: 1, filter: "blur(0px)", ease: "power1.out" }, .9)
|
||||
.fromTo(".our-slogan-title span",{ opacity: 0, y: 50, filter: "blur(10px)" }, { duration: 1, opacity: 1, y: 0, filter: "blur(0px)", stagger: 0.1 }, 1)
|
||||
.to('#logo-container', { duration: 1, opacity: 0, filter: "blur(10px)", x: 20 })
|
||||
.to('.our-slogan-title', { duration: 1, opacity: 0, filter: "blur(10px)", x: 20 }, '-=1')
|
||||
.to('.progress', { duration: 1, opacity: 0, filter: "blur(10px)", x: 20 }, '-=1')
|
||||
.eventCallback("onComplete", () => {
|
||||
// After the entrance animation completes, slide up the entrance layer
|
||||
setTimeout(() => {
|
||||
// Start fading in the main content, header, and footer during entrance animation
|
||||
mainContent.fadeIn(500);
|
||||
websiteHeader.fadeIn(500);
|
||||
websiteFooter.fadeIn(500);
|
||||
|
||||
// Slide up the entrance layer
|
||||
entranceLayer.slideUp(600);
|
||||
});
|
||||
});
|
||||
|
||||
} else {
|
||||
// If it's not the first visit, show the main content, header, and footer immediately
|
||||
if (isHomePage) {
|
||||
mainContent.show();
|
||||
websiteHeader.show();
|
||||
websiteFooter.show();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// Function to manage visibility of header and footer on other pages
|
||||
function showHeaderFooter() {
|
||||
const websiteHeader = $('#top');
|
||||
const websiteFooter = $('footer');
|
||||
|
||||
// Show header and footer
|
||||
websiteHeader.fadeIn(500);
|
||||
websiteFooter.fadeIn(500);
|
||||
|
||||
// Debugging
|
||||
console.log('Header and footer displayed:', websiteHeader.css('display'), websiteFooter.css('display'));
|
||||
}
|
||||
|
||||
// Initialize Barba.js for Page Transitions
|
||||
if (typeof barba !== 'undefined') {
|
||||
barba.init({
|
||||
transitions: [{
|
||||
leave(data) {
|
||||
// Code for transition out animation can be added here if needed
|
||||
console.log('Leaving page:', data.current.url);
|
||||
},
|
||||
enter(data) {
|
||||
const entranceLayer = $('#entrance-layer');
|
||||
|
||||
// Always reset header and footer visibility at the beginning of the enter transition
|
||||
$('#top').css('display', 'block');
|
||||
$('footer').css('display', 'block');
|
||||
|
||||
// Show header and footer at the start of the transition
|
||||
showHeaderFooter();
|
||||
|
||||
console.log('Entering page:', data.next.url);
|
||||
|
||||
// Check if entering the home page
|
||||
if (data.next.url === '/') {
|
||||
entranceLayer.css('display', 'flex');
|
||||
|
||||
// Show the entrance layer for a short duration
|
||||
setTimeout(() => {
|
||||
// Start fading in main content, header, and footer during entrance animation
|
||||
$('#main-content').fadeIn(500);
|
||||
$('#top').fadeIn(500);
|
||||
$('footer').fadeIn(500);
|
||||
|
||||
// Slide up the entrance layer
|
||||
entranceLayer.slideUp(1000);
|
||||
}, 4000);
|
||||
} else {
|
||||
// For other pages, ensure main content is shown immediately
|
||||
$('#main-content').fadeIn(500);
|
||||
}
|
||||
}
|
||||
}]
|
||||
});
|
||||
} else {
|
||||
console.error('Barba.js is not defined. Make sure it is included in your project.');
|
||||
}
|
||||
});
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
$(document).ready(function () {
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
const tabButtonsCourses = document.querySelectorAll(".courses_section .tab-btn");
|
||||
const trainingFieldContents = document.querySelectorAll(".training_field");
|
||||
const allCoursesLinks = document.querySelectorAll(".all_courses");
|
||||
|
||||
function openTabCourses(tabIndex) {
|
||||
trainingFieldContents.forEach((content) => {
|
||||
content.style.display = "none";
|
||||
});
|
||||
|
||||
tabButtonsCourses.forEach((button) => {
|
||||
button.classList.remove("active");
|
||||
});
|
||||
|
||||
if (trainingFieldContents.length > 0) {
|
||||
if (tabIndex === 0) {
|
||||
trainingFieldContents[0].style.display = "block";
|
||||
} else {
|
||||
if (tabIndex < trainingFieldContents.length) {
|
||||
trainingFieldContents[tabIndex].style.display = "block";
|
||||
}
|
||||
}
|
||||
|
||||
tabButtonsCourses[tabIndex].classList.add("active");
|
||||
}
|
||||
|
||||
ScrollTrigger.refresh();
|
||||
}
|
||||
|
||||
tabButtonsCourses.forEach((button, index) => {
|
||||
button.addEventListener("click", function () {
|
||||
openTabCourses(index);
|
||||
});
|
||||
});
|
||||
|
||||
allCoursesLinks.forEach((link) => {
|
||||
link.addEventListener("click", function (e) {
|
||||
e.preventDefault();
|
||||
openTabCourses(0);
|
||||
});
|
||||
});
|
||||
|
||||
openTabCourses(0);
|
||||
|
||||
|
||||
function initGsapForLargeScreens() {
|
||||
if (window.innerWidth >= 1366) {
|
||||
gsap.to('.courses_categories_sidebar', {
|
||||
scrollTrigger: {
|
||||
trigger: ".courses_list_container",
|
||||
start: "top 20%",
|
||||
end: "bottom",
|
||||
pin: ".courses_categories_sidebar",
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
initGsapForLargeScreens();
|
||||
window.addEventListener('resize', initGsapForLargeScreens);
|
||||
|
||||
})
|
||||
|
|
@ -0,0 +1,175 @@
|
|||
$(document).ready(function () {
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Navbar // Hide Navbar Up
|
||||
const showAnim = gsap.from("nav.navbar", { yPercent: -100, paused: true, duration: 0.2 }).progress(1);
|
||||
|
||||
// Navbar // Global ScrollTrigger to show the navbar anytime we scroll up
|
||||
let lastScrollY = window.scrollY;
|
||||
|
||||
window.addEventListener("scroll", function () {
|
||||
let currentScrollY = window.scrollY;
|
||||
|
||||
if (currentScrollY < lastScrollY) {
|
||||
// Scroll up detected
|
||||
showAnim.play();
|
||||
} else if (currentScrollY > lastScrollY) {
|
||||
// Scroll down detected
|
||||
showAnim.reverse();
|
||||
}
|
||||
lastScrollY = currentScrollY;
|
||||
});
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Navbar // Animate Navbar Background Based on Page & Element Existence
|
||||
const navbar = document.querySelector("nav.navbar");
|
||||
|
||||
// Initial state
|
||||
gsap.set(navbar, {
|
||||
background: "transparent"
|
||||
});
|
||||
|
||||
// Function to check and update navbar background
|
||||
function updateNavbarBackground() {
|
||||
const scrollY = window.scrollY;
|
||||
const coursesContainer = document.querySelector('.courses_show_case_container');
|
||||
|
||||
if (coursesContainer && scrollY > coursesContainer.offsetTop - 100) {
|
||||
if ($('#entrance-layer').is(':hidden')) {
|
||||
gsap.to(navbar, {
|
||||
background: "linear-gradient(210.92deg, #0CB28B 10.45%, #0C3A5A 93.09%)",
|
||||
duration: 0.5
|
||||
});
|
||||
}
|
||||
} else {
|
||||
gsap.to(navbar, {
|
||||
background: "transparent",
|
||||
duration: 0.5
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
if (document.querySelector('.courses_show_case_container')) {
|
||||
ScrollTrigger.create({
|
||||
trigger: ".courses_show_case_container",
|
||||
start: "top-=100px top",
|
||||
end: "+=100px",
|
||||
scrub: true,
|
||||
onEnter: () => {
|
||||
if ($('#entrance-layer').is(':hidden')) {
|
||||
gsap.to(navbar, {
|
||||
background: "linear-gradient(210.92deg, #0CB28B 10.45%, #0C3A5A 93.09%)",
|
||||
duration: 0.5
|
||||
});
|
||||
}
|
||||
},
|
||||
onEnterBack: () => {
|
||||
if ($('#entrance-layer').is(':hidden')) {
|
||||
gsap.to(navbar, {
|
||||
background: "transparent",
|
||||
duration: 0.5
|
||||
});
|
||||
}
|
||||
},
|
||||
onLeaveBack: () => {
|
||||
gsap.to(navbar, {
|
||||
background: "transparent",
|
||||
duration: 0.5
|
||||
});
|
||||
},
|
||||
});
|
||||
|
||||
$(window).on('scroll', updateNavbarBackground);
|
||||
} else {
|
||||
gsap.set(navbar, {
|
||||
background: "linear-gradient(210.92deg, #0CB28B 10.45%, #0C3A5A 93.09%)",
|
||||
duration: 0
|
||||
});
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Mobile Menu // Menu Icon & Mobile Popup Menu
|
||||
|
||||
let menuBtn = document.getElementById("menu-btn-container");
|
||||
let mobileMenuOverlay = document.querySelector(".popup-overlay");
|
||||
let mobileMenuOverlayTransition = document.querySelector(".popup-overlay-transition");
|
||||
|
||||
const mobileMenuAnimation = gsap.timeline({ paused: true })
|
||||
mobileMenuAnimation.to('.popup-container', { duration: .1, display: "block" })
|
||||
.to('.popup-overlay', { duration: .2, x: 0, ease: "expo.inOut" }, 0)
|
||||
.to('.popup-menu', { duration: .5, x: 0, ease: "expo.inOut" }, .3)
|
||||
.to(mobileMenuOverlayTransition, { duration: 1, width: "0px", ease: "expo.inOut" }, .3)
|
||||
|
||||
|
||||
// Open / Close Popup Menu
|
||||
|
||||
if (menuBtn) {
|
||||
menuBtn.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
menuBtn.classList.toggle("openmenu");
|
||||
|
||||
if (menuBtn.classList.contains("openmenu")) {
|
||||
mobileMenuAnimation.play();
|
||||
} else {
|
||||
mobileMenuAnimation.reverse();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Close From Overlay
|
||||
if (mobileMenuOverlay) {
|
||||
mobileMenuOverlay.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
// mobileMenuAnimation.reverse()
|
||||
menuBtn.classList.toggle("openmenu");
|
||||
if (menuBtn.classList.contains("openmenu")) {
|
||||
mobileMenuAnimation.play();
|
||||
} else {
|
||||
mobileMenuAnimation.reverse();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Footer // set the contact call number
|
||||
var footerCallLink = document.getElementById('call-link');
|
||||
if (footerCallLink) {
|
||||
footerCallLink.setAttribute('href', 'tel:009660545941651');
|
||||
} else {
|
||||
console.error("Element with ID 'call-link' not found.");
|
||||
}
|
||||
|
||||
/////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
|
||||
// Scroll To Top
|
||||
|
||||
let scrollToTop = document.querySelector(".scroll-top");
|
||||
|
||||
gsap.from(scrollToTop, {
|
||||
duration: 1,
|
||||
opacity: 0,
|
||||
scrollTrigger: {
|
||||
trigger: document.body,
|
||||
start: "100vh top",
|
||||
end: "bottom top",
|
||||
scrub: true
|
||||
}
|
||||
});
|
||||
|
||||
if (scrollToTop) {
|
||||
scrollToTop.addEventListener("click", () => {
|
||||
gsap.to(window, { duration: 1, scrollTo: 0 });
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
|
@ -0,0 +1,72 @@
|
|||
$(document).ready(function () {
|
||||
|
||||
// Header Slider
|
||||
const swiperHeader = new Swiper(".cta", {
|
||||
centeredSlides: false,
|
||||
spaceBetween: 40,
|
||||
grabCursor: true,
|
||||
loop: true,
|
||||
autoplay: {
|
||||
delay: 5000,
|
||||
disableOnInteraction: false,
|
||||
},
|
||||
autoplay: false,
|
||||
breakpoints: {
|
||||
1: {
|
||||
slidesPerView: 1,
|
||||
},
|
||||
},
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable: true,
|
||||
},
|
||||
});
|
||||
|
||||
const tabButtons = document.querySelectorAll(".tab-btn");
|
||||
const tabContents = document.querySelectorAll(".tab-content");
|
||||
|
||||
if (tabButtons.length > 0 && tabContents.length > 0) {
|
||||
function openTab(tabIndex) {
|
||||
tabContents.forEach((content) => {
|
||||
content.style.display = "none";
|
||||
});
|
||||
|
||||
tabButtons.forEach((button) => {
|
||||
button.classList.remove("active");
|
||||
});
|
||||
|
||||
tabContents[tabIndex].style.display = "flex";
|
||||
tabButtons[tabIndex].classList.add("active");
|
||||
}
|
||||
|
||||
tabButtons.forEach((button, index) => {
|
||||
button.addEventListener("click", function () {
|
||||
openTab(index);
|
||||
});
|
||||
});
|
||||
|
||||
openTab(0);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// course level
|
||||
// Function to update the indicator based on course level
|
||||
function setCourseLevel(level) {
|
||||
const bars = document.querySelectorAll(".bar");
|
||||
|
||||
// Reset all bars
|
||||
bars.forEach((bar, index) => {
|
||||
if (index < level) {
|
||||
bar.classList.add("active");
|
||||
} else {
|
||||
bar.classList.remove("active");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
setCourseLevel(3);
|
||||
|
||||
|
||||
})
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,54 @@
|
|||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf") format("truetype");
|
||||
}
|
||||
@font-face {
|
||||
font-family: "Montserrat Arabic";
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf") format("truetype");
|
||||
}/*# sourceMappingURL=custom_font.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":["custom_font.scss","custom_font.css"],"names":[],"mappings":"AAAA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,8EAAA;ACCJ;ADEA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,oFAAA;ACAJ;ADGA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,+EAAA;ACDJ;ADIA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,iFAAA;ACFJ;ADKA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,gFAAA;ACHJ;ADMA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,kFAAA;ACJJ;ADOA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,8EAAA;ACLJ;ADQA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,mFAAA;ACNJ;ADSA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,+EAAA;ACPJ","file":"custom_font.css"}
|
||||
|
|
@ -0,0 +1,62 @@
|
|||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 100;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 200;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 300;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 800;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf') format('truetype');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Montserrat Arabic';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf') format('truetype');
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1 @@
|
|||
/*# sourceMappingURL=variables.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"version":3,"sources":[],"names":[],"mappings":"","file":"variables.css"}
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
$primary: #0C3A5A;
|
||||
$secondary: #0CB28B;
|
||||
$accent: white;
|
||||
|
|
@ -0,0 +1,967 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="courses" name="Training courses">
|
||||
<t t-call="website.layout">
|
||||
|
||||
<div class="oe_structure"/>
|
||||
<div id="wrap">
|
||||
|
||||
<div class="training_courses_container">
|
||||
<div class="section_title_container">
|
||||
<h1>Training courses</h1>
|
||||
</div>
|
||||
<div class="courses_section">
|
||||
<div class="courses_categories_sidebar">
|
||||
<h3>Course areas</h3>
|
||||
<hr/>
|
||||
<div class="tab-buttons">
|
||||
<button class="tab-btn active">All courses</button>
|
||||
<button class="tab-btn">Training field 1</button>
|
||||
<button class="tab-btn">Training field 2</button>
|
||||
<button class="tab-btn">Training field 3</button>
|
||||
<button class="tab-btn">Training field 4</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="courses_list_container">
|
||||
<div class="training_field">
|
||||
<div class="course_area">
|
||||
<div class="training_field_head">
|
||||
<h3>Field one courses</h3>
|
||||
<a href="#">View all</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_area">
|
||||
<div class="training_field_head">
|
||||
<h3>Field two courses</h3>
|
||||
<a href="#">View all</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_area">
|
||||
<div class="training_field_head">
|
||||
<h3>Field three courses</h3>
|
||||
<a href="#">View all</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_area">
|
||||
<div class="training_field_head">
|
||||
<h3>Field four courses</h3>
|
||||
<a href="#">View all</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="training_field">
|
||||
<div class="training_field_head">
|
||||
<h3>Field one courses</h3>
|
||||
<a href="#" class="all_courses">View all courses</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="training_field">
|
||||
<div class="training_field_head">
|
||||
<h3>Field two courses</h3>
|
||||
<a href="#" class="all_courses">View all courses</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="training_field">
|
||||
<div class="training_field_head">
|
||||
<h3>Field three courses</h3>
|
||||
<a href="#" class="all_courses">View all courses</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="training_field">
|
||||
<div class="training_field_head">
|
||||
<h3>Field four courses</h3>
|
||||
<a href="#" class="all_courses">View all courses</a>
|
||||
</div>
|
||||
<div class="training_field_courses">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title="" />
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title="" />
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title="" />20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title="" />9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title="" />15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="scroll-top">
|
||||
<img src="/odex_new_website/static/img/top.png" alt="" title=""/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
</odoo>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="my_footer" inherit_id="website.layout" name="Footer">
|
||||
<xpath expr="//footer" position="replace">
|
||||
<footer>
|
||||
<div class="top_section">
|
||||
<div class="about">
|
||||
<a href="/"><img src="/odex_new_website/static/img/logo-footer.png" alt="" title=""/></a>
|
||||
<h3>An expert limited liability company with distinguished cadres, working in several fields serving information and communications technology.<br/>
|
||||
With a steady and renewed step, it continues to draw its vision within high standards and values to raise the level of services, with distinguished global experience to meet the desires and needs of customers.
|
||||
</h3>
|
||||
<div class="social">
|
||||
<a href="#"><img src="/odex_new_website/static/img/youtube.png" alt="" title=""/></a>
|
||||
<a href="#"><img src="/odex_new_website/static/img/facebook.png" alt="" title=""/></a>
|
||||
<a href="#"><img src="/odex_new_website/static/img/x.png" alt="" title=""/></a>
|
||||
<a href="#"><img src="/odex_new_website/static/img/linkedin.png" alt="" title=""/></a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="footer_divider"></span>
|
||||
<div class="contact_container">
|
||||
<div class="contact_us">
|
||||
<a href="mailto:info@exp-sa.com"><img src="/odex_new_website/static/img/email.png" alt="" title="" />info@exp-sa.com</a>
|
||||
<a id="call-link"><img src="/odex_new_website/static/img/call.png" alt="" title="" /><span>+966 (054) 5941651</span></a>
|
||||
<a href="https://maps.app.goo.gl/ZEop57KebT3n8Pwz9" target="_blank"><img src="/odex_new_website/static/img/location.png" alt="" title="" />King Khalid Branch Rd, Ar Rihab</a>
|
||||
</div>
|
||||
</div>
|
||||
<span class="footer_divider"></span>
|
||||
<div class="important_links_container">
|
||||
<ul>
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/courses">Training courses</a></li>
|
||||
<li><a href="#">Privacy and usage policy</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyrights">
|
||||
<span>©2024 - Expert Co. Ltd. All Rights Reserved</span>
|
||||
</div>
|
||||
</footer>
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
|
|
@ -0,0 +1,113 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="my_header" inherit_id="website.layout" name="Header">
|
||||
|
||||
<xpath expr="//header//nav" position="replace">
|
||||
|
||||
<nav class="navbar">
|
||||
<div class="menu-container">
|
||||
<div id="menu-btn-container">
|
||||
<div class="menu-mobile" id="menu">
|
||||
<div class="menu-lines">
|
||||
<span class="line-1"></span>
|
||||
<span class="line-2"></span>
|
||||
<span class="line-3"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-container">
|
||||
<div class="popup-overlay"></div>
|
||||
<div class="popup-menu">
|
||||
<div class="popup-overlay-transition"></div>
|
||||
<div class="popup-menu-container">
|
||||
<div class="user-settings-mobile-container">
|
||||
</div>
|
||||
<div class="user-login-info">
|
||||
<div class="user-img">
|
||||
<t t-if="uid">
|
||||
<img t-att-src="'data:image/png;base64,%s' % to_text(request.env.user.partner_id.image_128)" alt="user image"/>
|
||||
</t>
|
||||
<t t-else="">
|
||||
<img src="/odex_new_website/static/img/public-user.png" alt="default user image" loading="lazy"/>
|
||||
</t>
|
||||
</div>
|
||||
<div class="user-name-email">
|
||||
<t t-if="uid">
|
||||
<p class="user-login-name" t-field="request.env.user.partner_id"/>
|
||||
</t>
|
||||
<t t-else="">
|
||||
</t>
|
||||
<p class="user-login-email" t-field="request.env.user.email"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup-content">
|
||||
<div class="popup-links">
|
||||
<a class="sequence" href="/">Home</a>
|
||||
<a class="sequence" href="/courses">Training courses</a>
|
||||
</div>
|
||||
<div class="lang-container-mobile">
|
||||
<t t-call="website.language_selector_inline"/>
|
||||
</div>
|
||||
<div class="logout-btn">
|
||||
<t t-if="uid">
|
||||
<a role="menuitem" id="o_logout" class="dropdown-item" data-oe-model="ir.ui.view" data-oe-id="441" data-oe-field="arch" data-oe-xpath="/t[1]/li[1]/div[1]/a[1]" href="/web/session/logout?redirect=/">Logout<img src="/odex_new_website/static/img/logout.png" alt=""/></a>
|
||||
</t>
|
||||
<t t-else="">
|
||||
</t>
|
||||
</div>
|
||||
<div class="social">
|
||||
<a href="#"><img src="/odex_new_website/static/img/youtube.png" alt="" title=""/></a>
|
||||
<a href="#"><img src="/odex_new_website/static/img/facebook.png" alt="" title=""/></a>
|
||||
<a href="#"><img src="/odex_new_website/static/img/x.png" alt="" title=""/></a>
|
||||
<a href="#"><img src="/odex_new_website/static/img/linkedin.png" alt="" title=""/></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="logo">
|
||||
<!-- <a href="/">
|
||||
<img src="/odex_new_website/static/img/logo.png" alt="" title=""/>
|
||||
</a> -->
|
||||
<a class="company-logo" href="">
|
||||
<svg id="logo" class="image" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 300">
|
||||
<g>
|
||||
<path id="path-e" style="opacity: 1; fill: #fefffe; stroke: #fefffe; stroke-width: 3;" d="M 123.5,8.5 C 150.664,7.33639 177.997,7.16973 205.5,8 C 244.667,47.1667 283.833,86.3333 323,125.5 C 330.167,118.333 337.333,111.167 344.5,104 C 371.5,103.333 398.5,103.333 425.5,104 C 404.833,124.667 384.167,145.333 363.5,166 C 400.347,202.68 437.014,239.514 473.5,276.5 C 446.506,277.667 419.506,277.833 392.5,277 C 369.32,253.653 345.986,230.486 322.5,207.5 C 300.374,230.126 278.041,252.626 255.5,275 C 228.167,275.667 200.833,275.667 173.5,275 C 209.68,238.986 245.68,202.82 281.5,166.5 C 229.146,113.479 176.479,60.8123 123.5,8.5 Z" />
|
||||
</g>
|
||||
<g>
|
||||
<path id="path-other" style="opacity: 1; fill: #fefffe; stroke: #fefffe; stroke-width: 3;" d="M 7.5,58.5 C 53.1679,58.3333 98.8345,58.5 144.5,59 C 165.195,80.0286 186.195,100.695 207.5,121 C 161.501,121.5 115.501,121.667 69.5,121.5 C 69.5,125.833 69.5,130.167 69.5,134.5 C 119.834,134.333 170.168,134.5 220.5,135 C 231.471,144.97 242.137,155.303 252.5,166 C 242.137,176.697 231.471,187.03 220.5,197 C 170.168,197.5 119.834,197.667 69.5,197.5 C 69.5,201.833 69.5,206.167 69.5,210.5 C 115.501,210.333 161.501,210.5 207.5,211 C 186.833,231.667 166.167,252.333 145.5,273 C 99.1679,273.5 52.8345,273.667 6.5,273.5 C 6.17011,201.762 6.50345,130.096 7.5,58.5 Z" />
|
||||
</g>
|
||||
</svg>
|
||||
<span class="company-name">Expert Co. Ltd.</span>
|
||||
</a>
|
||||
</div>
|
||||
<ul class="main_menu">
|
||||
<li><a href="/" data-replace="Home"><span>Home</span></a></li>
|
||||
<li><a href="/courses" data-replace="Training courses"><span>Training courses</span></a></li>
|
||||
</ul>
|
||||
<div class="nav_actions">
|
||||
<a href="">Search</a>
|
||||
<span class="divider"></span>
|
||||
<div class="signin">
|
||||
<!-- Sign In -->
|
||||
<t t-call="portal.placeholder_user_sign_in">
|
||||
<t t-set="_item_class" t-value="'nav-item'"/>
|
||||
<t t-set="_link_class" t-value="''"/>
|
||||
</t>
|
||||
<!-- User Dropdown -->
|
||||
<t class="user-dropdown-options" t-call="portal.user_dropdown">
|
||||
<t t-set="_user_name" t-value="true"/>
|
||||
<t t-set="_item_class" t-value="'nav-item dropdown'"/>
|
||||
<t t-set="_link_class" t-value="''"/>
|
||||
</t>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</xpath>
|
||||
|
||||
</template>
|
||||
|
||||
</odoo>
|
||||
|
|
@ -0,0 +1,317 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="home" name="Home">
|
||||
<t t-call="website.layout">
|
||||
|
||||
<div id="entrance-layer">
|
||||
<div class="progress">
|
||||
<div class="inner-progress"></div>
|
||||
</div>
|
||||
<div class="slogan">
|
||||
<div id="logo-container">
|
||||
<svg id="logo" class="image" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 500 300">
|
||||
<g>
|
||||
<path id="path-e" style="opacity: 0; fill: #fefffe; stroke: #fefffe; stroke-width: 3;" d="M 123.5,8.5 C 150.664,7.33639 177.997,7.16973 205.5,8 C 244.667,47.1667 283.833,86.3333 323,125.5 C 330.167,118.333 337.333,111.167 344.5,104 C 371.5,103.333 398.5,103.333 425.5,104 C 404.833,124.667 384.167,145.333 363.5,166 C 400.347,202.68 437.014,239.514 473.5,276.5 C 446.506,277.667 419.506,277.833 392.5,277 C 369.32,253.653 345.986,230.486 322.5,207.5 C 300.374,230.126 278.041,252.626 255.5,275 C 228.167,275.667 200.833,275.667 173.5,275 C 209.68,238.986 245.68,202.82 281.5,166.5 C 229.146,113.479 176.479,60.8123 123.5,8.5 Z" />
|
||||
</g>
|
||||
<g>
|
||||
<path id="path-other" style="opacity: 0; fill: #fefffe; stroke: #fefffe; stroke-width: 3;" d="M 7.5,58.5 C 53.1679,58.3333 98.8345,58.5 144.5,59 C 165.195,80.0286 186.195,100.695 207.5,121 C 161.501,121.5 115.501,121.667 69.5,121.5 C 69.5,125.833 69.5,130.167 69.5,134.5 C 119.834,134.333 170.168,134.5 220.5,135 C 231.471,144.97 242.137,155.303 252.5,166 C 242.137,176.697 231.471,187.03 220.5,197 C 170.168,197.5 119.834,197.667 69.5,197.5 C 69.5,201.833 69.5,206.167 69.5,210.5 C 115.501,210.333 161.501,210.5 207.5,211 C 186.833,231.667 166.167,252.333 145.5,273 C 99.1679,273.5 52.8345,273.667 6.5,273.5 C 6.17011,201.762 6.50345,130.096 7.5,58.5 Z" />
|
||||
</g>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="our-slogan">
|
||||
<p class="our-slogan-title">
|
||||
<span>Unleashing</span>
|
||||
<span>Your Potential</span>
|
||||
<span>with</span>
|
||||
<span>Expert</span>
|
||||
<span>Training</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="main-content" style="display:none;">
|
||||
<div class="oe_structure"/>
|
||||
<div id="wrap">
|
||||
<!--Page Code-->
|
||||
<div class="header">
|
||||
<div class="scroll_container">
|
||||
<div class="mouse_element">
|
||||
<div class="scroller"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper cta">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="content-home">
|
||||
<div class="call-to-action-headline">
|
||||
<h1 class="title">All Business Management Systems Solutions</h1>
|
||||
<h3 class="call-to-action-message">Khabir Co., Ltd. provides all solutions related to business management systems, application, development, training, integration, data migration and technical support.</h3>
|
||||
</div>
|
||||
<div class="call-to-action-buttons">
|
||||
<a class="cta_button" href="">Connect with the company</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="call-to-action-img">
|
||||
<img src="/odex_new_website/static/img/slider-1.png" alt="" title=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="content-home">
|
||||
<div class="call-to-action-headline">
|
||||
<h1 class="title">Slide 2</h1>
|
||||
<h3 class="call-to-action-message">Khabir Co., Ltd. provides all solutions related to business management systems, application, development, training, integration, data migration and technical support.</h3>
|
||||
</div>
|
||||
<div class="call-to-action-buttons">
|
||||
<a class="cta_button" href="">Connect with the company</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="call-to-action-img">
|
||||
<img src="/odex_new_website/static/img/slider-1.png" alt="" title=""/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="content-home">
|
||||
<div class="call-to-action-headline">
|
||||
<h1 class="title">Slide 3</h1>
|
||||
<h3 class="call-to-action-message">Khabir Co., Ltd. provides all solutions related to business management systems, application, development, training, integration, data migration and technical support.</h3>
|
||||
</div>
|
||||
<div class="call-to-action-buttons">
|
||||
<a class="cta_button" href="">Connect with the company</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="call-to-action-img">
|
||||
<img src="/odex_new_website/static/img/slider-1.png" alt="" title=""/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="courses_show_case_container">
|
||||
<div class="section_title_container">
|
||||
<h2>Open Source Enterprise Management Systems Courses at King Saud University</h2>
|
||||
<h3>The courses are implemented by systems specialists at Khabeer Company Limited</h3>
|
||||
</div>
|
||||
<div class="courses_show_case">
|
||||
<div class="tab-buttons">
|
||||
<button class="tab-btn active">Most registered</button>
|
||||
<button class="tab-btn">Top Rated</button>
|
||||
<button class="tab-btn">Latest</button>
|
||||
</div>
|
||||
<!-- Tab content sections -->
|
||||
<div class="tab-content" id="tab1" style="display: flex;">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<img class="ex_icon" src="/odex_new_website/static/img/ex.png" alt="" title=""/>
|
||||
<p class="view_more">View more courses</p>
|
||||
<a class="view_more_link" href=""><img src="/odex_new_website/static/img/all-courses.png" alt="" title=""/></a>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title=""/>
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title=""/>15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title=""/>
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title=""/>15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-content" id="tab2" style="display: none;">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<img class="ex_icon" src="/odex_new_website/static/img/ex.png" alt="" title=""/>
|
||||
<p class="view_more">View more courses</p>
|
||||
<a class="view_more_link" href=""><img src="/odex_new_website/static/img/all-courses.png" alt="" title=""/></a>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title=""/>
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title=""/>15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title=""/>
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title=""/>15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tab-content" id="tab3" style="display: none;">
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<img class="ex_icon" src="/odex_new_website/static/img/ex.png" alt="" title=""/>
|
||||
<p class="view_more">View more courses</p>
|
||||
<a class="view_more_link" href=""><img src="/odex_new_website/static/img/all-courses.png" alt="" title=""/></a>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<h2>Technical Track Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/technical-course.png" alt="" title=""/>
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title=""/>15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>advanced</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="course_element">
|
||||
<img class="course_bg" src="/odex_new_website/static/img/course-bg.png" alt="" title=""/>
|
||||
<h2>Career Path Course</h2>
|
||||
<img class="course_info_img" src="/odex_new_website/static/img/career-course.png" alt="" title=""/>
|
||||
<div class="course_info">
|
||||
<p><img src="/odex_new_website/static/img/calendar.png" alt="" title=""/>20 Septemper</p>
|
||||
<p><img src="/odex_new_website/static/img/duration.png" alt="" title=""/>9 Days</p>
|
||||
<p><img src="/odex_new_website/static/img/hours.png" alt="" title=""/>15 Hourse</p>
|
||||
</div>
|
||||
<hr/>
|
||||
<div class="course_actions">
|
||||
<div class="course_level_container">
|
||||
<div class="course_level">
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
<div class="bar"></div>
|
||||
</div>
|
||||
<span>Beginner</span>
|
||||
</div>
|
||||
<a class="course_details" href="">Course details</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="our_team_container">
|
||||
<h2>We have a professional team in multiple fields to ensure providing integrated services to our clients.</h2>
|
||||
<div class="our_team_sectors">
|
||||
<div class="sector">
|
||||
<img src="/odex_new_website/static/img/consultations.png" alt="" title=""/>
|
||||
<div class="sector_content">
|
||||
<h3>Consultations</h3>
|
||||
<span>Providing technical advice to help develop the organization's business and reduce costs.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sector">
|
||||
<img src="/odex_new_website/static/img/implementation.png" alt="" title=""/>
|
||||
<div class="sector_content">
|
||||
<h3>Implementation</h3>
|
||||
<span>With the help of our experts, implement the system step by step correctly.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sector">
|
||||
<img src="/odex_new_website/static/img/customization.png" alt="" title=""/>
|
||||
<div class="sector_content">
|
||||
<h3>Customization</h3>
|
||||
<span>Develop custom software procedures based on business needs.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sector">
|
||||
<img src="/odex_new_website/static/img/training.png" alt="" title=""/>
|
||||
<div class="sector_content">
|
||||
<h3>Training</h3>
|
||||
<span>Qualifying the organization’s cadres to keep pace with the organization’s digital transformation.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="scroll-top">
|
||||
<img src="/odex_new_website/static/img/top.png" alt="Scroll To Top" title=""/>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</t>
|
||||
</template>
|
||||
</odoo>
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="assets_frontend" inherit_id="web.assets_frontend" name="resources">
|
||||
<xpath expr="." position="inside">
|
||||
|
||||
<!--CSS-->
|
||||
<link rel="stylesheet" href="/odex_new_website/static/src/css/custom_font.css" />
|
||||
<link rel="stylesheet" href="/odex_new_website/static/src/css/index.css" />
|
||||
<link rel="stylesheet" href="/odex_new_website/static/src/css/hdr_footer.css" />
|
||||
<link rel="stylesheet" href="/odex_new_website/static/src/css/courses.css" />
|
||||
|
||||
<!--AOS-->
|
||||
<!-- <link rel="stylesheet" href="/odex_new_website/static/src/css/aos.css" /> -->
|
||||
<!-- <script src="/odex_new_website/static/js/aos.js"></script> -->
|
||||
|
||||
<!-- jsdelivr -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/@barba/core"></script>
|
||||
|
||||
<!-- Lottie -->
|
||||
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
|
||||
|
||||
|
||||
|
||||
<!--GSAP-->
|
||||
<!-- <script src="/odex_new_website/static/js/gsap.min.js"></script>
|
||||
<script src="/odex_new_website/static/js/ScrollToPlugin.min.js"></script>
|
||||
<script src="/odex_new_website/static/js/ScrollTrigger.min.js"></script> -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollToPlugin.min.js"></script>
|
||||
<!--Swiper-->
|
||||
<link rel="stylesheet" href="/odex_new_website/static/src/css/swiper-bundle.min.css" />
|
||||
<script src="/odex_new_website/static/js/swiper-bundle.min.js"></script>
|
||||
<!--Bootstrap-->
|
||||
|
||||
<!--JS-->
|
||||
<script src="/odex_new_website/static/js/hdr_footer.js"></script>
|
||||
<script src="/odex_new_website/static/js/index.js"></script>
|
||||
<script src="/odex_new_website/static/js/courses.js"></script>
|
||||
<script src="/odex_new_website/static/js/barba.js"></script>
|
||||
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
Loading…
Reference in New Issue