templates/home/hack.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <!-- Navbar Start -->
  5.     <div class="container-fluid position-relative p-0">
  6.        <div class="container-fluid bg-primary py-5 bg-header" style="margin-bottom: 90px;">
  7.             <div class="row py-5">
  8.                 <div class="col-12 pt-lg-5 mt-lg-5 text-center">
  9.                     <h1 class="display-4 text-white animated zoomIn">Nautx Eca Hackathon</h1>
  10.                     <a href="{{ path('home') }}" class="h5 text-white">Accueil</a>
  11.                     <i class="far fa-circle text-white px-2"></i>
  12.                     <a href="" class="h5 text-white">Nautx Eca Hackathon</a>
  13.                 </div>
  14.             </div>
  15.         </div>
  16.     </div>
  17.     <!-- Navbar End -->
  20.     <!-- Full Screen Search Start -->
  21.     <div class="modal fade" id="searchModal" tabindex="-1">
  22.         <div class="modal-dialog modal-fullscreen">
  23.             <div class="modal-content" style="background: rgba(9, 30, 62, .7);">
  24.                 <div class="modal-header border-0">
  25.                     <button type="button" class="btn bg-white btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  26.                 </div>
  27.                 <div class="modal-body d-flex align-items-center justify-content-center">
  28.                     <div class="input-group" style="max-width: 600px;">
  29.                         <input type="text" class="form-control bg-transparent border-primary p-3" placeholder="Type search keyword">
  30.                         <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.         </div>
  35.     </div>
  36.     <!-- Full Screen Search End -->
  39.     <!-- Blog Start -->
  40.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  41.         <div class="container py-5">
  42.             <div class="row g-5">
  43.                 <div class="col-lg-8">
  44.                     <!-- Blog Detail Start -->
  45.                     <div class="mb-5">
  46.                         <h1 class="mb-4">Nautx Eca Hackathon</h1>                    
  47.                         <br>
  48.                            
  49.                           <img src="{{asset('assets/img/bloc1.jpg')}}" width="100%" height="100%" alt="Image du produit 1"> <br>
  51.                         <p align="justify">
  52.                             We are pleased to announce that NAUTX, a young African tech company, has received the "Grand Prix" at 
  53.                             the ECA Hackathon 2023, organized by the Economic Commission for Africa (CEA) in Niamey, Niger. This year's 
  54.                             Hackathon focused on the theme of leveraging digital technologies for climate resilience and adaptation, 
  55.                             and NAUTX project NATAL was recognized for its innovative approach to collecting real-time data on meteorological 
  56.                             and climatic conditions using artificial intelligence (AI) to forecast weather patterns and map ground quality and 
  57.                             weather conditions by country/region.
  58.                         </p>    
  59.                         <img src="{{asset('assets/img/bloc1_1.jpg')}}" width="100%" height="100%" alt="Image du produit 1"> <br>
  60.                         <p align="justify"> 
  61.                             NATAL plays a significant role in the economic situation and accessibility of food exchanges, helping farmers adapt
  62.                              and be more resilient to climate change. The project won a grand prize, competing against over 90 applications from 
  63.                              young innovators and tech enthusiasts across the five regions of Africa.
  64.                         </p>
  66.                         <img src="{{asset('assets/img/bloc1_2.jpg')}}" width="100%" height="100%" alt="Image du produit 1"> <br>
  68.                         <p align="justify"> 
  69.                             The ECA Hackathon featured 25 emerging technologies for building climate resilience and adaptation, including geo-mapping 
  70.                             services for efficient garbage collection and recycling, drone and AI for smart agriculture, mobile apps to support farmers 
  71.                             or extension workers, and ecologic bamboo toothbrushes as an alternative to plastic. The Hackathon also included project pitching 
  72.                             training and mentorship sessions to further validate the ideas of the participants towards meeting the innovation challenge aimed 
  73.                             at addressing relevant UN SDGs such as Zero Hunger, Climate Action, and Affordable and Clean Energy, among others. <br>
  74.                             The Technical Advisory Group formed by ECA recognized three projects that showed exceptional effort focusing on ICT and climate 
  75.                             change as the award winners of the ECA 2023 Hackathon competition. Digital platforms EcoLog and VerdeVille obtained second and 
  76.                             third place awards, respectively.
  77.                         </p> <br>
  79.                         <img src="{{asset('assets/img/bloc1_3.jpg')}}" width="100%" height="100%" alt="Image du produit 1"> <br>
  81.                         <p align="justify"> 
  82.                             At the closing ceremony, awards and certificates were handed out by ECA's Chief of Technology and Innovation Section, Mactar Seck, 
  83.                             ECA's Chief of the African Climate Policy Center (ACPC), James Murombedzi, and Program Head at United Nations University, Erick Tambo. <br>
  85.                             The ECA Hackathon received positive feedback for its hands-on engagement, allowing young innovators to explore solutions that leverage 
  86.                             digital technologies for offering alternative solutions to climate resilience through cross-border understanding of climate change 
  87.                             challenges. The Hackathon is an excellent example of the power of partnerships to build innovative digital solutions ready for quick 
  88.                             implementation and to provide immediate results to build Africa's climate change resilience. <br>
  90.                             Congratulations to all participants and winners of the ECA 2023 Hackathon. It is inspiring that young Africans are taking advantage 
  91.                             of technology to create positive and sustainable development on the continent. Let's continue harnessing digital technologies for a
  92.                              better future for everyone.
  94.                             For more information about the ECA Hackathon, please visit: United Nations Economic Commission Africa
  95.                         </p>
  96.                     </div>
  97.                     <!-- Blog Detail End -->
  98.  
  99.                 </div>
  100.     
  101.                 <!-- Sidebar Start -->
  102.                 <div class="col-lg-4">
  103.                     <!-- Search Form Start -->
  104.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  105.                         <div class="input-group">
  106.                             <input type="text" class="form-control p-3" placeholder="Keyword">
  107.                             <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  108.                         </div>
  109.                     </div>
  110.                     <!-- Search Form End -->
  111.     
  112.                     <!-- Category Start -->
  113.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  114.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  115.                             <h3 class="mb-0">Categories</h3>
  116.                         </div>
  117.                         <div class="link-animated d-flex flex-column justify-content-start">
  118.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Application web</a>
  119.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Application moblie</a>
  120.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Réalisation carte électronique</a>
  121.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>IOT</a>
  122.                             <a class="h5 fw-semi-bold bg-light rounded py-2 px-3 mb-2" href="#"><i class="bi bi-arrow-right me-2"></i>Système embrquée</a>
  123.                         </div>
  124.                     </div>
  125.                     <!-- Category End -->
  126.     
  127.                     <!-- Recent Post Start -->
  128.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  129.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  130.                             <h3 class="mb-0">Postes récents</h3>
  131.                         </div>
  132.                         <div class="d-flex rounded overflow-hidden mb-3">
  133.                             <img class="img-fluid" src="{{asset('assets/img/bloc1.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  134.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">Nautx Eca Hackathon
  135.                             </a>
  136.                         </div>
  137.                         <div class="d-flex rounded overflow-hidden mb-3">
  138.                             <img class="img-fluid" src="{{asset('assets/img/bloc2.png')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  139.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">om22 Coding Camp Sénégal
  140.                             </a>
  141.                         </div>
  142.                         <div class="d-flex rounded overflow-hidden mb-3">
  143.                             <img class="img-fluid" src="{{asset('assets/img/tolukeur.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  144.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">TOOLU KËR
  145.                             </a>
  146.                         </div>
  147.                     </div>
  148.                     <!-- Recent Post End -->
  149.     
  150.                     <!-- Image Start -->
  151.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  152.                         <img src="img/blog-1.jpg" alt="" class="img-fluid rounded">
  153.                     </div>
  154.                     <!-- Image End -->
  155.     
  156.                     <!-- Tags Start -->
  157.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  158.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  159.                             <h3 class="mb-0">Tag Cloud</h3>
  160.                         </div>
  161.                         <div class="d-flex flex-wrap m-n1">
  162.                             <a href="" class="btn btn-light m-1">Design</a>
  163.                             <a href="" class="btn btn-light m-1">Development</a>
  164.                             <a href="" class="btn btn-light m-1">Marketing</a>
  165.                             <a href="" class="btn btn-light m-1">SEO</a>
  166.                             <a href="" class="btn btn-light m-1">Writing</a>
  167.                             <a href="" class="btn btn-light m-1">Consulting</a>
  168.                         </div>
  169.                     </div>
  170.                     <!-- Tags End -->
  171.                 </div>
  172.                 <!-- Sidebar End -->
  173.             </div>
  174.         </div>
  175.     </div>
  176.     <!-- Blog End -->
  179.     <!-- Vendor Start -->
  180.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  181.         <div class="container py-5 mb-5">
  182.             <div class="bg-white">
  183.                 <div class="owl-carousel vendor-carousel">
  184.                     <img src="{{asset('assets/img/logoAG.png')}}" alt="">
  185.                     <img src="{{asset('assets/img/badis.png')}}" alt="">
  186.                     <img src="{{asset('assets/img/sabs.png')}}" alt="">
  187.                     <img src="{{asset('assets/img/millenium.png')}}" alt="">
  188.                     <img src="{{asset('assets/img/tolukeurlogo.png')}}" alt="">
  189.                     <img src="{{asset('assets/img/yaxanallogo.png')}}" alt="">
  190.                 </div>
  191.             </div>
  192.         </div>
  193.     </div>
  194.     <!-- Vendor End -->
  196. {% endblock %}