templates/home/tolu.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">TOLU KEUR</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">TOLU KEUR</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">TOLU KEUR</h1>                    
  47.                         <br>
  48.                            
  49.                           <img src="{{asset('assets/img/tolukeur.jpg')}}" width="100%" height="100%" alt="Image du produit 1"> <br>
  51.                         <p align="justify">
  52.                             L'équipe NAUTX représentant le Sénégal a participé au podcast S7 EP14 de @woloftech avec El hadji Ibrahima 
  53.                             DIAGO pour discuter de technologie et présenter leur innovation d'agriculture intelligente à la maison 
  54.                             "Toolu Kër" made in Sénégal. Ce projet vise à éliminer la faim dans le monde en assurant notre propre sécurité 
  55.                             alimentaire grâce à une initiative de micro-jardinage intelligent développée par quatre jeunes Sénégalais. 
  56.                             Le projet Toolu Kër a été présenté dans le cadre de la 5ème édition du challenge international des Fablabs 
  57.                             Solidaires organisé par la fondation Orange, où 15 équipes en compétition issues de 10 pays d'Europe, d'Afrique 
  58.                             et du Moyen-Orient ont présenté leurs projets innovants. Toolu Kër était le projet représentant le Sénégal, et 
  59.                             l'équipe NAUTX a appelé au vote pour permettre à leur projet de remporter le challenge international. 
  60.                             Le vote était ouvert à tous et s'effectuait en un clic.
  61.                         </p>    
  62.                         <img src="{{asset('assets/img/tolukeur1.jpg')}}" width="100%" height="100%" alt="Image du produit 1">
  64.                         <p align="justify"> 
  65.                             Malheureusement, lors du pitch final en ligne du challenge qui s'est déroulé le 10 mai 2022, le projet Toolu Kër 
  66.                             n'a pas remporté le prix du jury. Cependant, l'équipe NAUTX tient à remercier toutes les personnes qui les ont 
  67.                             soutenus durant ce challenge et reste optimiste quant au développement de leur projet innovant. Leur participation 
  68.                             à ce challenge international est une source de fierté pour leur FabLab Solidaire Lab-S de Orange Digital Center 
  69.                             et pour le Sénégal, qui ont ainsi été représentés parmi les équipes les plus innovantes du monde. Cette participation 
  70.                             est également un exemple inspirant pour les jeunes qui souhaitent se lancer dans l'innovation technologique pour 
  71.                             résoudre des problèmes sociaux et environnementaux importants.
  72.                         </p>
  73.                     </div>
  74.                     <!-- Blog Detail End -->
  75.  
  76.                 </div>
  77.     
  78.                 <!-- Sidebar Start -->
  79.                 <div class="col-lg-4">
  80.                     <!-- Search Form Start -->
  81.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  82.                         <div class="input-group">
  83.                             <input type="text" class="form-control p-3" placeholder="Keyword">
  84.                             <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  85.                         </div>
  86.                     </div>
  87.                     <!-- Search Form End -->
  88.     
  89.                     <!-- Category Start -->
  90.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  91.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  92.                             <h3 class="mb-0">Categories</h3>
  93.                         </div>
  94.                         <div class="link-animated d-flex flex-column justify-content-start">
  95.                             <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>
  96.                             <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>
  97.                             <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>
  98.                             <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>
  99.                             <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>
  100.                         </div>
  101.                     </div>
  102.                     <!-- Category End -->
  103.     
  104.                     <!-- Recent Post Start -->
  105.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  106.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  107.                             <h3 class="mb-0">Postes récents</h3>
  108.                         </div>
  109.                         <div class="d-flex rounded overflow-hidden mb-3">
  110.                             <img class="img-fluid" src="{{asset('assets/img/bloc1.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  111.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">Nautx Eca Hackathon
  112.                             </a>
  113.                         </div>
  114.                         <div class="d-flex rounded overflow-hidden mb-3">
  115.                             <img class="img-fluid" src="{{asset('assets/img/bloc2.png')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  116.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">om22 Coding Camp Sénégal
  117.                             </a>
  118.                         </div>
  119.                         <div class="d-flex rounded overflow-hidden mb-3">
  120.                             <img class="img-fluid" src="{{asset('assets/img/tolukeur.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  121.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">TOOLU KËR
  122.                             </a>
  123.                         </div>
  124.                     </div>
  125.                     <!-- Recent Post End -->
  126.     
  127.                     <!-- Image Start -->
  128.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  129.                         <img src="img/blog-1.jpg" alt="" class="img-fluid rounded">
  130.                     </div>
  131.                     <!-- Image End -->
  132.     
  133.                     <!-- Tags Start -->
  134.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  135.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  136.                             <h3 class="mb-0">Tag Cloud</h3>
  137.                         </div>
  138.                         <div class="d-flex flex-wrap m-n1">
  139.                             <a href="" class="btn btn-light m-1">Design</a>
  140.                             <a href="" class="btn btn-light m-1">Development</a>
  141.                             <a href="" class="btn btn-light m-1">Marketing</a>
  142.                             <a href="" class="btn btn-light m-1">SEO</a>
  143.                             <a href="" class="btn btn-light m-1">Writing</a>
  144.                             <a href="" class="btn btn-light m-1">Consulting</a>
  145.                         </div>
  146.                     </div>
  147.                     <!-- Tags End -->
  148.                 </div>
  149.                 <!-- Sidebar End -->
  150.             </div>
  151.         </div>
  152.     </div>
  153.     <!-- Blog End -->
  156.     <!-- Vendor Start -->
  157.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  158.         <div class="container py-5 mb-5">
  159.             <div class="bg-white">
  160.                 <div class="owl-carousel vendor-carousel">
  161.                     <img src="{{asset('assets/img/logoAG.png')}}" alt="">
  162.                     <img src="{{asset('assets/img/badis.png')}}" alt="">
  163.                     <img src="{{asset('assets/img/sabs.png')}}" alt="">
  164.                     <img src="{{asset('assets/img/millenium.png')}}" alt="">
  165.                     <img src="{{asset('assets/img/tolukeurlogo.png')}}" alt="">
  166.                     <img src="{{asset('assets/img/yaxanallogo.png')}}" alt="">
  167.                 </div>
  168.             </div>
  169.         </div>
  170.     </div>
  171.     <!-- Vendor End -->
  173. {% endblock %}