training courses website
This commit is contained in:
MohamedGad100
parent
cef331c5e3
commit
cc5e72d511
|
|
@ -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: 736 KiB |
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: 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,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,43 @@
|
|||
$(document).ready(function () {
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
|
||||
const showAnim = gsap.from("nav.navbar", { yPercent: -100, paused: true, duration: 0.2 }).progress(1);
|
||||
|
||||
// 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;
|
||||
});
|
||||
|
||||
gsap.to("nav.navbar", {
|
||||
backgroundColor: "initial",
|
||||
background: "linear-gradient(210.92deg, #0CB28B 10.45%, #0C3A5A 93.09%)",
|
||||
scrollTrigger: {
|
||||
trigger: ".courses_show_case_container",
|
||||
start: "top-=100px top",
|
||||
end: "+=100px",
|
||||
scrub: true,
|
||||
// markers: true
|
||||
}
|
||||
});
|
||||
|
||||
// set the contact call number
|
||||
var footerCallLink = document.getElementById('call-link');
|
||||
if (footerCallLink) {
|
||||
footerCallLink.setAttribute('href', 'tel:0504448524');
|
||||
} else {
|
||||
console.error("Element with ID 'call-link' not found.");
|
||||
}
|
||||
|
||||
})
|
||||
|
|
@ -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,963 @@
|
|||
<?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>
|
||||
</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,48 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
|
||||
<template id="my_header" inherit_id="website.layout" name="Header">
|
||||
<!-- <xpath expr="//header/div[hasclass('navbar')]" position="replace"> -->
|
||||
<!-- <xpath expr="//header//nav" position="replace"> -->
|
||||
|
||||
<xpath expr="//header//nav" position="replace">
|
||||
|
||||
<nav class="navbar">
|
||||
<div class="logo">
|
||||
<a href="/">
|
||||
<img src="/odex_new_website/static/img/logo.png" alt="" title=""/>
|
||||
</a>
|
||||
</div>
|
||||
<ul class="main_menu">
|
||||
<li><a href="/">Home</a></li>
|
||||
<li><a href="/courses">Training courses</a></li>
|
||||
</ul>
|
||||
<div class="nav_actions">
|
||||
<a href="">Search</a>
|
||||
<span class="divider"></span>
|
||||
<!-- <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_website/static/img/logout.svg" alt=""/></a>
|
||||
</t>
|
||||
<t t-else="">
|
||||
</t> -->
|
||||
<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,284 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<odoo>
|
||||
<template id="home" name="Home">
|
||||
<t t-call="website.layout">
|
||||
|
||||
<div class="oe_structure"/>
|
||||
<div id="wrap">
|
||||
<!--Page Code-->
|
||||
<div class="header">
|
||||
<div class="scroll_container">
|
||||
<img class="scroll" src="/odex_new_website/static/img/scroll-down.png" alt="" title=""/>
|
||||
<span></span>
|
||||
</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>
|
||||
<!-- <script src="/odex_new_website/static/js/aos.js"></script> -->
|
||||
</t>
|
||||
</template>
|
||||
</odoo>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<?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> -->
|
||||
|
||||
<!--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>
|
||||
|
||||
</xpath>
|
||||
</template>
|
||||
</odoo>
|
||||
Loading…
Reference in New Issue