318 lines
25 KiB
XML
318 lines
25 KiB
XML
<?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 fading">
|
||
<div class="mouse_element">
|
||
<div class="scroller"></div>
|
||
</div>
|
||
</div>
|
||
<div class="swiper cta fading">
|
||
<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.jpg" 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.jpg" 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.jpg" 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>
|