templates/home/coding.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">Com22 Coding Camp Sénégal</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">Com22 Coding Camp Sénégal</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">Com22 Coding Camp Sénégal</h1>                    
  47.                         <br>
  48.                            
  49.                           <img src="{{asset('assets/img/bloc2.png')}}" width="100%" height="100%" alt="Image du produit 1"> <br>
  51.                         <p align="justify">
  52.                             Recently, Senegal played host to the 22nd session of the United Nations Conference on Trade and Development 
  53.                             (UNCTAD) and the 4th edition of the Connected African Girls Coding Camp. The event was organized by the United 
  54.                             Nations Economic Commission for Africa (ECA) and the Ministry of Digital Economy and Telecommunications of Senegal, 
  55.                             in partnership with UN Women, UNESCO, UNICEF, and the International Telecommunication Union under the African Girls 
  56.                             Coding Equals initiative
  57.                         </p>    
  58.                         <img src="{{asset('assets/img/coding.png')}}" width="100%" height="100%" alt="Image du produit 1">
  60.                         <p align="justify"> 
  61.                            NAUTX was honored to participate in this event and contribute to the development of technology skills among 
  62.                            105 Senegalese girls aged 12 to 25 from different schools across the country. Our team provided training in 
  63.                            design thinking, robotics, and 3D printing, and we were impressed by the intelligence, determination, and passion 
  64.                            of the girls who participated. This experience reinforced our belief in the potential of women in the field of 
  65.                            technology.
  66.                         </p>
  68.                         <img src="{{asset('assets/img/coding1.png')}}" width="100%" height="100%" alt="Image du produit 1">
  70.                         <p align="justify"> 
  71.                            The Connected African Girls Coding Camp is a platform that promotes the participation of girls in the technology 
  72.                            industry and exposes them to technology, which is vital to their success in today's digital world. The event 
  73.                            provides a space for girls to develop their problem-solving and critical thinking skills while engaging in hands-
  74.                            on activities such as coding, app development, and 3D printing. The camp aims to empower and encourage girls to 
  75.                            pursue careers in science, technology, engineering, and mathematics (STEM) and help bridge the gender gap in technology. <br>
  77.                            At NAUTX, we believe that technology can be a powerful tool for economic development and social change. By empowering 
  78.                            girls through programs like the Connected African Girls Coding Camp, we can help to create a brighter future for girls i
  79.                            n Senegal and the African continent as a whole. Our team is committed to continuing to support initiatives that promote 
  80.                            gender equality in technology and create opportunities for women in the industry.
  81.                         </p>
  82.                         
  83.                     </div>
  84.                     <!-- Blog Detail End -->
  85.  
  86.                 </div>
  87.     
  88.                 <!-- Sidebar Start -->
  89.                 <div class="col-lg-4">
  90.                     <!-- Search Form Start -->
  91.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  92.                         <div class="input-group">
  93.                             <input type="text" class="form-control p-3" placeholder="Keyword">
  94.                             <button class="btn btn-primary px-4"><i class="bi bi-search"></i></button>
  95.                         </div>
  96.                     </div>
  97.                     <!-- Search Form End -->
  98.     
  99.                     <!-- Category Start -->
  100.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  101.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  102.                             <h3 class="mb-0">Categories</h3>
  103.                         </div>
  104.                         <div class="link-animated d-flex flex-column justify-content-start">
  105.                             <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>
  106.                             <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>
  107.                             <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>
  108.                             <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>
  109.                             <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>
  110.                         </div>
  111.                     </div>
  112.                     <!-- Category End -->
  113.     
  114.                     <!-- Recent Post Start -->
  115.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  116.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  117.                             <h3 class="mb-0">Postes récents</h3>
  118.                         </div>
  119.                         <div class="d-flex rounded overflow-hidden mb-3">
  120.                             <img class="img-fluid" src="{{asset('assets/img/bloc1.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">Nautx Eca Hackathon
  122.                             </a>
  123.                         </div>
  124.                         <div class="d-flex rounded overflow-hidden mb-3">
  125.                             <img class="img-fluid" src="{{asset('assets/img/bloc2.png')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  126.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">om22 Coding Camp Sénégal
  127.                             </a>
  128.                         </div>
  129.                         <div class="d-flex rounded overflow-hidden mb-3">
  130.                             <img class="img-fluid" src="{{asset('assets/img/tolukeur.jpg')}}" style="width: 100px; height: 100px; object-fit: cover;" alt="">
  131.                             <a href="" class="h5 fw-semi-bold d-flex align-items-center bg-light px-3 mb-0">TOOLU KËR
  132.                             </a>
  133.                         </div>
  134.                     </div>
  135.                     <!-- Recent Post End -->
  136.     
  137.                     <!-- Image Start -->
  138.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  139.                         <img src="img/blog-1.jpg" alt="" class="img-fluid rounded">
  140.                     </div>
  141.                     <!-- Image End -->
  142.     
  143.                     <!-- Tags Start -->
  144.                     <div class="mb-5 wow slideInUp" data-wow-delay="0.1s">
  145.                         <div class="section-title section-title-sm position-relative pb-3 mb-4">
  146.                             <h3 class="mb-0">Tag Cloud</h3>
  147.                         </div>
  148.                         <div class="d-flex flex-wrap m-n1">
  149.                             <a href="" class="btn btn-light m-1">Design</a>
  150.                             <a href="" class="btn btn-light m-1">Development</a>
  151.                             <a href="" class="btn btn-light m-1">Marketing</a>
  152.                             <a href="" class="btn btn-light m-1">SEO</a>
  153.                             <a href="" class="btn btn-light m-1">Writing</a>
  154.                             <a href="" class="btn btn-light m-1">Consulting</a>
  155.                         </div>
  156.                     </div>
  157.                     <!-- Tags End -->
  158.                 </div>
  159.                 <!-- Sidebar End -->
  160.             </div>
  161.         </div>
  162.     </div>
  163.     <!-- Blog End -->
  166.     <!-- Vendor Start -->
  167.     <div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
  168.         <div class="container py-5 mb-5">
  169.             <div class="bg-white">
  170.                 <div class="owl-carousel vendor-carousel">
  171.                     <img src="{{asset('assets/img/logoAG.png')}}" alt="">
  172.                     <img src="{{asset('assets/img/badis.png')}}" alt="">
  173.                     <img src="{{asset('assets/img/sabs.png')}}" alt="">
  174.                     <img src="{{asset('assets/img/millenium.png')}}" alt="">
  175.                     <img src="{{asset('assets/img/tolukeurlogo.png')}}" alt="">
  176.                     <img src="{{asset('assets/img/yaxanallogo.png')}}" alt="">
  177.                 </div>
  178.             </div>
  179.         </div>
  180.     </div>
  181.     <!-- Vendor End -->
  183. {% endblock %}