templates/landing/homepage.html.twig line 1

Open in your IDE?
  1. {% extends 'layout.html.twig' %}
  3. {% block title %}{% endblock %}
  5. {% block content %}
  7.     <!-- ===============================================-->
  8.     <!--    Main Content-->
  9.     <!-- ===============================================-->
  10.     <main class="main" id="top">
  11.       <div class="preloader" id="preloader">
  12.         <div class="loader">
  13.           <div class="line-scale">
  14.             <div></div>
  15.             <div></div>
  16.             <div></div>
  17.             <div></div>
  18.             <div></div>
  19.           </div>
  20.         </div>
  21.       </div>
  22.       <section class="py-0">
  23.         <div class="swiper theme-slider min-vh-100" data-swiper='{"loop":true,"allowTouchMove":false,"autoplay":{"delay":5000},"effect":"fade","speed":800}'>
  24.           <div class="swiper-wrapper">
  25.             <div class="swiper-slide" data-zanim-timeline="{}">
  26.               <div class="bg-holder" style="background-image:url(assets/img/header-6.jpg);">
  27.               </div>
  28.               <!--/.bg-holder-->
  30.               <div class="container">
  31.                 <div class="row min-vh-100 py-8 align-items-center" data-inertia='{"weight":1.5}'>
  32.                   <div class="col-sm-8 col-lg-7 px-5 px-sm-3">
  33.                     <div class="overflow-hidden">
  34.                       <h1 class="fs-4 fs-md-5 lh-1" data-zanim-xs='{"delay":0}'>Technology First</h1>
  35.                     </div>
  36.                     <div class="overflow-hidden">
  37.                       <p class="text-primary pt-4 mb-5 fs-1 fs-md-2 lh-xs" data-zanim-xs='{"delay":0.1}'>Valuable propositions to accomplish<br> successful solutions</p>
  38.                     </div>
  39.                     <div class="overflow-hidden">
  40.                       <div data-zanim-xs='{"delay":0.2}'><a class="btn btn-primary me-3 mt-3" href="{{ path('technology')}}">Read more<span class="fas fa-chevron-right ms-2"></span></a><a class="btn btn-warning mt-3" href="contactUs">Contact us<span class="fas fa-chevron-right ms-2"></span></a></div>
  41.                     </div>
  42.                   </div>
  43.                 </div>
  44.               </div>
  45.             </div>
  46.             <div class="swiper-slide" data-zanim-timeline="{}">
  47.               <div class="bg-holder" style="background-image:url(assets/img/header-5.jpg);">
  48.               </div>
  49.               <!--/.bg-holder-->
  51.               <div class="container">
  52.                 <div class="row min-vh-100 py-8 align-items-center" data-inertia='{"weight":1.5}'>
  53.                   <div class="col-sm-8 col-lg-7 px-5 px-sm-3">
  54.                     <div class="overflow-hidden">
  55.                       <h1 class="fs-4 fs-md-5 lh-1" data-zanim-xs='{"delay":0}'>Expert Consultants</h1>
  56.                     </div>
  57.                     <div class="overflow-hidden">
  58.                       <p class="text-primary pt-4 mb-5 fs-1 fs-md-2 lh-xs" data-zanim-xs='{"delay":0.1}'>Over 20 years of experience in helping clients finding comprehensive solutions.</p>
  59.                     </div>
  60.                     <div class="overflow-hidden">
  61.                       <div data-zanim-xs='{"delay":0.2}'><a class="btn btn-primary me-3 mt-3" href="{{ path('consultants')}}">Read more<span class="fas fa-chevron-right ms-2"></span></a><a class="btn btn-warning mt-3" href="contactUs">Contact us<span class="fas fa-chevron-right ms-2"></span></a></div>
  62.                     </div>
  63.                   </div>
  64.                 </div>
  65.               </div>
  66.             </div>
  67.             <div class="swiper-slide" data-zanim-timeline="{}">
  68.               <div class="bg-holder" style="background-image:url(assets/img/header-1.jpg);">
  69.               </div>
  70.               <!--/.bg-holder-->
  72.               <div class="container">
  73.                 <div class="row min-vh-100 py-8 align-items-center" data-inertia='{"weight":1.5}'>
  74.                   <div class="col-sm-8 col-lg-7 px-5 px-sm-3">
  75.                     <div class="overflow-hidden">
  76.                       <h1 class="fs-4 fs-md-5 lh-1" data-zanim-xs='{"delay":0}'>Partnership for a great opportunity</h1>
  77.                     </div>
  78.                     <div class="overflow-hidden">
  79.                       <p class="text-primary pt-4 mb-5 fs-1 fs-md-2 lh-xs" data-zanim-xs='{"delay":0.1}'>Connect with top technology and finance consultants </p>
  80.                     </div>
  81.                     <div class="overflow-hidden">
  82.                       <div data-zanim-xs='{"delay":0.2}'><a class="btn btn-primary me-3 mt-3" href="{{ path('partnership')}}">Read more<span class="fas fa-chevron-right ms-2"></span></a><a class="btn btn-warning mt-3" href="contactUs">Contact us<span class="fas fa-chevron-right ms-2"></span></a></div>
  83.                     </div>
  84.                   </div>
  85.                 </div>
  86.               </div>
  87.             </div>
  88.           </div>
  89.           <div class="swiper-nav">
  90.             <div class="swiper-button-prev"><span class="fas fa-chevron-left"></span></div>
  91.             <div class="swiper-button-next"><span class="fas fa-chevron-right"></span></div>
  92.           </div>
  93.         </div>
  94.       </section>
  96.       <!-- ============================================-->
  97.       <!-- <section> begin ============================-->
  98.       <section class="bg-100">
  100.         <div class="container">
  101.           <div class="text-center mb-6">
  102.             <h3 class="fs-2 fs-md-3">About Us</h3>
  103.             <hr class="short" data-zanim-xs='{"from":{"opacity":0,"width":0},"to":{"opacity":1,"width":"4.20873rem"},"duration":0.8}' data-zanim-trigger="scroll" />
  104.           </div>
  105.           <div class="row g-0 position-relative mb-4 mb-lg-0">
  106.             <div class="col-lg-6 py-3 py-lg-0 mb-0 position-relative" style="min-height:400px;">
  107.               <div class="bg-holder rounded-ts-lg rounded-te-lg rounded-lg-te-0  " style="background-image:url(assets/img/6.jpg);">
  108.               </div>
  109.               <!--/.bg-holder-->
  111.             </div>
  112.             <div class="col-lg-6 px-lg-5 py-lg-6 p-4 my-lg-0 bg-white rounded-bs-lg rounded-lg-bs-0 rounded-be-lg rounded-lg-be-0 rounded-lg-te-lg ">
  113.               <div class="elixir-caret d-none d-lg-block"></div>
  114.               <div class="d-flex align-items-center h-100">
  115.                 <div data-zanim-timeline="{}" data-zanim-trigger="scroll">
  116.                   <div class="overflow-hidden">
  117.                     <h5 data-zanim-xs='{"delay":0}'>Our Company</h5>
  118.                   </div>
  119.                   <div class="overflow-hidden">
  120.                     <p class="mt-3" data-zanim-xs='{"delay":0.1}'>Odeveloper Inc, was founded in 1996 to serve the corporate market in the area of Information Technology. Our value proposition is to provide expert advice and exceptional products and services to help our customers to integrate a portfolio of IT infrastructure including procurement, deployments and financial services.</p> <p>Odeveloper Inc, has established itself in the corporate market as a highly qualified consulting firm, with a wide range of technology solutions driven by a group of well qualified and experienced staff to meet and exceed the needs and expectations of our customers.</p>
  121.                   </div>
  122.                 </div>
  123.               </div>
  124.             </div>
  125.           </div>
  126.           <div class="row g-0 position-relative mb-4 mb-lg-0">
  127.             <div class="col-lg-6 py-3 py-lg-0 mb-0 position-relative order-lg-2" style="min-height:400px;">
  128.               <div class="bg-holder rounded-ts-lg rounded-te-lg rounded-lg-te-0  rounded-lg-ts-0" style="background-image:url(assets/img/7.jpg);">
  129.               </div>
  130.               <!--/.bg-holder-->
  132.             </div>
  133.             <div class="col-lg-6 px-lg-5 py-lg-6 p-4 my-lg-0 bg-white rounded-bs-lg rounded-lg-bs-0 rounded-be-lg  rounded-lg-be-0">
  134.               <div class="elixir-caret d-none d-lg-block"></div>
  135.               <div class="d-flex align-items-center h-100">
  136.                 <div data-zanim-timeline="{}" data-zanim-trigger="scroll">
  137.                   <div class="overflow-hidden">
  138.                     <h5 data-zanim-xs='{"delay":0}'>Vision</h5>
  139.                   </div>
  140.                   <div class="overflow-hidden">
  141.                     <p class="mt-3" data-zanim-xs='{"delay":0.1}'>To provide the best value-creating technology solutions for our clients in the areas of Information Technology Infrastructure and automated software marketing and sales solutions. Fintech developments will facilitate access to a wide range of products and services.</p></p>Odeveloper, Inc. is a provider of business solutions and information technology infrastructure that seeks to simplify and enhance computing environments, using a scientific approach that transcends the art technology. Thus customers optimize their internal resources and routed towards innovative business objects.</p>
  142.                   </div>
  143.                 </div>
  144.               </div>
  145.             </div>
  146.           </div>
  147.           <div class="row g-0 position-relative mb-4 mb-lg-0">
  148.             <div class="col-lg-6 py-3 py-lg-0 mb-0 position-relative" style="min-height:400px;">
  149.               <div class="bg-holder rounded-ts-lg rounded-te-lg rounded-lg-te-0 rounded-lg-ts-0 rounded-bs-0 rounded-lg-bs-lg " style="background-image:url(assets/img/8.jpg);">
  150.               </div>
  151.               <!--/.bg-holder-->
  153.             </div>
  154.             <div class="col-lg-6 px-lg-5 py-lg-6 p-4 my-lg-0 bg-white rounded-bs-lg rounded-lg-bs-0 rounded-be-lg  ">
  155.               <div class="elixir-caret d-none d-lg-block"></div>
  156.               <div class="d-flex align-items-center h-100">
  157.                 <div data-zanim-timeline="{}" data-zanim-trigger="scroll">
  158.                   <div class="overflow-hidden">
  159.                     <h5 data-zanim-xs='{"delay":0}'>Our Values</h5>
  160.                   </div>
  161.                   <div class="overflow-hidden">
  162.                     <p class="mt-3" data-zanim-xs='{"delay":0.1}'>
  163.                       <ul class="style-check">
  164.                           <li><strong>Responsibility: </strong>Meeting the requirements of our customers promptly is a fundamental principle of our organization. We are compromise, active and maintain reliability in all our projects.</li>
  165.                           <li><strong>Quality: </strong> By making our work with excellence and timely deployment of solutions is how we build relationships with our customers; we want to be the best.</li>
  166.                           <li><strong>Reliability: </strong> We are reliable, we have experience and we like to keep ourselves updated to meet the needs and challenges of our customers.</li>
  167.                       <ul>    
  168.                     </p>
  169.                   </div>
  170.                 </div>
  171.               </div>
  172.             </div>
  173.           </div>
  174.       </section>
  175.       <!-- <section> close ============================-->
  176.       <!-- ============================================-->
  178.       <!-- ============================================-->
  179.       <!-- <section> begin ============================-->
  180.       <section style="background-color: #3D4C6F">
  182.         <div class="container">
  183.           <div class="row align-items-center">
  184.             <div class="col-md text-center">
  185.               <h4 class="text-white mb-0">For more information please <a  class="btn btn-light rounded-pill" href="contactUs">contact us</a><br> Email: marketing@odeveloper.com</h4>
  186.             </div>
  187.           </div>
  188.         </div>
  189.         <!-- end of .container-->
  191.       </section>
  192.       <!-- <section> close ============================-->
  193.       <!-- ============================================-->
  195.     </main>
  196.     <!-- ===============================================-->
  197.     <!--    End of Main Content-->
  198.     <!-- ===============================================-->
  201. {% endblock %}