var/cache/dev/twig/ef/ef7b4add6d753e207cc91ec92914f70d1cacca13772006b3e3e6b30af3b78088.php line 43

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* Theme/Users/User/Security/accueilsite.html.twig */
  16. class __TwigTemplate_533524715d2214c8f34161a9ec2af395d8d6665b80c15af5b6cb15e16daf9efb extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'meta' => [$this, 'block_meta'],
  29.             'title' => [$this, 'block_title'],
  30.             'stylesheets' => [$this, 'block_stylesheets'],
  31.             'userblog_body' => [$this, 'block_userblog_body'],
  32.             'srcjavascripttemplate' => [$this, 'block_srcjavascripttemplate'],
  33.             'javascripttemplate' => [$this, 'block_javascripttemplate'],
  34.         ];
  35.     }
  37.     protected function doGetParent(array $context)
  38.     {
  39.         // line 1
  40.         return "Theme/Users/User/layouthome.html.twig";
  41.     }
  43.     protected function doDisplay(array $context, array $blocks = [])
  44.     {
  45.         $macros = $this->macros;
  46.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  47.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Users/User/Security/accueilsite.html.twig"));
  49.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  50.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "Theme/Users/User/Security/accueilsite.html.twig"));
  52.         $this->parent = $this->loadTemplate("Theme/Users/User/layouthome.html.twig", "Theme/Users/User/Security/accueilsite.html.twig", 1);
  53.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  54.         
  55.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  57.         
  58.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  60.     }
  62.     // line 2
  63.     public function block_meta($context, array $blocks = [])
  64.     {
  65.         $macros = $this->macros;
  66.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  67.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  69.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  70.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "meta"));
  72.         // line 3
  73.         echo "\t";
  74.         $this->displayParentBlock("meta", $context, $blocks);
  75.         echo "
  76. \t<meta name=\"keywords\" content=\"";
  77.         // line 4
  78.         echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 4, $this->source); })()), "html", null, true);
  79.         echo ", Business, Innovation,Administration\"/>
  80. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  81. \t<meta name=\"description\" content=\"";
  82.         // line 6
  83.         echo twig_escape_filter($this->env, (isset($context["site"]) || array_key_exists("site", $context) ? $context["site"] : (function () { throw new RuntimeError('Variable "site" does not exist.', 6, $this->source); })()), "html", null, true);
  84.         echo " | Inscription | Cameroun | ";
  85.         echo twig_escape_filter($this->env, (isset($context["metier"]) || array_key_exists("metier", $context) ? $context["metier"] : (function () { throw new RuntimeError('Variable "metier" does not exist.', 6, $this->source); })()), "html", null, true);
  86.         echo "\"/>
  87. ";
  88.         
  89.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  91.         
  92.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  94.     }
  96.     // line 9
  97.     public function block_title($context, array $blocks = [])
  98.     {
  99.         $macros = $this->macros;
  100.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  101.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  103.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  104.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "title"));
  106.         // line 10
  107.         echo "\t";
  108.         $this->displayParentBlock("title", $context, $blocks);
  109.         echo " | Accueil
  110. ";
  111.         
  112.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  114.         
  115.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  117.     }
  119.     // line 13
  120.     public function block_stylesheets($context, array $blocks = [])
  121.     {
  122.         $macros = $this->macros;
  123.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  124.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  126.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  127.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "stylesheets"));
  129.         // line 14
  130.         echo "\t";
  131.         $this->displayParentBlock("stylesheets", $context, $blocks);
  132.         echo "
  133. \t<style>
  134. \t\t.card{
  135. \t\t\tbackground: -webkit-linear-gradient(to left, #16A085, #F4D03F);background: linear-gradient(to left, #00c6d7, #052963);
  136. \t\t\tborder: 2px solid #fff;
  137. \t\t\tmargin-bottom: 7px;
  138. \t\t\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  139. \t\t\ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);
  140. \t\t}
  141. \t\t.card:hover{
  142. \t\t\tbox-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  143. \t\t}
  144. \t</style>
  145. ";
  146.         
  147.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  149.         
  150.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  152.     }
  154.     // line 28
  155.     public function block_userblog_body($context, array $blocks = [])
  156.     {
  157.         $macros = $this->macros;
  158.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  159.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  161.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  162.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "userblog_body"));
  164.         // line 29
  165.         echo "
  166. <link rel=\"stylesheet\" href=\"";
  167.         // line 30
  168.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/test/css/style.css"), "html", null, true);
  169.         echo "\">
  170. <style>
  171. \t.silder_intro {
  172. \t\tdisplay: block;
  173. \t\tposition: absolute;
  174. \t\tright: 0px!important;
  175. \t\ttop: 0px!important;
  176. \t\tz-index: 9;
  177. \t\twidth: 400px;
  178. \t\theight: 400px;
  179. \t\tpadding: 25px 15px;
  180. \t\toverflow: hidden;
  181. \t\tbackground: rgba(0, 0, 0, .8);
  182. \t\tcolor: #f0f0f0;
  183. \t\tpadding-left: 20px;
  184. \t\tbox-shadow: 0 0 5px 0 #ddd;
  185. \t\tborder-radius: 2px;
  186. \t\ttext-indent: 0;
  187. \t\ttext-decoration: none;
  188. \t}
  189. \t.silder_intro:hover{
  190. \t\tcolor: #fff;
  191. \t}
  192. \t.img-slide-lg{
  193. \t\theight: 400px;
  194. \t}
  195. </style>
  196. <section class=\"diaporama-accueil\" style=\"\">
  197. \t<div id=\"panel-slide-size\" style=\"padding: 5px; margin: 0px; box-shadow:0px 0px 2px rgba(0,0,0,0.1); background: #fff;\">\t
  198. \t<div>
  199. \t\t<div class=\"slider_box\" style=\"height: 400px;\">
  200. \t\t\t<!-- slide & description -->
  201. \t\t\t<div class=\"silder_con\">
  203. \t\t\t  ";
  204.         // line 64
  205.         $context['_parent'] = $context;
  206.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_slide"]) || array_key_exists("liste_slide", $context) ? $context["liste_slide"] : (function () { throw new RuntimeError('Variable "liste_slide" does not exist.', 64, $this->source); })()));
  207.         foreach ($context['_seq'] as $context["_key"] => $context["slide"]) {
  208.             // line 65
  209.             echo "\t\t\t  <div class=\"silder_panel\">
  210. \t\t\t\t<a href=\"#\" class=\"silder_panel_item\">
  211. \t\t\t\t  <img src=\"";
  212.             // line 67
  213.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/ban-az-min.png"), "html", null, true);
  214.             echo "\" class=\"img-slide-lg\"/>
  215. \t\t\t\t</a>
  216. \t\t\t\t<a href=\"";
  217.             // line 69
  218.             if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["slide"], "link", [], "any", false, false, false, 69), null))) {
  219.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["slide"], "link", [], "any", false, false, false, 69), "html", null, true);
  220.             } else {
  221.                 echo "#!";
  222.             }
  223.             echo "\" class=\"silder_intro\">
  224. \t\t\t\t  <div class=\"silder_intro_content\">
  225. \t\t\t\t\t<h2 style=\"color: #fff;\">";
  226.             // line 71
  227.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["slide"], "titre", [], "any", false, false, false, 71), "html", null, true);
  228.             echo "</h2>
  229. \t\t\t\t\t<div>";
  230.             // line 72
  231.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["slide"], "description", [], "any", false, false, false, 72), "html", null, true);
  232.             echo "</div>
  233. \t\t\t\t  </div>
  234. \t\t\t\t</a>
  235. \t\t\t  </div>
  236. \t\t\t  ";
  237.         }
  238.         $_parent = $context['_parent'];
  239.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['slide'], $context['_parent'], $context['loop']);
  240.         $context = array_intersect_key($context, $_parent) + $_parent;
  241.         // line 77
  242.         echo "
  243. \t\t\t</div>
  244. \t\t\t<!-- contorl nav (created by JS)-->
  245. \t\t\t<div class=\"silder_nav_mask\"></div>
  246. \t\t\t<div class=\"silder_nav\"></div>
  247. \t\t</div>
  248. \t</div>
  250. \t<script src=\"";
  251.         // line 85
  252.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/test/js/slides.js"), "html", null, true);
  253.         echo "\"></script>
  254. \t</div>
  256. <!--Adding demo page css file -->
  257. <link rel=\"stylesheet\" type=\"text/css\" href=\"";
  258.         // line 89
  259.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("hometemplate/css/demo-page-styles.css"), "html", null, true);
  260.         echo "\">
  261. <!--Adding plugin css file -->
  262. <link rel=\"stylesheet\" type=\"text/css\" href=\"";
  263.         // line 91
  264.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("hometemplate/css/breaking-news-ticker.css"), "html", null, true);
  265.         echo "\">
  267. \t<div class=\"container\">
  268. \t\t
  269. \t\t<!-- DEMO1 HTML STARTS HERE *-->
  270. \t\t<!-- *********************** -->
  271. \t\t<div class=\"breaking-news-ticker border-secondary\" id=\"newsTicker1\">
  272. \t\t\t<div class=\"bn-label bg-secondary\"><span class=\"fa fa-bullhorn\"></span> Flash</div>
  273. \t\t\t<div class=\"bn-news\">
  274. \t\t\t\t<ul>
  275. \t\t\t\t\t";
  276.         // line 101
  277.         $context['_parent'] = $context;
  278.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_actualite"]) || array_key_exists("liste_actualite", $context) ? $context["liste_actualite"] : (function () { throw new RuntimeError('Variable "liste_actualite" does not exist.', 101, $this->source); })()));
  279.         $context['loop'] = [
  280.           'parent' => $context['_parent'],
  281.           'index0' => 0,
  282.           'index'  => 1,
  283.           'first'  => true,
  284.         ];
  285.         if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  286.             $length = count($context['_seq']);
  287.             $context['loop']['revindex0'] = $length - 1;
  288.             $context['loop']['revindex'] = $length;
  289.             $context['loop']['length'] = $length;
  290.             $context['loop']['last'] = 1 === $length;
  291.         }
  292.         foreach ($context['_seq'] as $context["_key"] => $context["article"]) {
  293.             // line 102
  294.             echo "\t\t\t\t\t<li><a href=\"";
  295.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_detail_actualite", ["id" => twig_get_attribute($this->env, $this->source, $context["article"], "id", [], "any", false, false, false, 102)]), "html", null, true);
  296.             echo "\"><span class=\"label label-primary\">";
  297.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["loop"], "index", [], "any", false, false, false, 102), "html", null, true);
  298.             echo "</span> ";
  299.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["article"], "nom", [], "any", false, false, false, 102), "html", null, true);
  300.             echo "</a></li>
  301. \t\t\t\t\t";
  302.             ++$context['loop']['index0'];
  303.             ++$context['loop']['index'];
  304.             $context['loop']['first'] = false;
  305.             if (isset($context['loop']['length'])) {
  306.                 --$context['loop']['revindex0'];
  307.                 --$context['loop']['revindex'];
  308.                 $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  309.             }
  310.         }
  311.         $_parent = $context['_parent'];
  312.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['article'], $context['_parent'], $context['loop']);
  313.         $context = array_intersect_key($context, $_parent) + $_parent;
  314.         // line 104
  315.         echo "\t\t\t\t</ul>
  316. \t\t\t</div>
  317. \t\t\t<div class=\"bn-controls\">
  318. \t\t\t\t<button><span class=\"bn-arrow bn-prev\"></span></button>
  319. \t\t\t\t<button><span class=\"bn-action\"></span></button>
  320. \t\t\t\t<button><span class=\"bn-arrow bn-next\"></span></button>
  321. \t\t\t</div>
  322. \t\t</div>
  323. \t\t<!-- *********************** -->
  324. \t\t<!-- DEMO1 HTML END HERE *** -->
  325. \t\t
  326. \t</div>
  329. <script src=\"";
  330.         // line 118
  331.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("hometemplate/js/breaking-news-ticker.min.js"), "html", null, true);
  332.         echo "\"></script>
  333. <script type=\"text/javascript\">
  334. \tjQuery(document).ready(function(\$){
  335. \t\t\$('#newsTicker1').breakingNews();
  336. \t});
  337. </script>
  338. </div>
  339. </section>
  341. <style>
  342. .img__ {
  343.   max-width: 100%;
  344.   aspect-ratio: 1/1;
  345.   object-fit: cover;
  346.   display: block;
  347. }
  350. .card__ {
  351.   padding: 3.5em 2em 2em;
  352.   width: 100%;
  353.   background: #fff;
  354.  border: 1px solid #ddd;
  355.  border-radius: 5px;
  356.   position: relative;
  357. }
  358. .card__ .rectangle {
  359.   position: absolute;
  360.   top: 22px;
  361.   left: 50%;
  362.   transform: translatex(-50%);
  363.   width: 50px;
  364.   background: #224373;
  365.   height: 10px;
  366.   display: block;
  367.   border-radius: 50px;
  368. }
  369. .card-content {
  370.   padding-top: 7.2em;
  371. }
  372. .card-content h2 {
  373.   text-transform: capitalize;
  374.   font-size: 1.2rem;
  375.   letter-spacing: 0.2em;
  376.   margin-bottom: 0.35em;
  377.   font-weight: 700;
  378. }
  379. .card-content p {
  380.   font-size: 0.8rem;
  381.   letter-spacing: 0.08em;
  382. }
  383. .card-img {
  384.   position: relative;
  385. }
  386. .card-img-overlay {
  387.   position: absolute;
  388.   top: 0;
  389.   height: 100%;
  390. }
  391. .card-img-overlay p {
  392.   display: inline-block;
  393.   color: #fff;
  394.   text-transform: capitalize;
  395.   letter-spacing: 0.2em;
  396.   display: grid;
  397.   place-items: center;
  398.   padding: 0.9em;
  399.   text-align: center;
  400.   position: relative;
  401.   top: 100%;
  402.   min-width: 85px;
  403.   min-height: 85px;
  404.   word-wrap: break-word;
  405.   font-size: 0.95rem;
  406.   line-height: 1.5;
  407. }
  408. .card__:nth-child(1) .card-img-overlay {
  409.   background: #056f6a;
  410.   /* The Fallback */
  411.   background: rgba(5, 111, 106, 0.5);
  412. }
  413. .card__:nth-child(1) .card-img-overlay p {
  414.   background: #056f6a;
  415.   /* The Fallback */
  416.   background: #056f6a;
  417. }
  418. .card__:nth-child(2) .card-img-overlay {
  419.   background: #b37399;
  420.   /* The Fallback */
  421.   background: rgba(179, 115, 153, 0.5);
  422. }
  423. .card__:nth-child(2) .card-img-overlay p {
  424.   background: #b37399;
  425.   /* The Fallback */
  426.   background: #b37399;
  427. }
  430. .feature-wrapper {
  431.   padding: 50px;
  432.   display: flex;
  433.   flex-direction: column;
  434.   justify-content: center;
  435.   align-items: center;
  436. }
  437. .feature-wrapper i {
  438.   color: white;
  439. }
  441. .zorb-container {
  442.   display: flex;
  443.   flex-direction: column;
  444.   justify-content: center;
  445.   align-items: center;
  446. }
  447. .zorb-container h3 {
  448.   font-size: 20px;
  449.   max-width: 150px;
  450. }
  452. .zorb {
  453.   display: flex;
  454.   flex-direction: column;
  455.   justify-content: center;
  456.   align-items: center;
  457.   width: 100px;
  458.   height: 100px;
  459.   border-radius: 50%;
  460.   background-color: #fff;
  461.   margin: 5px;
  462. }
  464. .zorb-link {
  465.   width: 0px;
  466.   height: 50px;
  467.   border-bottom: 0px;
  468.   border-right: 3px solid grey;
  469.   flex-grow: 1;
  470. }
  472. @media (min-width: 768px) {
  473.   .feature-wrapper {
  474.     flex-direction: row;
  475.   }
  477.   .zorb-link {
  478.     height: 0px;
  479.     border-bottom: 3px solid grey;
  480.     margin-bottom: 30px;
  481.     max-width: 100px;
  482.     max-height: 50px;
  483.   }
  484. }
  485. .text-muted{
  486. \ttext-align: center!important;
  487. \tcolor: #fff!important;
  488. }
  493. .cardDis{
  494.     border-radius: 4px;
  495.     background: #fff;
  496.     box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  497.       transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  498.   padding: 14px 80px 18px 36px;
  499.   cursor: pointer;
  500.   display: block;
  501.   color: #333;
  502. }
  504. .cardDis:hover{
  505.      transform: scale(1.05);
  506.   box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  507. }
  509. .cardDis h3{
  510.   font-weight: 600;
  511. }
  513. .cardDis img{
  514.   position: absolute;
  515.   top: 20px;
  516.   right: 15px;
  517.   max-height: 120px;
  518. }
  520. .card-1{
  521.       background-repeat: no-repeat;
  522.     background-position: right;
  523.     background-size: 80px;
  524. }
  526. .card-2{
  527.       background-repeat: no-repeat;
  528.     background-position: right;
  529.     background-size: 80px;
  530. }
  532. .card-3{
  533.       background-repeat: no-repeat;
  534.     background-position: right;
  535.     background-size: 80px;
  536. }
  538. @media(max-width: 990px){
  539.   .cardDis{
  540.     margin: 20px;
  541.   }
  542. } 
  546. /* -------------------------------- 
  547. Component 
  548. -------------------------------- */
  550. .banner {
  551.   display: block;
  552.   text-decoration: none;
  553.   color: inherit;
  554.   overflow: hidden;
  555.   background-color: hsl(0, 0%, 100%);
  556.   box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05),
  557.     0 0.3px 0.4px hsla(230, 13%, 9%, 0.02),
  558.     0 0.9px 1.5px hsla(230, 13%, 9%, 0.045),
  559.     0 3.5px 6px hsla(230, 13%, 9%, 0.09);
  560.   border-radius: 0.375em;
  561.   transition: 0.3s;
  562.   width: 100%;
  563.   margin-inline: auto;
  564. }
  566. .banner__grid {
  567.   display: flex;
  568.   flex-direction: column;
  569. }
  571. .banner__grid > * {
  572.   min-width: 0;
  573. }
  575. .banner__link {
  576.   position: relative;
  577.   text-decoration: none;
  578.   color: hsl(250, 84%, 54%);
  579.   display: inline-block;
  580.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  581.   transform-origin: left bottom;
  582. }
  584. .banner__link i {
  585.   /* label */
  586.   position: relative;
  587.   z-index: 2;
  588.   display: inline-block;
  589.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  590. }
  592. .banner__link::after {
  593.   /* animated border */
  594.   content: \"\";
  595.   background-color: currentColor;
  596.   height: 2px;
  597.   width: 100%;
  598.   position: absolute;
  599.   z-index: 1;
  600.   bottom: 0;
  601.   left: 0;
  602.   -webkit-clip-path: inset(0% round 0.1875em);
  603.   clip-path: inset(0% round 0.1875em);
  604.   opacity: 0.15;
  605.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  606. }
  608. .banner__figure {
  609.   height: 0;
  610.   width: 100%;
  611.   padding-bottom: 50%;
  612.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  613.   background-position: center center;
  614.   background-repeat: no-repeat;
  615.   background-size: cover;
  616. }
  618. .banner__text {
  619.   padding: 1.5rem;
  620. }
  622. .banner__link-wrapper {
  623.   margin-top: 1rem;
  624. }
  626. .banner:hover {
  627.   box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05),
  628.     0 0.9px 1.25px hsla(230, 13%, 9%, 0.025), 0 3px 5px hsla(230, 13%, 9%, 0.05),
  629.     0 12px 20px hsla(230, 13%, 9%, 0.09);
  630. }
  632. .banner:hover .banner__link {
  633.   transform: scale(1.3);
  634. }
  636. .banner:hover .banner__link i {
  637.   transform: scale(0.7);
  638. }
  640. .banner:hover .banner__link::after {
  641.   height: 100%;
  642. }
  644. .banner:hover .banner__figure {
  645.   transform: scale(1.05);
  646. }
  648. @media (min-width: 64rem) {
  649.   .banner__grid {
  650.     flex-direction: row-reverse;
  651.   }
  653.   .banner__grid > * {
  654.     width: 50%;
  655.   }
  657.   .banner__figure {
  658.     height: 100%;
  659.     padding-bottom: 0;
  660.     -webkit-clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 50px 100%);
  661.     clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 50px 100%);
  662.   }
  664.   .banner__text {
  665.     padding: 3rem;
  666.   }
  668.   .banner__link-wrapper {
  669.     margin-top: 1.5rem;
  670.   }
  672.   .banner--invert .banner__grid {
  673.     flex-direction: row;
  674.   }
  676.   .banner--invert .banner__figure {
  677.     -webkit-clip-path: polygon(
  678.       0% 0%,
  679.       calc(100% - 100px) 0%,
  680.       calc(100% - 50px) 100%,
  681.       0% 100%
  682.     );
  683.     clip-path: polygon(
  684.       0% 0%,
  685.       calc(100% - 100px) 0%,
  686.       calc(100% - 50px) 100%,
  687.       0% 100%
  688.     );
  689.   }
  691.   .banner--invert .banner__text {
  692.     text-align: right;
  693.   }
  695.   .banner--invert .banner__link {
  696.     transform-origin: right bottom;
  697.   }
  699.   .banner:hover .banner__figure {
  700.     -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  701.     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  702.   }
  703. }
  705. /* ------------------------ Watermark (Please Ignore) ----------------------- */
  706. .watermark-ctr {
  707.   --clr-button-bg: #141414;
  708.   --clr-button: 72, 39, 236;
  709.   --clr-text: #ffffff;
  711.   position: fixed;
  712.   bottom: 1.5rem;
  713.   right: 1.5rem;
  714.   z-index: 1000;
  715. }
  716. .watermark-ctr a {
  717.   text-decoration: none;
  718.   color: inherit;
  719.   display: flex;
  720. }
  721. .generate-button {
  722.   --generate-button-star-1-opacity: 0.25;
  723.   --generate-button-star-1-scale: 1;
  724.   --generate-button-star-2-opacity: 1;
  725.   --generate-button-star-2-scale: 1;
  726.   --generate-button-star-3-opacity: 0.5;
  727.   --generate-button-star-3-scale: 1;
  728.   --generate-button-dots-opacity: 0;
  729.   appearance: none;
  730.   outline: none;
  731.   border: none;
  732.   padding: 14px 24px 14px 20px;
  733.   border-radius: 29px;
  734.   margin: 0;
  735.   background-color: var(--clr-button-bg);
  736.   color: var(--clr-text);
  737.   display: flex;
  738.   align-items: center;
  739.   justify-content: center;
  740.   position: relative;
  741.   cursor: pointer;
  742.   -webkit-tap-highlight-color: transparent;
  743.   z-index: 1;
  744.   transform: scale(var(--generate-button-scale, 1)) translateZ(0);
  745.   box-shadow: 0px 0px 120px var(--generate-button-shadow-wide, transparent),
  746.     0px 4px 12px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.1),
  747.     inset 0px 1px 1px
  748.       var(--generate-button-shadow-inset, rgba(255, 255, 255, 0.04)),
  749.     0 0 0 var(--generate-button-shadow-outline, 0px)
  750.       rgba(var(--clr-button), 0.4);
  751.   transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s, color 0.3s;
  752. }
  753. .generate-button:before {
  754.   content: \"\";
  755.   display: block;
  756.   position: absolute;
  757.   right: 20%;
  758.   height: 20px;
  759.   left: 20%;
  760.   bottom: -10px;
  761.   background: rgba(204, 204, 204, 0.4);
  762.   filter: blur(12.5px);
  763.   z-index: 2;
  764.   clip-path: inset(-200% -30% 10px -30% round 29px);
  765.   opacity: 0;
  766.   transition: opacity 0.4s;
  767.   transform: translateZ(0);
  768. }
  769. .generate-button span {
  770.   position: relative;
  771.   z-index: 1;
  772.   font-family: \"Poppins\", Arial;
  773.   font-weight: 600;
  774.   font-size: 16px;
  775.   letter-spacing: 0.005em;
  776.   display: block;
  777.   user-select: none;
  778. }
  779. .generate-button .stroke {
  780.   mix-blend-mode: hard-light;
  781. }
  782. .generate-button .stroke svg {
  783.   position: absolute;
  784.   inset: 0;
  785.   width: 100%;
  786.   height: 100%;
  787.   fill: none;
  788.   stroke-width: 0.75px;
  789.   stroke: #e2d9ff;
  790.   stroke-dasharray: 1.5 14;
  791.   stroke-dashoffset: 22;
  792.   opacity: 0;
  793. }
  794. .generate-button .stroke svg:nth-child(2) {
  795.   stroke-width: 1px;
  796.   stroke-opacity: 0.5;
  797.   filter: blur(3px);
  798. }
  800. .generate-button svg.icon {
  801.   width: 18px;
  802.   height: 20px;
  803.   margin-right: 10px;
  804.   fill: currentColor;
  805. }
  806. .generate-button svg.icon path:nth-child(1) {
  807.   opacity: var(--generate-button-star-1-opacity);
  808.   transform: scale(var(--generate-button-star-1-scale)) translateZ(0);
  809.   transform-origin: 25% 14.58%;
  810. }
  811. .generate-button svg.icon path:nth-child(2) {
  812.   opacity: var(--generate-button-star-2-opacity);
  813.   transform: scale(var(--generate-button-star-2-scale)) translateZ(0);
  814.   transform-origin: 60.42% 50%;
  815. }
  816. .generate-button svg.icon path:nth-child(3) {
  817.   opacity: var(--generate-button-star-3-opacity);
  818.   transform: scale(var(--generate-button-star-3-scale)) translateZ(0);
  819.   transform-origin: 25% 85.42%;
  820. }
  821. .generate-button:hover {
  822.   --generate-button-scale: 1.01;
  823.   --generate-button-shadow-wide: rgba(var(--clr-button), 0.4);
  824.   --generate-button-shadow-inset: rgba(255, 255, 255, 0.35);
  825.   --generate-button-shadow-outline: 3px;
  826.   color: var(--clr-text);
  827.   background-color: rgba(var(--clr-button));
  828. }
  829. .generate-button:hover .stroke svg {
  830.   animation: stroke 2s linear infinite;
  831. }
  832. .generate-button:hover:before {
  833.   opacity: 1;
  834. }
  835. .generate-button:hover span:before {
  836.   opacity: 0;
  837. }
  838. .generate-button:hover:active {
  839.   --generate-button-scale: 1.05;
  840. }
  841. @keyframes stroke {
  842.   0% {
  843.     opacity: 0;
  844.   }
  845.   25%,
  846.   75% {
  847.     opacity: 1;
  848.   }
  849.   95%,
  850.   100% {
  851.     stroke-dashoffset: 6;
  852.     opacity: 0;
  853.   }
  854. }
  856. /*------------------------ Begin style Accordion -------------------*/
  858. /*Privacy Center*/
  859. .privacy-center {
  860.   width: 100%;
  861.   max-width: 100%;
  862.   overflow: auto;
  863.   margin: 0 auto;
  864.   background-color: #ffffff;
  865.   padding: 32px 0 104px;
  866.   border-radius: 8px;
  867.   position: relative;
  868. }
  869. .privacy-center .privacy-center--header {
  870.   padding: 0 0 16px;
  871.   margin: 0 32px;
  872. }
  873. .privacy-center .privacy-center--header h1 {
  874.   font-size: 24px;
  875.   font-weight: 700;
  876.   color: #0060b1;
  877.   text-transform: capitalize;
  878. }
  879. .privacy-center .privacy-center--body {
  880.   margin: 0 32px;
  881.   border-top: 1px solid #dedede;
  882.   overflow: auto;
  883. }
  884. .privacy-center .privacy-center--body .privacy-center-intro {
  885.   padding: 24px 0;
  886.   line-height: 150%;
  887.   border-bottom: 1px solid #dedede;
  888. }
  889. .privacy-center .privacy-center--body .privacy-container {
  890.   margin: 0 auto;
  891.   background-color: #ffffff;
  892.   transition: all ease-in-out 0.36s;
  893.   border-radius: 3px;
  894.   max-height: 212px;
  895. }
  896. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting {
  897.   display: flex;
  898.   align-content: center;
  899.   padding: 24px 0;
  900. }
  901. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label {
  902.   display: flex;
  903.   flex-grow: 1;
  904.   position: relative;
  905.   padding-right: 24px;
  906.   font-weight: 600;
  907.   transition: rotate ease-in-out 0.36s;
  908.   background-color: transparent;
  909.   border: none;
  910. }
  911. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label:before {
  912.   content: \"\";
  913.   width: 20px;
  914.   height: 20px;
  915.   display: block;
  916.   background-image: url(\"https://cdn-icons-png.flaticon.com/128/5343/5343102.png\");
  917.   background-size: 12px auto;
  918.   background-position: 50% 50%;
  919.   background-repeat: no-repeat;
  920.   margin-right: 16px;
  921.   transition: transform ease-in-out 0.36s;
  922. }
  923. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label:hover {
  924.   cursor: pointer;
  925. }
  926. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label.active:before {
  927.   transform: rotate(90deg);
  928. }
  929. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container {
  930.   display: flex;
  931. }
  932. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button {
  933.   width: 20px;
  934.   height: 20px;
  935.   background-color: #fafafb;
  936.   border-radius: 100%;
  937.   border: 1px solid #dedede;
  938.   position: relative;
  939.   margin: 0 64px 0 0;
  940. }
  941. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button:hover {
  942.   cursor: pointer;
  943. }
  944. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button:before {
  945.   content: \"\";
  946.   width: 10px;
  947.   height: 10px;
  948.   border-radius: 100%;
  949.   position: absolute;
  950.   top: 0;
  951.   right: 0;
  952.   bottom: 0;
  953.   left: 0;
  954.   margin: auto;
  955.   background-color: transparent;
  956.   transition: all ease-in-out 0.36s;
  957. }
  958. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button.active {
  959.   border: 1px solid #2980b9;
  960. }
  961. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button.active:before {
  962.   background-color: #2980b9;
  963. }
  964. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button .button-label {
  965.   position: absolute;
  966.   font-weight: 400;
  967.   top: 0px;
  968.   left: 24px;
  969.   bottom: 0;
  970.   margin: 0 auto;
  971. }
  972. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description {
  973.   max-height: 0;
  974.   overflow: hidden;
  975.   margin: 0;
  976.   transition: all 0.65s ease-in-out;
  977.   border-bottom: 1px solid #dedede;
  978. }
  979. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description:last-of-type {
  980.   border: none;
  981. }
  982. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description p {
  983.   line-height: 150%;
  984.   padding: 0px 32px 32px;
  985.   opacity: 0;
  986.   transition: opacity ease-in-out 1s;
  987. }
  988. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description p.active {
  989.   opacity: 1;
  990. }
  991. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description p a {
  992.   text-decoration: none;
  993.   color: #2980b9;
  994.   font-weight: 600;
  995. }
  996. .privacy-center .privacy-center--body .privacy-description {
  997.   margin: 0;
  998. }
  999. .privacy-center .privacy-center--footer {
  1000.   width: calc(100% - 64px);
  1001.   max-width: 768px;
  1002.   height: calc(40px + 64px);
  1003.   padding: 32px 0;
  1004.   background: #ffffff;
  1005.   display: flex;
  1006.   justify-content: flex-end;
  1007.   border-top: 1px solid #dedede;
  1008.   position: absolute;
  1009.   right: 0;
  1010.   left: 0;
  1011.   bottom: 0;
  1012.   margin: 0 auto;
  1013. }
  1014. .privacy-center .privacy-center--footer .buttons-container {
  1015.   display: flex;
  1016.   justify-content: flex-end;
  1017.   gap: 16px;
  1018. }
  1019. .privacy-center .privacy-center--footer .buttons-container .button {
  1020.   display: flex;
  1021.   align-items: center;
  1022.   font-size: 16px;
  1023.   font-weight: 600;
  1024.   padding: 0 16px;
  1025.   border: 2px solid transparent;
  1026.   border-radius: 25px;
  1027.   transition: background ease-in-out, color ease-in-out 0.36s;
  1028. }
  1029. .privacy-center .privacy-center--footer .buttons-container .button.cancel {
  1030.   color: #2980b9;
  1031.   background-color: #ffffff;
  1032.   border: 2px solid #2980b9;
  1033. }
  1034. .privacy-center .privacy-center--footer .buttons-container .button.cancel:hover {
  1035.   color: #ffffff;
  1036.   background-color: #2980b9;
  1037. }
  1038. .privacy-center .privacy-center--footer .buttons-container .button.preferences {
  1039.   color: #ffffff;
  1040.   background-color: #2980b9;
  1041. }
  1042. .privacy-center .privacy-center--footer .buttons-container .button.preferences:hover {
  1043.   color: #2980b9;
  1044.   background-color: #ffffff;
  1045.   border: 2px solid #2980b9;
  1046. }
  1047. .privacy-center .privacy-center--footer .buttons-container .button:hover {
  1048.   cursor: pointer;
  1049. }
  1050. /* width */
  1051. ::-webkit-scrollbar {
  1052.   width: 6px;
  1053. }
  1054. /* Track */
  1055. ::-webkit-scrollbar-track {
  1056.   background: transparent;
  1057. }
  1058. /* Handle */
  1059. ::-webkit-scrollbar-thumb {
  1060.   background: #dedede;
  1061.   border-radius: 10px;
  1062. }
  1063. /* Handle on hover */
  1064. ::-webkit-scrollbar-thumb:hover {
  1065.   background: #2980b9;
  1066.   cursor: scroll;
  1067. }
  1068. /*----------------------End style Accordion----------------------*/
  1069. </style>
  1071. <div>
  1072. \t<div class=\"container\">
  1073. \t\t<div class=\"row clearfix\">
  1074. \t\t\t<div class=\"col-xs-12\">
  1075. \t\t\t\t<div style=\"padding-top: 30px;\">
  1076. \t\t\t\t\t<h2>Bienvenue à l'institut de Formation Professionnelle AZ Corporation</h2>
  1077. \t\t\t\t\t<div>
  1078. \t\t\t\t\t\t<h5>Situé à Yaoundé Biyem-assi, au Carrefour Biyem-assi, Immeuble Mater.</h5>
  1079. \t\t\t\t\t\t<h4>Agrément N° 371/MINEFOP/SG/SDGSF/SACD</h4>
  1080. \t\t\t\t\t</div>
  1081. \t\t\t\t</div>
  1082. \t\t\t</div>
  1083. \t\t</div>
  1084. \t</div>
  1085. </div>
  1087. <div>
  1088. <div class=\"container\">
  1090. <div class=\"privacy-center\">
  1091. \t<div class=\"privacy-center--header\">
  1092. \t\t<h1>Nos programmes de formation et fiches de renseignement consultables hors ligne</h1>
  1093. \t</div>
  1094. \t<div class=\"privacy-center--body\">
  1095. \t\t<div class=\"privacy-center-intro\">
  1096. \t\t\t<p>Téléchargez les fiches de renseignement, emplois de temps et programmes de formation.</p>
  1097. \t\t</div>
  1098. \t\t<div class=\"privacy-container\">
  1099. \t\t\t<div class=\"privacy-settings\">
  1100. \t\t\t\t";
  1101.         // line 886
  1102.         $context['_parent'] = $context;
  1103.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["liste_dossier"]) || array_key_exists("liste_dossier", $context) ? $context["liste_dossier"] : (function () { throw new RuntimeError('Variable "liste_dossier" does not exist.', 886, $this->source); })()), 0, 8));
  1104.         foreach ($context['_seq'] as $context["_key"] => $context["document"]) {
  1105.             // line 887
  1106.             echo "\t\t\t\t<div class=\"privacy-setting\">
  1107. \t\t\t\t\t<button class=\"privacy-label\">";
  1108.             // line 888
  1109.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["document"], "message", [], "any", false, false, false, 888), "html", null, true);
  1110.             echo "</button>
  1111. \t\t\t\t\t<div class=\"button-container\">
  1112. \t\t\t\t\t\t<a href=\"";
  1113.             // line 890
  1114.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("users_adminuser_telecharg_cv_user", ["id" => twig_get_attribute($this->env, $this->source, $context["document"], "id", [], "any", false, false, false, 890)]), "html", null, true);
  1115.             echo "\" class=\"btn cancel\" style=\"white-space: nowrap;\">Télécharger <span class=\"fa fa-download\"></span></a>
  1116. \t\t\t\t\t</div>
  1117. \t\t\t\t</div>
  1118. \t\t\t\t<div class=\"privacy-description\">
  1119. \t\t\t\t\t<p>Necessary cookies are essential and are used to provide you with services available through COMPANY websites. For instance, these cookies allow COMPANY to remember your choices about cookies preferences, to record your interface customization trackers e.g. for the choice of language used by the website. Necessary cookies are enabled by default and cannot be switched off. To see the list of the cookies used for this purpose, <a href=\"#\" target=\"_blank\" rel=\"noreferrer noopener\">click here</a>
  1120. \t\t\t\t\t</p>
  1121. \t\t\t\t</div>
  1122. \t\t\t\t";
  1123.         }
  1124.         $_parent = $context['_parent'];
  1125.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['document'], $context['_parent'], $context['loop']);
  1126.         $context = array_intersect_key($context, $_parent) + $_parent;
  1127.         // line 898
  1128.         echo "
  1129. \t\t\t</div>
  1130. \t\t</div>
  1131. \t</div>
  1132. \t<div class=\"privacy-center--footer\">
  1133. \t\t<div class=\"buttons-container\">
  1134. \t\t\t<a href=\"\" class=\"button cancel\" value=\"0\">Emplois de temps</a>
  1135. \t\t\t<a href=\"";
  1136.         // line 905
  1137.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_apropos_denous", ["position" => "planingcours"]);
  1138.         echo "\" class=\"button preferences\" value=\"0\">Toutes les fiches</a>
  1139. \t\t</div>
  1140. \t</div>
  1141. </div>
  1142. </div>
  1143. </div>
  1146.  
  1147. <div class=\"section\" style=\"background-image: url(";
  1148.         // line 914
  1149.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/etudiantss-min.png"), "html", null, true);
  1150.         echo ");
  1151. visibility: visible;
  1152. animation-delay: 100ms;
  1153. animation-name: fadeIn; padding: 10px 0px; margin-top: 20px;\">
  1154. \t<div class=\"container\">
  1155. \t\t<h2 class=\"text-center\" style=\"color: #fff; margin-bottom: 15px;\">La méthode AZ qui vous conduit inéluctablement à un emploi descend</h2>
  1157. \t\t<div class=\"feature-wrapper\">
  1158. \t\t\t<div class=\"zorb-container\">
  1159. \t\t\t  <div class=\"zorb\">
  1160. \t\t\t\t<img src=\"";
  1161.         // line 924
  1162.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/orientation.png"), "html", null, true);
  1163.         echo "\" alt=\"\" style=\"height: 60px;\">
  1164. \t\t\t  </div>
  1165. \t\t\t  <h3 class=\"text-muted\">Orientation vers un profil de métier</h3>
  1166. \t\t\t</div>
  1167. \t\t\t<div class=\"zorb-link\"></div>
  1168. \t\t\t<div class=\"zorb-container\">
  1169. \t\t\t  <div class=\"zorb\">
  1170. \t\t\t\t<img src=\"";
  1171.         // line 931
  1172.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/rafiki.png"), "html", null, true);
  1173.         echo "\" alt=\"\" style=\"height: 60px;\">
  1174. \t\t\t  </div>
  1175. \t\t\t  <h3 class=\"text-muted\">Motivation de l'apprenant</h3>
  1176. \t\t\t</div>
  1177. \t\t\t<div class=\"zorb-link\"></div>
  1178. \t\t\t<div class=\"zorb-container\">
  1179. \t\t\t  <div class=\"zorb\">
  1180. \t\t\t\t<img src=\"";
  1181.         // line 938
  1182.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/formation-adapte.png"), "html", null, true);
  1183.         echo "\" alt=\"\" style=\"height: 60px;\">
  1184. \t\t\t  </div>
  1185. \t\t\t  <h3 class=\"text-muted\">Formation adaptée au profil</h3>
  1186. \t\t\t</div>
  1187. \t\t\t<div class=\"zorb-link\"></div>
  1188. \t\t\t<div class=\"zorb-container\">
  1189. \t\t\t  <div class=\"zorb\">
  1190. \t\t\t\t<img src=\"";
  1191.         // line 945
  1192.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/job.png"), "html", null, true);
  1193.         echo "\" alt=\"\" style=\"height: 60px;\">
  1194. \t\t\t  </div>
  1195. \t\t\t  <h3 class=\"text-muted\" style=\"min-height: 50px;\">Job Direct</h3>
  1196. \t\t\t</div>
  1197. \t\t</div>
  1198. \t</div>
  1199. </div>
  1201.   <section>
  1202. \t<div class=\"container\">
  1203. \t
  1204. \t\t<div class=\"row clearfix\">
  1205. \t\t<div class=\"col-xs-12\">
  1206. \t\t\t<div class=\"text-left\" style=\"padding-top: 20px;\">
  1207. \t\t\t<h2>Nos pôles de formations</h2>
  1208. \t\t\t</div><!-- aboutTitle -->
  1209. \t\t</div><!-- col-sm-3 col-xs-12 -->
  1211. \t\t<div class=\"col-md-6\">
  1213. \t\t\t<div class=\"card__\">
  1214. \t\t\t\t<div class=\"rectangle\"></div>
  1215. \t\t\t\t<div class=\"card-img\">
  1216. \t\t\t\t  <img src=\"";
  1217.         // line 968
  1218.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/PANNEAU-2-min.jpg"), "html", null, true);
  1219.         echo "\" alt=\"Informatique\" class=\"img__\">
  1220. \t\t\t\t  <div class=\"card-img-overlay\">
  1221. \t\t\t\t\t<p>Formation</p>
  1222. \t\t\t\t  </div>
  1223. \t\t\t\t</div>
  1224. \t\t\t\t<div class=\"card-content\">
  1225. \t\t\t\t  <h2 style=\"font-size: 23px;\">Informatique</h2>
  1226. \t\t\t\t  <div>Formations Diplômantes et continues au centre et à distance</div>
  1227. \t\t\t\t</div>
  1228. \t\t\t</div>
  1230. \t\t</div>
  1232. \t\t<div class=\"col-md-6\">
  1233. \t\t\t
  1234. \t\t\t<div class=\"card__\">
  1235. \t\t\t\t<div class=\"rectangle\"></div>
  1236. \t\t\t\t<div class=\"card-img\">
  1237. \t\t\t\t  <img src=\"";
  1238.         // line 986
  1239.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/PANNEAU-1-min.jpg"), "html", null, true);
  1240.         echo "\" alt=\"Langue Etrangères\" class=\"img__\">
  1241. \t\t\t\t  <div class=\"card-img-overlay\">
  1242. \t\t\t\t\t<p>Formation</p>
  1243. \t\t\t\t  </div>
  1244. \t\t\t\t</div>
  1245. \t\t\t\t<div class=\"card-content\">
  1246. \t\t\t\t  <h2 style=\"font-size: 23px;\">Langue Etrangères</h2>
  1247. \t\t\t\t  <div>Formations Diplômantes et continues au centre et à distance</div>
  1248. \t\t\t\t</div>
  1249. \t\t\t</div>
  1251. \t\t</div>
  1252. \t  </div><!-- row clearfix -->
  1254. \t  ";
  1255.         // line 1000
  1256.         $context['_parent'] = $context;
  1257.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["liste_formation"]) || array_key_exists("liste_formation", $context) ? $context["liste_formation"] : (function () { throw new RuntimeError('Variable "liste_formation" does not exist.', 1000, $this->source); })()), 0, 1));
  1258.         foreach ($context['_seq'] as $context["_key"] => $context["formation"]) {
  1259.             // line 1001
  1260.             echo "\t  <div class=\"row clearfix\" style=\"margin-bottom: 7px;\">
  1261. \t\t<div class=\"col-xs-12\">
  1262. \t\t  <div class=\"text-left\" style=\"padding-top: 20px;\">
  1263. \t\t\t<h2>
  1264. \t\t\t\t<a href=\"";
  1265.             // line 1005
  1266.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_produit_formation_institut", ["id" => twig_get_attribute($this->env, $this->source, $context["formation"], "id", [], "any", false, false, false, 1005)]), "html", null, true);
  1267.             echo "\" style=\"float: right;\">Afficher plus</a>
  1268. \t\t\t\tFormations Diplomantes 
  1269. \t\t\t</h2>
  1270. \t\t  </div><!-- aboutTitle -->
  1271. \t\t</div><!-- col-sm-3 col-xs-12 -->
  1272. \t  </div><!-- row clearfix -->
  1274. \t  <div class=\"about_inner clearfix\">
  1275. \t\t<div class=\"row\">
  1277. \t\t\t";
  1278.             // line 1015
  1279.             $context['_parent'] = $context;
  1280.             $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["formation"], "getSouscategories", [], "any", false, false, false, 1015), 0, 3));
  1281.             foreach ($context['_seq'] as $context["_key"] => $context["scatFormation"]) {
  1282.                 // line 1016
  1283.                 echo "\t\t\t<div class=\"col-md-4\">
  1284. \t\t\t\t<a href=\"";
  1285.                 // line 1017
  1286.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_liste_produit_souscategorie", ["id" => twig_get_attribute($this->env, $this->source, $context["scatFormation"], "id", [], "any", false, false, false, 1017)]), "html", null, true);
  1287.                 echo "\" class=\"cardDis card-1\" style=\"background-image: url(";
  1288.                 if ((0 !== twig_compare(twig_get_attribute($this->env, $this->source, $context["scatFormation"], "src", [], "any", false, false, false, 1017), null))) {
  1289.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl(twig_get_attribute($this->env, $this->source, $context["scatFormation"], "getwebpath", [], "any", false, false, false, 1017)), "html", null, true);
  1290.                 } else {
  1291.                     echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/present.png"), "html", null, true);
  1292.                 }
  1293.                 echo ");\">
  1294. \t\t\t\t\t<h3>";
  1295.                 // line 1018
  1296.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scatFormation"], "nom", [], "any", false, false, false, 1018), "html", null, true);
  1297.                 echo "</h3>
  1298. \t\t\t\t\t<p>";
  1299.                 // line 1019
  1300.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scatFormation"], "description", [], "any", false, false, false, 1019), "html", null, true);
  1301.                 echo "</p>
  1302. \t\t\t\t</a>
  1303. \t\t\t</div>
  1304. \t\t\t";
  1305.             }
  1306.             $_parent = $context['_parent'];
  1307.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['scatFormation'], $context['_parent'], $context['loop']);
  1308.             $context = array_intersect_key($context, $_parent) + $_parent;
  1309.             // line 1023
  1310.             echo "\t\t  
  1311. \t\t</div><!-- row -->
  1312. \t  </div><!-- about_inner -->
  1313. \t  ";
  1314.         }
  1315.         $_parent = $context['_parent'];
  1316.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['formation'], $context['_parent'], $context['loop']);
  1317.         $context = array_intersect_key($context, $_parent) + $_parent;
  1318.         // line 1027
  1319.         echo "
  1320. \t</div><!-- container -->
  1321. </section><!-- aboutArea -->
  1323.   <div class=\"mainContent clearfix\">
  1324. \t<div class=\"container\">
  1325. \t  <div class=\"row clearfix\">
  1327. \t\t<div class=\"col-sm-8 col-xs-12\">
  1328. \t\t  <div class=\"videoNine clearfix\">
  1330. \t\t\t<div class=\"videoArea clearfix\">
  1331. \t\t\t  <h3>Des formations continues spéciales à L'institut AZ.</h3>
  1332. \t\t\t  <div class=\"row\">
  1333. \t\t\t\t<div class=\"col-lg-8 col-md-7 col-xs-12 videoLeft\">
  1334. \t\t\t\t\t<a class=\"video_btn\" href=\"https://www.youtube.com/watch?v=s7tOfP3IDK4\">
  1335. \t\t\t\t\t\t<img src=\"";
  1336.         // line 1043
  1337.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/sever-rent.png"), "html", null, true);
  1338.         echo "\">
  1339. \t\t\t\t\t</a>
  1340. \t\t\t\t</div><!-- videoLeft -->
  1341. \t\t\t\t<div class=\"col-lg-4 col-md-5 col-xs-12 videoRight\">
  1342. \t\t\t\t<p>Noël approche à grands pas, et avec lui vient le temps de la magie, de la joie et de la générosité. À l'Institut de Formation Professionnelle Az Corporation, nous sommes ravis de vous présenter notre toute nouvelle campagne de formation spéciale Noël.</p>
  1343. \t\t\t\t<a href=\"\" class=\"btn btn-block learnBtn\">Learn More</a>
  1344. \t\t\t\t</div><!-- videoRight -->
  1345. \t\t\t  </div><!-- row -->
  1346. \t\t\t</div><!-- videoArea -->
  1348. \t\t\t<div class=\"related_post_sec single_post\">
  1349. \t\t\t  <h3>Nos Formations Continues</h3>
  1350. \t\t\t  ";
  1351.         // line 1055
  1352.         $context['_parent'] = $context;
  1353.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["liste_formation"]) || array_key_exists("liste_formation", $context) ? $context["liste_formation"] : (function () { throw new RuntimeError('Variable "liste_formation" does not exist.', 1055, $this->source); })()), 1, 2));
  1354.         foreach ($context['_seq'] as $context["_key"] => $context["formation"]) {
  1355.             // line 1056
  1356.             echo "\t\t\t\t";
  1357.             $context['_parent'] = $context;
  1358.             $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["formation"], "getSouscategories", [], "any", false, false, false, 1056), 0, 2));
  1359.             foreach ($context['_seq'] as $context["_key"] => $context["scatFormation"]) {
  1360.                 // line 1057
  1361.                 echo "\t\t\t\t<a href=\"";
  1362.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_liste_produit_souscategorie", ["id" => twig_get_attribute($this->env, $this->source, $context["scatFormation"], "id", [], "any", false, false, false, 1057)]), "html", null, true);
  1363.                 echo "\" class=\"banner\" aria-label=\"Shop now\" style=\"margin-bottom: 10px;\">
  1364. \t\t\t\t\t<div class=\"banner__grid\">
  1365. \t\t\t\t\t<div aria-hidden=\"true\">
  1366. \t\t\t\t\t\t<figure class=\"banner__figure\" style=\"background-image: url(";
  1367.                 // line 1060
  1368.                 echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/present.png"), "html", null, true);
  1369.                 echo ");\"></figure>
  1370. \t\t\t\t\t</div>
  1371. \t\t\t\t
  1372. \t\t\t\t\t<div class=\"banner__text\">
  1373. \t\t\t\t\t\t<h2>";
  1374.                 // line 1064
  1375.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scatFormation"], "nom", [], "any", false, false, false, 1064), "html", null, true);
  1376.                 echo "</h2>
  1377. \t\t\t\t\t\t<p>";
  1378.                 // line 1065
  1379.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scatFormation"], "description", [], "any", false, false, false, 1065), "html", null, true);
  1380.                 echo "</p>
  1381. \t\t\t\t
  1382. \t\t\t\t\t\t<p class=\"banner__link-wrapper\">
  1383. \t\t\t\t\t\t<span class=\"banner__link\">
  1384. \t\t\t\t\t\t\t<i>EN savoir plus</i>
  1385. \t\t\t\t\t\t</span>
  1386. \t\t\t\t\t\t</p>
  1387. \t\t\t\t\t</div>
  1388. \t\t\t\t\t</div>
  1389. \t\t\t\t</a>
  1390. \t\t\t\t";
  1391.             }
  1392.             $_parent = $context['_parent'];
  1393.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['scatFormation'], $context['_parent'], $context['loop']);
  1394.             $context = array_intersect_key($context, $_parent) + $_parent;
  1395.             // line 1076
  1396.             echo "
  1397. \t\t\t\t<div class=\"margin-top: 20px;\">
  1398. \t\t\t\t\t<a href=\"";
  1399.             // line 1078
  1400.             echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_produit_produit_formation_institut", ["id" => twig_get_attribute($this->env, $this->source, $context["formation"], "id", [], "any", false, false, false, 1078)]), "html", null, true);
  1401.             echo "\" class=\"btn btn-block learnBtn\">Afficher tout</a>
  1402. \t\t\t\t</div>
  1403. \t\t  \t  ";
  1404.         }
  1405.         $_parent = $context['_parent'];
  1406.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['formation'], $context['_parent'], $context['loop']);
  1407.         $context = array_intersect_key($context, $_parent) + $_parent;
  1408.         // line 1081
  1409.         echo "
  1410. \t\t\t  <ul>
  1411. \t\t\t\t";
  1412.         // line 1100
  1413.         echo "\t\t\t  </ul>
  1414. \t\t\t</div><!--related_post_sec-->
  1417. \t\t\t
  1419. \t\t</div><!--videoNine-->
  1420. \t\t</div><!-- col-sm-8 col-xs-12 -->
  1422. \t\t<div class=\"col-sm-4 col-xs-12\">
  1423. \t\t  <div class=\"formArea clearfix\">
  1424. \t\t\t<div class=\"formTitle\">
  1425. \t\t\t  <h3>Retrouvez une formation</h3>
  1426. \t\t\t  <p>Offered in small class sizes with great emphasis on the demands of the specification and exam technique.</p>
  1427. \t\t\t</div><!-- formTitle -->
  1428. \t\t\t<form action=\"#\" method=\"post\">
  1429. \t\t\t  <div class=\"selectBox clearfix\">
  1430. \t\t\t\t<label for=\"guiest_id1\">Type de formation</label>
  1431. \t\t\t\t<select name=\"guiest_id1\" id=\"guiest_id1\">
  1432. \t\t\t\t  <option value=\"0\">Type de formation</option>
  1433. \t\t\t\t  <option value=\"1\">Formations diplomantes</option>
  1434. \t\t\t\t  <option value=\"2\">Formations continues</option>
  1435. \t\t\t\t</select>
  1436. \t\t\t  </div><!-- selectBox -->
  1437. \t\t\t  <div class=\"selectBox clearfix\">
  1438. \t\t\t\t<select name=\"guiest_id2\" id=\"guiest_id2\">
  1439. \t\t\t\t\t";
  1440.         // line 1126
  1441.         $context['_parent'] = $context;
  1442.         $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, (isset($context["liste_formation"]) || array_key_exists("liste_formation", $context) ? $context["liste_formation"] : (function () { throw new RuntimeError('Variable "liste_formation" does not exist.', 1126, $this->source); })()), 0, 1));
  1443.         foreach ($context['_seq'] as $context["_key"] => $context["formation"]) {
  1444.             // line 1127
  1445.             echo "\t\t\t\t\t\t";
  1446.             $context['_parent'] = $context;
  1447.             $context['_seq'] = twig_ensure_traversable(twig_slice($this->env, twig_get_attribute($this->env, $this->source, $context["formation"], "getSouscategories", [], "any", false, false, false, 1127), 0, 4));
  1448.             foreach ($context['_seq'] as $context["_key"] => $context["scatFormation"]) {
  1449.                 // line 1128
  1450.                 echo "\t\t\t\t\t\t<option value=\"";
  1451.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scatFormation"], "id", [], "any", false, false, false, 1128), "html", null, true);
  1452.                 echo "\">";
  1453.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["scatFormation"], "nom", [], "any", false, false, false, 1128), "html", null, true);
  1454.                 echo "</option>
  1455. \t\t\t\t\t\t";
  1456.             }
  1457.             $_parent = $context['_parent'];
  1458.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['scatFormation'], $context['_parent'], $context['loop']);
  1459.             $context = array_intersect_key($context, $_parent) + $_parent;
  1460.             // line 1130
  1461.             echo "\t\t\t\t\t";
  1462.         }
  1463.         $_parent = $context['_parent'];
  1464.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['formation'], $context['_parent'], $context['loop']);
  1465.         $context = array_intersect_key($context, $_parent) + $_parent;
  1466.         // line 1131
  1467.         echo "\t\t\t\t</select>
  1468. \t\t\t  </div><!-- selectBox -->
  1469. \t\t\t  <div class=\"form-group\">
  1470. \t\t\t\t<input type=\"text\" class=\"form-control\" id=\"exampleInputEmail1\" placeholder=\"Mot clé au choix\">
  1471. \t\t\t  </div>
  1472. \t\t\t  <button type=\"submit\" class=\"btn btn-default btn-block\">Rechercher</button>
  1473. \t\t\t</form>
  1474. \t\t  </div><!-- formArea -->
  1475. \t\t  <div class=\"list_block related_post_sec\">
  1476. \t\t\t<div class=\"upcoming_events\">
  1477. \t\t\t  <h3>Nos derniers évènements</h3>
  1478. \t\t\t  <ul>
  1479. \t\t\t\t";
  1480.         // line 1143
  1481.         $context['_parent'] = $context;
  1482.         $context['_seq'] = twig_ensure_traversable((isset($context["liste_article"]) || array_key_exists("liste_article", $context) ? $context["liste_article"] : (function () { throw new RuntimeError('Variable "liste_article" does not exist.', 1143, $this->source); })()));
  1483.         foreach ($context['_seq'] as $context["_key"] => $context["event"]) {
  1484.             // line 1144
  1485.             echo "\t\t\t\t<li class=\"related_post_sec single_post\">
  1486. \t\t\t\t  <span class=\"date-wrapper\">
  1487. \t\t\t\t\t<span class=\"date\"><span>";
  1488.             // line 1146
  1489.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["event"], "date", [], "any", false, false, false, 1146), "d"), "html", null, true);
  1490.             echo "</span>";
  1491.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["event"], "date", [], "any", false, false, false, 1146), "M"), "html", null, true);
  1492.             echo "</span>
  1493. \t\t\t\t  </span>
  1494. \t\t\t\t  <div class=\"rel_right\">
  1495. \t\t\t\t\t<h4><a href=\"\">";
  1496.             // line 1149
  1497.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["event"], "nom", [], "any", false, false, false, 1149), "html", null, true);
  1498.             echo "</a></h4>
  1499. \t\t\t\t\t<div class=\"meta\">
  1500. \t\t\t\t\t  <span class=\"place\"><i class=\"fa fa-map-marker\"></i>IFP AZ</span>
  1501. \t\t\t\t\t  <span class=\"event-time\"><i class=\"fa fa-clock-o\"></i>";
  1502.             // line 1152
  1503.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["event"], "date", [], "any", false, false, false, 1152), "H"), "html", null, true);
  1504.             echo ":";
  1505.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["event"], "date", [], "any", false, false, false, 1152), "i"), "html", null, true);
  1506.             echo ":";
  1507.             echo twig_escape_filter($this->env, twig_date_format_filter($this->env, twig_get_attribute($this->env, $this->source, $context["event"], "date", [], "any", false, false, false, 1152), "s"), "html", null, true);
  1508.             echo "</span>
  1509. \t\t\t\t\t</div>
  1510. \t\t\t\t  </div>
  1511. \t\t\t\t</li>
  1512. \t\t\t\t";
  1513.         }
  1514.         $_parent = $context['_parent'];
  1515.         unset($context['_seq'], $context['_iterated'], $context['_key'], $context['event'], $context['_parent'], $context['loop']);
  1516.         $context = array_intersect_key($context, $_parent) + $_parent;
  1517.         // line 1157
  1518.         echo "\t\t\t  </ul>
  1519. \t\t\t  <a href=\"";
  1520.         // line 1158
  1521.         echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("produit_service_apropos_denous", ["position" => "evenement"]);
  1522.         echo "\" class=\"btn btn-default btn-block\">Plus d'évènements</a>
  1523. \t\t\t</div>
  1524. \t\t  </div><!-- end list_block -->
  1525. \t\t</div><!-- col-sm-4 col-xs-12 -->
  1527. \t  </div><!-- row clearfix -->
  1528. \t</div><!-- container -->
  1529.   </div><!-- mainContent -->
  1531.   <div class=\"count clearfix wow fadeIn paralax\" data-wow-delay=\"100ms\" style=\"background-image: url(";
  1532.         // line 1167
  1533.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/formation1.png"), "html", null, true);
  1534.         echo ");\">
  1535. \t<div class=\"container\">
  1536. \t  <div class=\"row\">
  1537. \t\t<div class=\"col-xs-6 col-sm-3\">
  1538. \t\t  <div class=\"text-center\">
  1539. \t\t\t<div class=\"icon\"><i class=\"fa fa-group\"></i></div>
  1540. \t\t\t<div class=\"counter\">
  1541. \t\t\t<span class=\"timer\">8298</span>
  1542. \t\t\t</div>
  1543. \t\t\t<div class=\"seperator-small\"></div>
  1544. \t\t  <p>Personnes formées</p>
  1545. \t\t  </div>
  1546. \t\t</div><!-- col-sm-3 -->
  1547. \t\t<div class=\"col-xs-6 col-sm-3\">
  1548. \t\t  <div class=\"text-center\">
  1549. \t\t\t<div class=\"icon\"><i class=\"fa fa-book\"></i></div>
  1550. \t\t\t<div class=\"counter\">
  1551. \t\t\t<span class=\"timer\">30</span>
  1552. \t\t\t</div>
  1553. \t\t\t<div class=\"seperator-small\"></div>
  1554. \t\t\t<p>Parcours</p>
  1555. \t\t  </div>
  1556. \t\t</div><!-- col-sm-3 -->
  1557. \t\t<div class=\"col-xs-6 col-sm-3\">
  1558. \t\t  <div class=\"text-center\">
  1559. \t\t\t<div class=\"icon\"><i class=\"fa fa-male\"></i></div>
  1560. \t\t\t<div class=\"counter\">
  1561. \t\t\t<span class=\"timer\">10</span>
  1562. \t\t\t</div>
  1563. \t\t\t<div class=\"seperator-small\"></div>
  1564. \t\t\t<p>Personnels</p>
  1565. \t\t  </div>
  1566. \t\t</div><!-- col-sm-3 -->
  1567. \t\t<div class=\"col-xs-6 col-sm-3\">
  1568. \t\t  <div class=\"text-center\">
  1569. \t\t\t<div class=\"icon\"><i class=\"fa fa-map-marker\"></i></div>
  1570. \t\t\t<div class=\"counter\">
  1571. \t\t\t<span class=\"timer\">1</span>
  1572. \t\t\t</div>
  1573. \t\t\t<div class=\"seperator-small\"></div>
  1574. \t\t\t<p>Localisations</p>
  1575. \t\t  </div>
  1576. \t\t</div><!-- col-sm-3 -->
  1577. \t  </div>
  1578. \t</div><!-- container -->
  1579.   </div><!-- count -->
  1581.   <div class=\"testimonial-section clearfix\">
  1582. \t<div class=\"container\">
  1583. \t  <div class=\"row\">
  1584. \t\t<div class=\"col-xs-12 col-sm-6\">
  1585. \t\t  <div class=\"testimonial\">
  1586. \t\t\t<div class=\"carousal_content\">
  1587. \t\t\t  <p>
  1588. \t\t\t\tBienvenue sur le site de notre Institut de Formation Professionnelle ! Je suis ravi de vous accueillir et de vous présenter notre établissement dédié à l'excellence et à la réussite professionnelle.
  1589. \t\t\t\t<div>
  1590. \t\t\t\t\tEn tant que directeur de cet institut, je suis particulièrement fier de notre équipe de formateurs qualifiés et passionnés qui sont dévoués à vous offrir une expérience d'apprentissage exceptionnelle. Notre objectif est de vous aider à acquérir les compétences et les connaissances nécessaires pour réussir dans votre carrière et atteindre vos objectifs professionnels.
  1591. \t\t\t\t</div>
  1592. \t\t\t  </p>
  1593. \t\t\t</div>
  1594. \t\t\t<div class=\"carousal_bottom\">
  1595. \t\t\t  <div class=\"thumb\">
  1596. \t\t\t\t<img src=\"";
  1597.         // line 1229
  1598.         echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("template/images/co.png"), "html", null, true);
  1599.         echo "\" alt=\"\" draggable=\"false\">
  1600. \t\t\t  </div>
  1601. \t\t\t  <div class=\"thumb_title\">
  1602. \t\t\t\t<span class=\"author_name\" style=\"text-transform: none;\">Gaiel bleriot AZAMBOU ZEBAZE</span>
  1603. \t\t\t\t<span class=\"author_designation\">Directeur Général <a href=\"#\" style=\"color: #76b4e7;\">Institut Az Corporation</a></span>
  1604. \t\t\t  </div>
  1605. \t\t\t</div>
  1606. \t\t  </div><!-- testimonial -->
  1607. \t\t</div><!-- col-xs-12 -->
  1608. \t\t<div class=\"col-xs-12 col-sm-6\">
  1609. \t\t  <div class=\"features\" style=\"background: #fff; border-radius: 10px; padding: 10px;\">
  1610. \t\t\t<h3>Pourquoi nous choisir ?</h3>
  1611. \t\t\t<ul>
  1612. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Acquérir des compétences spécialisées</li>
  1613. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Obtenir une formation pratique</li>
  1614. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Bénéficier d'un encadrement professionnel</li>
  1615. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Accéder à des opportunités d'emploi</li>
  1616. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Se former rapidement et efficacement</li>
  1617. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Développer un réseau professionnel </li>
  1618. \t\t\t</ul>
  1619. \t\t  </div>
  1620. \t\t</div><!-- col-xs-12 -->
  1621. \t  </div><!-- row -->
  1622. \t</div><!-- container -->
  1623.   </div><!-- testimonial-section -->
  1626. ";
  1627.         
  1628.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1630.         
  1631.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1633.     }
  1635.     // line 1258
  1636.     public function block_srcjavascripttemplate($context, array $blocks = [])
  1637.     {
  1638.         $macros = $this->macros;
  1639.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1640.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "srcjavascripttemplate"));
  1642.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1643.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "srcjavascripttemplate"));
  1645.         // line 1259
  1646.         echo "
  1647. ";
  1648.         
  1649.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1651.         
  1652.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1654.     }
  1656.     // line 1262
  1657.     public function block_javascripttemplate($context, array $blocks = [])
  1658.     {
  1659.         $macros = $this->macros;
  1660.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  1661.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  1663.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  1664.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "javascripttemplate"));
  1666.         // line 1263
  1667.         echo "\t
  1668. ";
  1669.         
  1670.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1672.         
  1673.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1675.     }
  1677.     public function getTemplateName()
  1678.     {
  1679.         return "Theme/Users/User/Security/accueilsite.html.twig";
  1680.     }
  1682.     public function isTraitable()
  1683.     {
  1684.         return false;
  1685.     }
  1687.     public function getDebugInfo()
  1688.     {
  1689.         return array (  1667 => 1263,  1657 => 1262,  1646 => 1259,  1636 => 1258,  1598 => 1229,  1533 => 1167,  1521 => 1158,  1518 => 1157,  1503 => 1152,  1497 => 1149,  1489 => 1146,  1485 => 1144,  1481 => 1143,  1467 => 1131,  1461 => 1130,  1450 => 1128,  1445 => 1127,  1441 => 1126,  1413 => 1100,  1409 => 1081,  1400 => 1078,  1396 => 1076,  1379 => 1065,  1375 => 1064,  1368 => 1060,  1361 => 1057,  1356 => 1056,  1352 => 1055,  1337 => 1043,  1319 => 1027,  1310 => 1023,  1300 => 1019,  1296 => 1018,  1286 => 1017,  1283 => 1016,  1279 => 1015,  1266 => 1005,  1260 => 1001,  1256 => 1000,  1239 => 986,  1218 => 968,  1192 => 945,  1182 => 938,  1172 => 931,  1162 => 924,  1149 => 914,  1137 => 905,  1128 => 898,  1114 => 890,  1109 => 888,  1106 => 887,  1102 => 886,  331 => 118,  315 => 104,  294 => 102,  277 => 101,  264 => 91,  259 => 89,  252 => 85,  242 => 77,  231 => 72,  227 => 71,  218 => 69,  213 => 67,  209 => 65,  205 => 64,  168 => 30,  165 => 29,  155 => 28,  130 => 14,  120 => 13,  107 => 10,  97 => 9,  83 => 6,  78 => 4,  73 => 3,  63 => 2,  40 => 1,);
  1690.     }
  1692.     public function getSourceContext()
  1693.     {
  1694.         return new Source("{% extends \"Theme/Users/User/layouthome.html.twig\" %}
  1695. \t{% block meta %}
  1696. \t{{ parent() }}
  1697. \t<meta name=\"keywords\" content=\"{{ site }}, Business, Innovation,Administration\"/>
  1698. \t<meta name=\"author\" content=\"Noel Kenfack\"/>
  1699. \t<meta name=\"description\" content=\"{{ site }} | Inscription | Cameroun | {{ metier }}\"/>
  1700. {% endblock %}
  1702. {% block title %}
  1703. \t{{ parent() }} | Accueil
  1704. {% endblock %}
  1706. {% block stylesheets %}
  1707. \t{{ parent() }}
  1708. \t<style>
  1709. \t\t.card{
  1710. \t\t\tbackground: -webkit-linear-gradient(to left, #16A085, #F4D03F);background: linear-gradient(to left, #00c6d7, #052963);
  1711. \t\t\tborder: 2px solid #fff;
  1712. \t\t\tmargin-bottom: 7px;
  1713. \t\t\tbox-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  1714. \t\t\ttransition: all 0.3s cubic-bezier(.25,.8,.25,1);
  1715. \t\t}
  1716. \t\t.card:hover{
  1717. \t\t\tbox-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  1718. \t\t}
  1719. \t</style>
  1720. {% endblock %}
  1721. {% block userblog_body %}
  1723. <link rel=\"stylesheet\" href=\"{{ asset('template/test/css/style.css') }}\">
  1724. <style>
  1725. \t.silder_intro {
  1726. \t\tdisplay: block;
  1727. \t\tposition: absolute;
  1728. \t\tright: 0px!important;
  1729. \t\ttop: 0px!important;
  1730. \t\tz-index: 9;
  1731. \t\twidth: 400px;
  1732. \t\theight: 400px;
  1733. \t\tpadding: 25px 15px;
  1734. \t\toverflow: hidden;
  1735. \t\tbackground: rgba(0, 0, 0, .8);
  1736. \t\tcolor: #f0f0f0;
  1737. \t\tpadding-left: 20px;
  1738. \t\tbox-shadow: 0 0 5px 0 #ddd;
  1739. \t\tborder-radius: 2px;
  1740. \t\ttext-indent: 0;
  1741. \t\ttext-decoration: none;
  1742. \t}
  1743. \t.silder_intro:hover{
  1744. \t\tcolor: #fff;
  1745. \t}
  1746. \t.img-slide-lg{
  1747. \t\theight: 400px;
  1748. \t}
  1749. </style>
  1750. <section class=\"diaporama-accueil\" style=\"\">
  1751. \t<div id=\"panel-slide-size\" style=\"padding: 5px; margin: 0px; box-shadow:0px 0px 2px rgba(0,0,0,0.1); background: #fff;\">\t
  1752. \t<div>
  1753. \t\t<div class=\"slider_box\" style=\"height: 400px;\">
  1754. \t\t\t<!-- slide & description -->
  1755. \t\t\t<div class=\"silder_con\">
  1757. \t\t\t  {% for slide in liste_slide %}
  1758. \t\t\t  <div class=\"silder_panel\">
  1759. \t\t\t\t<a href=\"#\" class=\"silder_panel_item\">
  1760. \t\t\t\t  <img src=\"{{ asset('template/images/ban-az-min.png') }}\" class=\"img-slide-lg\"/>
  1761. \t\t\t\t</a>
  1762. \t\t\t\t<a href=\"{% if slide.link != null %}{{ slide.link }}{% else %}#!{% endif %}\" class=\"silder_intro\">
  1763. \t\t\t\t  <div class=\"silder_intro_content\">
  1764. \t\t\t\t\t<h2 style=\"color: #fff;\">{{ slide.titre }}</h2>
  1765. \t\t\t\t\t<div>{{ slide.description }}</div>
  1766. \t\t\t\t  </div>
  1767. \t\t\t\t</a>
  1768. \t\t\t  </div>
  1769. \t\t\t  {% endfor %}
  1771. \t\t\t</div>
  1772. \t\t\t<!-- contorl nav (created by JS)-->
  1773. \t\t\t<div class=\"silder_nav_mask\"></div>
  1774. \t\t\t<div class=\"silder_nav\"></div>
  1775. \t\t</div>
  1776. \t</div>
  1778. \t<script src=\"{{ asset('template/test/js/slides.js') }}\"></script>
  1779. \t</div>
  1781. <!--Adding demo page css file -->
  1782. <link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('hometemplate/css/demo-page-styles.css') }}\">
  1783. <!--Adding plugin css file -->
  1784. <link rel=\"stylesheet\" type=\"text/css\" href=\"{{ asset('hometemplate/css/breaking-news-ticker.css') }}\">
  1786. \t<div class=\"container\">
  1787. \t\t
  1788. \t\t<!-- DEMO1 HTML STARTS HERE *-->
  1789. \t\t<!-- *********************** -->
  1790. \t\t<div class=\"breaking-news-ticker border-secondary\" id=\"newsTicker1\">
  1791. \t\t\t<div class=\"bn-label bg-secondary\"><span class=\"fa fa-bullhorn\"></span> Flash</div>
  1792. \t\t\t<div class=\"bn-news\">
  1793. \t\t\t\t<ul>
  1794. \t\t\t\t\t{% for article in liste_actualite %}
  1795. \t\t\t\t\t<li><a href=\"{{ path('produit_service_detail_actualite', {'id': article.id }) }}\"><span class=\"label label-primary\">{{ loop.index }}</span> {{ article.nom }}</a></li>
  1796. \t\t\t\t\t{% endfor %}
  1797. \t\t\t\t</ul>
  1798. \t\t\t</div>
  1799. \t\t\t<div class=\"bn-controls\">
  1800. \t\t\t\t<button><span class=\"bn-arrow bn-prev\"></span></button>
  1801. \t\t\t\t<button><span class=\"bn-action\"></span></button>
  1802. \t\t\t\t<button><span class=\"bn-arrow bn-next\"></span></button>
  1803. \t\t\t</div>
  1804. \t\t</div>
  1805. \t\t<!-- *********************** -->
  1806. \t\t<!-- DEMO1 HTML END HERE *** -->
  1807. \t\t
  1808. \t</div>
  1811. <script src=\"{{ asset('hometemplate/js/breaking-news-ticker.min.js') }}\"></script>
  1812. <script type=\"text/javascript\">
  1813. \tjQuery(document).ready(function(\$){
  1814. \t\t\$('#newsTicker1').breakingNews();
  1815. \t});
  1816. </script>
  1817. </div>
  1818. </section>
  1820. <style>
  1821. .img__ {
  1822.   max-width: 100%;
  1823.   aspect-ratio: 1/1;
  1824.   object-fit: cover;
  1825.   display: block;
  1826. }
  1829. .card__ {
  1830.   padding: 3.5em 2em 2em;
  1831.   width: 100%;
  1832.   background: #fff;
  1833.  border: 1px solid #ddd;
  1834.  border-radius: 5px;
  1835.   position: relative;
  1836. }
  1837. .card__ .rectangle {
  1838.   position: absolute;
  1839.   top: 22px;
  1840.   left: 50%;
  1841.   transform: translatex(-50%);
  1842.   width: 50px;
  1843.   background: #224373;
  1844.   height: 10px;
  1845.   display: block;
  1846.   border-radius: 50px;
  1847. }
  1848. .card-content {
  1849.   padding-top: 7.2em;
  1850. }
  1851. .card-content h2 {
  1852.   text-transform: capitalize;
  1853.   font-size: 1.2rem;
  1854.   letter-spacing: 0.2em;
  1855.   margin-bottom: 0.35em;
  1856.   font-weight: 700;
  1857. }
  1858. .card-content p {
  1859.   font-size: 0.8rem;
  1860.   letter-spacing: 0.08em;
  1861. }
  1862. .card-img {
  1863.   position: relative;
  1864. }
  1865. .card-img-overlay {
  1866.   position: absolute;
  1867.   top: 0;
  1868.   height: 100%;
  1869. }
  1870. .card-img-overlay p {
  1871.   display: inline-block;
  1872.   color: #fff;
  1873.   text-transform: capitalize;
  1874.   letter-spacing: 0.2em;
  1875.   display: grid;
  1876.   place-items: center;
  1877.   padding: 0.9em;
  1878.   text-align: center;
  1879.   position: relative;
  1880.   top: 100%;
  1881.   min-width: 85px;
  1882.   min-height: 85px;
  1883.   word-wrap: break-word;
  1884.   font-size: 0.95rem;
  1885.   line-height: 1.5;
  1886. }
  1887. .card__:nth-child(1) .card-img-overlay {
  1888.   background: #056f6a;
  1889.   /* The Fallback */
  1890.   background: rgba(5, 111, 106, 0.5);
  1891. }
  1892. .card__:nth-child(1) .card-img-overlay p {
  1893.   background: #056f6a;
  1894.   /* The Fallback */
  1895.   background: #056f6a;
  1896. }
  1897. .card__:nth-child(2) .card-img-overlay {
  1898.   background: #b37399;
  1899.   /* The Fallback */
  1900.   background: rgba(179, 115, 153, 0.5);
  1901. }
  1902. .card__:nth-child(2) .card-img-overlay p {
  1903.   background: #b37399;
  1904.   /* The Fallback */
  1905.   background: #b37399;
  1906. }
  1909. .feature-wrapper {
  1910.   padding: 50px;
  1911.   display: flex;
  1912.   flex-direction: column;
  1913.   justify-content: center;
  1914.   align-items: center;
  1915. }
  1916. .feature-wrapper i {
  1917.   color: white;
  1918. }
  1920. .zorb-container {
  1921.   display: flex;
  1922.   flex-direction: column;
  1923.   justify-content: center;
  1924.   align-items: center;
  1925. }
  1926. .zorb-container h3 {
  1927.   font-size: 20px;
  1928.   max-width: 150px;
  1929. }
  1931. .zorb {
  1932.   display: flex;
  1933.   flex-direction: column;
  1934.   justify-content: center;
  1935.   align-items: center;
  1936.   width: 100px;
  1937.   height: 100px;
  1938.   border-radius: 50%;
  1939.   background-color: #fff;
  1940.   margin: 5px;
  1941. }
  1943. .zorb-link {
  1944.   width: 0px;
  1945.   height: 50px;
  1946.   border-bottom: 0px;
  1947.   border-right: 3px solid grey;
  1948.   flex-grow: 1;
  1949. }
  1951. @media (min-width: 768px) {
  1952.   .feature-wrapper {
  1953.     flex-direction: row;
  1954.   }
  1956.   .zorb-link {
  1957.     height: 0px;
  1958.     border-bottom: 3px solid grey;
  1959.     margin-bottom: 30px;
  1960.     max-width: 100px;
  1961.     max-height: 50px;
  1962.   }
  1963. }
  1964. .text-muted{
  1965. \ttext-align: center!important;
  1966. \tcolor: #fff!important;
  1967. }
  1972. .cardDis{
  1973.     border-radius: 4px;
  1974.     background: #fff;
  1975.     box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  1976.       transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  1977.   padding: 14px 80px 18px 36px;
  1978.   cursor: pointer;
  1979.   display: block;
  1980.   color: #333;
  1981. }
  1983. .cardDis:hover{
  1984.      transform: scale(1.05);
  1985.   box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
  1986. }
  1988. .cardDis h3{
  1989.   font-weight: 600;
  1990. }
  1992. .cardDis img{
  1993.   position: absolute;
  1994.   top: 20px;
  1995.   right: 15px;
  1996.   max-height: 120px;
  1997. }
  1999. .card-1{
  2000.       background-repeat: no-repeat;
  2001.     background-position: right;
  2002.     background-size: 80px;
  2003. }
  2005. .card-2{
  2006.       background-repeat: no-repeat;
  2007.     background-position: right;
  2008.     background-size: 80px;
  2009. }
  2011. .card-3{
  2012.       background-repeat: no-repeat;
  2013.     background-position: right;
  2014.     background-size: 80px;
  2015. }
  2017. @media(max-width: 990px){
  2018.   .cardDis{
  2019.     margin: 20px;
  2020.   }
  2021. } 
  2025. /* -------------------------------- 
  2026. Component 
  2027. -------------------------------- */
  2029. .banner {
  2030.   display: block;
  2031.   text-decoration: none;
  2032.   color: inherit;
  2033.   overflow: hidden;
  2034.   background-color: hsl(0, 0%, 100%);
  2035.   box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05),
  2036.     0 0.3px 0.4px hsla(230, 13%, 9%, 0.02),
  2037.     0 0.9px 1.5px hsla(230, 13%, 9%, 0.045),
  2038.     0 3.5px 6px hsla(230, 13%, 9%, 0.09);
  2039.   border-radius: 0.375em;
  2040.   transition: 0.3s;
  2041.   width: 100%;
  2042.   margin-inline: auto;
  2043. }
  2045. .banner__grid {
  2046.   display: flex;
  2047.   flex-direction: column;
  2048. }
  2050. .banner__grid > * {
  2051.   min-width: 0;
  2052. }
  2054. .banner__link {
  2055.   position: relative;
  2056.   text-decoration: none;
  2057.   color: hsl(250, 84%, 54%);
  2058.   display: inline-block;
  2059.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  2060.   transform-origin: left bottom;
  2061. }
  2063. .banner__link i {
  2064.   /* label */
  2065.   position: relative;
  2066.   z-index: 2;
  2067.   display: inline-block;
  2068.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  2069. }
  2071. .banner__link::after {
  2072.   /* animated border */
  2073.   content: \"\";
  2074.   background-color: currentColor;
  2075.   height: 2px;
  2076.   width: 100%;
  2077.   position: absolute;
  2078.   z-index: 1;
  2079.   bottom: 0;
  2080.   left: 0;
  2081.   -webkit-clip-path: inset(0% round 0.1875em);
  2082.   clip-path: inset(0% round 0.1875em);
  2083.   opacity: 0.15;
  2084.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  2085. }
  2087. .banner__figure {
  2088.   height: 0;
  2089.   width: 100%;
  2090.   padding-bottom: 50%;
  2091.   transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  2092.   background-position: center center;
  2093.   background-repeat: no-repeat;
  2094.   background-size: cover;
  2095. }
  2097. .banner__text {
  2098.   padding: 1.5rem;
  2099. }
  2101. .banner__link-wrapper {
  2102.   margin-top: 1rem;
  2103. }
  2105. .banner:hover {
  2106.   box-shadow: 0 0 0 1px hsla(230, 13%, 9%, 0.05),
  2107.     0 0.9px 1.25px hsla(230, 13%, 9%, 0.025), 0 3px 5px hsla(230, 13%, 9%, 0.05),
  2108.     0 12px 20px hsla(230, 13%, 9%, 0.09);
  2109. }
  2111. .banner:hover .banner__link {
  2112.   transform: scale(1.3);
  2113. }
  2115. .banner:hover .banner__link i {
  2116.   transform: scale(0.7);
  2117. }
  2119. .banner:hover .banner__link::after {
  2120.   height: 100%;
  2121. }
  2123. .banner:hover .banner__figure {
  2124.   transform: scale(1.05);
  2125. }
  2127. @media (min-width: 64rem) {
  2128.   .banner__grid {
  2129.     flex-direction: row-reverse;
  2130.   }
  2132.   .banner__grid > * {
  2133.     width: 50%;
  2134.   }
  2136.   .banner__figure {
  2137.     height: 100%;
  2138.     padding-bottom: 0;
  2139.     -webkit-clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 50px 100%);
  2140.     clip-path: polygon(100px 0%, 100% 0%, 100% 100%, 50px 100%);
  2141.   }
  2143.   .banner__text {
  2144.     padding: 3rem;
  2145.   }
  2147.   .banner__link-wrapper {
  2148.     margin-top: 1.5rem;
  2149.   }
  2151.   .banner--invert .banner__grid {
  2152.     flex-direction: row;
  2153.   }
  2155.   .banner--invert .banner__figure {
  2156.     -webkit-clip-path: polygon(
  2157.       0% 0%,
  2158.       calc(100% - 100px) 0%,
  2159.       calc(100% - 50px) 100%,
  2160.       0% 100%
  2161.     );
  2162.     clip-path: polygon(
  2163.       0% 0%,
  2164.       calc(100% - 100px) 0%,
  2165.       calc(100% - 50px) 100%,
  2166.       0% 100%
  2167.     );
  2168.   }
  2170.   .banner--invert .banner__text {
  2171.     text-align: right;
  2172.   }
  2174.   .banner--invert .banner__link {
  2175.     transform-origin: right bottom;
  2176.   }
  2178.   .banner:hover .banner__figure {
  2179.     -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  2180.     clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  2181.   }
  2182. }
  2184. /* ------------------------ Watermark (Please Ignore) ----------------------- */
  2185. .watermark-ctr {
  2186.   --clr-button-bg: #141414;
  2187.   --clr-button: 72, 39, 236;
  2188.   --clr-text: #ffffff;
  2190.   position: fixed;
  2191.   bottom: 1.5rem;
  2192.   right: 1.5rem;
  2193.   z-index: 1000;
  2194. }
  2195. .watermark-ctr a {
  2196.   text-decoration: none;
  2197.   color: inherit;
  2198.   display: flex;
  2199. }
  2200. .generate-button {
  2201.   --generate-button-star-1-opacity: 0.25;
  2202.   --generate-button-star-1-scale: 1;
  2203.   --generate-button-star-2-opacity: 1;
  2204.   --generate-button-star-2-scale: 1;
  2205.   --generate-button-star-3-opacity: 0.5;
  2206.   --generate-button-star-3-scale: 1;
  2207.   --generate-button-dots-opacity: 0;
  2208.   appearance: none;
  2209.   outline: none;
  2210.   border: none;
  2211.   padding: 14px 24px 14px 20px;
  2212.   border-radius: 29px;
  2213.   margin: 0;
  2214.   background-color: var(--clr-button-bg);
  2215.   color: var(--clr-text);
  2216.   display: flex;
  2217.   align-items: center;
  2218.   justify-content: center;
  2219.   position: relative;
  2220.   cursor: pointer;
  2221.   -webkit-tap-highlight-color: transparent;
  2222.   z-index: 1;
  2223.   transform: scale(var(--generate-button-scale, 1)) translateZ(0);
  2224.   box-shadow: 0px 0px 120px var(--generate-button-shadow-wide, transparent),
  2225.     0px 4px 12px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.1),
  2226.     inset 0px 1px 1px
  2227.       var(--generate-button-shadow-inset, rgba(255, 255, 255, 0.04)),
  2228.     0 0 0 var(--generate-button-shadow-outline, 0px)
  2229.       rgba(var(--clr-button), 0.4);
  2230.   transition: transform 0.3s, background-color 0.3s, box-shadow 0.3s, color 0.3s;
  2231. }
  2232. .generate-button:before {
  2233.   content: \"\";
  2234.   display: block;
  2235.   position: absolute;
  2236.   right: 20%;
  2237.   height: 20px;
  2238.   left: 20%;
  2239.   bottom: -10px;
  2240.   background: rgba(204, 204, 204, 0.4);
  2241.   filter: blur(12.5px);
  2242.   z-index: 2;
  2243.   clip-path: inset(-200% -30% 10px -30% round 29px);
  2244.   opacity: 0;
  2245.   transition: opacity 0.4s;
  2246.   transform: translateZ(0);
  2247. }
  2248. .generate-button span {
  2249.   position: relative;
  2250.   z-index: 1;
  2251.   font-family: \"Poppins\", Arial;
  2252.   font-weight: 600;
  2253.   font-size: 16px;
  2254.   letter-spacing: 0.005em;
  2255.   display: block;
  2256.   user-select: none;
  2257. }
  2258. .generate-button .stroke {
  2259.   mix-blend-mode: hard-light;
  2260. }
  2261. .generate-button .stroke svg {
  2262.   position: absolute;
  2263.   inset: 0;
  2264.   width: 100%;
  2265.   height: 100%;
  2266.   fill: none;
  2267.   stroke-width: 0.75px;
  2268.   stroke: #e2d9ff;
  2269.   stroke-dasharray: 1.5 14;
  2270.   stroke-dashoffset: 22;
  2271.   opacity: 0;
  2272. }
  2273. .generate-button .stroke svg:nth-child(2) {
  2274.   stroke-width: 1px;
  2275.   stroke-opacity: 0.5;
  2276.   filter: blur(3px);
  2277. }
  2279. .generate-button svg.icon {
  2280.   width: 18px;
  2281.   height: 20px;
  2282.   margin-right: 10px;
  2283.   fill: currentColor;
  2284. }
  2285. .generate-button svg.icon path:nth-child(1) {
  2286.   opacity: var(--generate-button-star-1-opacity);
  2287.   transform: scale(var(--generate-button-star-1-scale)) translateZ(0);
  2288.   transform-origin: 25% 14.58%;
  2289. }
  2290. .generate-button svg.icon path:nth-child(2) {
  2291.   opacity: var(--generate-button-star-2-opacity);
  2292.   transform: scale(var(--generate-button-star-2-scale)) translateZ(0);
  2293.   transform-origin: 60.42% 50%;
  2294. }
  2295. .generate-button svg.icon path:nth-child(3) {
  2296.   opacity: var(--generate-button-star-3-opacity);
  2297.   transform: scale(var(--generate-button-star-3-scale)) translateZ(0);
  2298.   transform-origin: 25% 85.42%;
  2299. }
  2300. .generate-button:hover {
  2301.   --generate-button-scale: 1.01;
  2302.   --generate-button-shadow-wide: rgba(var(--clr-button), 0.4);
  2303.   --generate-button-shadow-inset: rgba(255, 255, 255, 0.35);
  2304.   --generate-button-shadow-outline: 3px;
  2305.   color: var(--clr-text);
  2306.   background-color: rgba(var(--clr-button));
  2307. }
  2308. .generate-button:hover .stroke svg {
  2309.   animation: stroke 2s linear infinite;
  2310. }
  2311. .generate-button:hover:before {
  2312.   opacity: 1;
  2313. }
  2314. .generate-button:hover span:before {
  2315.   opacity: 0;
  2316. }
  2317. .generate-button:hover:active {
  2318.   --generate-button-scale: 1.05;
  2319. }
  2320. @keyframes stroke {
  2321.   0% {
  2322.     opacity: 0;
  2323.   }
  2324.   25%,
  2325.   75% {
  2326.     opacity: 1;
  2327.   }
  2328.   95%,
  2329.   100% {
  2330.     stroke-dashoffset: 6;
  2331.     opacity: 0;
  2332.   }
  2333. }
  2335. /*------------------------ Begin style Accordion -------------------*/
  2337. /*Privacy Center*/
  2338. .privacy-center {
  2339.   width: 100%;
  2340.   max-width: 100%;
  2341.   overflow: auto;
  2342.   margin: 0 auto;
  2343.   background-color: #ffffff;
  2344.   padding: 32px 0 104px;
  2345.   border-radius: 8px;
  2346.   position: relative;
  2347. }
  2348. .privacy-center .privacy-center--header {
  2349.   padding: 0 0 16px;
  2350.   margin: 0 32px;
  2351. }
  2352. .privacy-center .privacy-center--header h1 {
  2353.   font-size: 24px;
  2354.   font-weight: 700;
  2355.   color: #0060b1;
  2356.   text-transform: capitalize;
  2357. }
  2358. .privacy-center .privacy-center--body {
  2359.   margin: 0 32px;
  2360.   border-top: 1px solid #dedede;
  2361.   overflow: auto;
  2362. }
  2363. .privacy-center .privacy-center--body .privacy-center-intro {
  2364.   padding: 24px 0;
  2365.   line-height: 150%;
  2366.   border-bottom: 1px solid #dedede;
  2367. }
  2368. .privacy-center .privacy-center--body .privacy-container {
  2369.   margin: 0 auto;
  2370.   background-color: #ffffff;
  2371.   transition: all ease-in-out 0.36s;
  2372.   border-radius: 3px;
  2373.   max-height: 212px;
  2374. }
  2375. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting {
  2376.   display: flex;
  2377.   align-content: center;
  2378.   padding: 24px 0;
  2379. }
  2380. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label {
  2381.   display: flex;
  2382.   flex-grow: 1;
  2383.   position: relative;
  2384.   padding-right: 24px;
  2385.   font-weight: 600;
  2386.   transition: rotate ease-in-out 0.36s;
  2387.   background-color: transparent;
  2388.   border: none;
  2389. }
  2390. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label:before {
  2391.   content: \"\";
  2392.   width: 20px;
  2393.   height: 20px;
  2394.   display: block;
  2395.   background-image: url(\"https://cdn-icons-png.flaticon.com/128/5343/5343102.png\");
  2396.   background-size: 12px auto;
  2397.   background-position: 50% 50%;
  2398.   background-repeat: no-repeat;
  2399.   margin-right: 16px;
  2400.   transition: transform ease-in-out 0.36s;
  2401. }
  2402. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label:hover {
  2403.   cursor: pointer;
  2404. }
  2405. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .privacy-label.active:before {
  2406.   transform: rotate(90deg);
  2407. }
  2408. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container {
  2409.   display: flex;
  2410. }
  2411. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button {
  2412.   width: 20px;
  2413.   height: 20px;
  2414.   background-color: #fafafb;
  2415.   border-radius: 100%;
  2416.   border: 1px solid #dedede;
  2417.   position: relative;
  2418.   margin: 0 64px 0 0;
  2419. }
  2420. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button:hover {
  2421.   cursor: pointer;
  2422. }
  2423. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button:before {
  2424.   content: \"\";
  2425.   width: 10px;
  2426.   height: 10px;
  2427.   border-radius: 100%;
  2428.   position: absolute;
  2429.   top: 0;
  2430.   right: 0;
  2431.   bottom: 0;
  2432.   left: 0;
  2433.   margin: auto;
  2434.   background-color: transparent;
  2435.   transition: all ease-in-out 0.36s;
  2436. }
  2437. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button.active {
  2438.   border: 1px solid #2980b9;
  2439. }
  2440. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button.active:before {
  2441.   background-color: #2980b9;
  2442. }
  2443. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-setting .button-container .button .button-label {
  2444.   position: absolute;
  2445.   font-weight: 400;
  2446.   top: 0px;
  2447.   left: 24px;
  2448.   bottom: 0;
  2449.   margin: 0 auto;
  2450. }
  2451. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description {
  2452.   max-height: 0;
  2453.   overflow: hidden;
  2454.   margin: 0;
  2455.   transition: all 0.65s ease-in-out;
  2456.   border-bottom: 1px solid #dedede;
  2457. }
  2458. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description:last-of-type {
  2459.   border: none;
  2460. }
  2461. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description p {
  2462.   line-height: 150%;
  2463.   padding: 0px 32px 32px;
  2464.   opacity: 0;
  2465.   transition: opacity ease-in-out 1s;
  2466. }
  2467. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description p.active {
  2468.   opacity: 1;
  2469. }
  2470. .privacy-center .privacy-center--body .privacy-container .privacy-settings .privacy-description p a {
  2471.   text-decoration: none;
  2472.   color: #2980b9;
  2473.   font-weight: 600;
  2474. }
  2475. .privacy-center .privacy-center--body .privacy-description {
  2476.   margin: 0;
  2477. }
  2478. .privacy-center .privacy-center--footer {
  2479.   width: calc(100% - 64px);
  2480.   max-width: 768px;
  2481.   height: calc(40px + 64px);
  2482.   padding: 32px 0;
  2483.   background: #ffffff;
  2484.   display: flex;
  2485.   justify-content: flex-end;
  2486.   border-top: 1px solid #dedede;
  2487.   position: absolute;
  2488.   right: 0;
  2489.   left: 0;
  2490.   bottom: 0;
  2491.   margin: 0 auto;
  2492. }
  2493. .privacy-center .privacy-center--footer .buttons-container {
  2494.   display: flex;
  2495.   justify-content: flex-end;
  2496.   gap: 16px;
  2497. }
  2498. .privacy-center .privacy-center--footer .buttons-container .button {
  2499.   display: flex;
  2500.   align-items: center;
  2501.   font-size: 16px;
  2502.   font-weight: 600;
  2503.   padding: 0 16px;
  2504.   border: 2px solid transparent;
  2505.   border-radius: 25px;
  2506.   transition: background ease-in-out, color ease-in-out 0.36s;
  2507. }
  2508. .privacy-center .privacy-center--footer .buttons-container .button.cancel {
  2509.   color: #2980b9;
  2510.   background-color: #ffffff;
  2511.   border: 2px solid #2980b9;
  2512. }
  2513. .privacy-center .privacy-center--footer .buttons-container .button.cancel:hover {
  2514.   color: #ffffff;
  2515.   background-color: #2980b9;
  2516. }
  2517. .privacy-center .privacy-center--footer .buttons-container .button.preferences {
  2518.   color: #ffffff;
  2519.   background-color: #2980b9;
  2520. }
  2521. .privacy-center .privacy-center--footer .buttons-container .button.preferences:hover {
  2522.   color: #2980b9;
  2523.   background-color: #ffffff;
  2524.   border: 2px solid #2980b9;
  2525. }
  2526. .privacy-center .privacy-center--footer .buttons-container .button:hover {
  2527.   cursor: pointer;
  2528. }
  2529. /* width */
  2530. ::-webkit-scrollbar {
  2531.   width: 6px;
  2532. }
  2533. /* Track */
  2534. ::-webkit-scrollbar-track {
  2535.   background: transparent;
  2536. }
  2537. /* Handle */
  2538. ::-webkit-scrollbar-thumb {
  2539.   background: #dedede;
  2540.   border-radius: 10px;
  2541. }
  2542. /* Handle on hover */
  2543. ::-webkit-scrollbar-thumb:hover {
  2544.   background: #2980b9;
  2545.   cursor: scroll;
  2546. }
  2547. /*----------------------End style Accordion----------------------*/
  2548. </style>
  2550. <div>
  2551. \t<div class=\"container\">
  2552. \t\t<div class=\"row clearfix\">
  2553. \t\t\t<div class=\"col-xs-12\">
  2554. \t\t\t\t<div style=\"padding-top: 30px;\">
  2555. \t\t\t\t\t<h2>Bienvenue à l'institut de Formation Professionnelle AZ Corporation</h2>
  2556. \t\t\t\t\t<div>
  2557. \t\t\t\t\t\t<h5>Situé à Yaoundé Biyem-assi, au Carrefour Biyem-assi, Immeuble Mater.</h5>
  2558. \t\t\t\t\t\t<h4>Agrément N° 371/MINEFOP/SG/SDGSF/SACD</h4>
  2559. \t\t\t\t\t</div>
  2560. \t\t\t\t</div>
  2561. \t\t\t</div>
  2562. \t\t</div>
  2563. \t</div>
  2564. </div>
  2566. <div>
  2567. <div class=\"container\">
  2569. <div class=\"privacy-center\">
  2570. \t<div class=\"privacy-center--header\">
  2571. \t\t<h1>Nos programmes de formation et fiches de renseignement consultables hors ligne</h1>
  2572. \t</div>
  2573. \t<div class=\"privacy-center--body\">
  2574. \t\t<div class=\"privacy-center-intro\">
  2575. \t\t\t<p>Téléchargez les fiches de renseignement, emplois de temps et programmes de formation.</p>
  2576. \t\t</div>
  2577. \t\t<div class=\"privacy-container\">
  2578. \t\t\t<div class=\"privacy-settings\">
  2579. \t\t\t\t{% for document in liste_dossier|slice(0,8) %}
  2580. \t\t\t\t<div class=\"privacy-setting\">
  2581. \t\t\t\t\t<button class=\"privacy-label\">{{ document.message }}</button>
  2582. \t\t\t\t\t<div class=\"button-container\">
  2583. \t\t\t\t\t\t<a href=\"{{ path('users_adminuser_telecharg_cv_user', {'id': document.id }) }}\" class=\"btn cancel\" style=\"white-space: nowrap;\">Télécharger <span class=\"fa fa-download\"></span></a>
  2584. \t\t\t\t\t</div>
  2585. \t\t\t\t</div>
  2586. \t\t\t\t<div class=\"privacy-description\">
  2587. \t\t\t\t\t<p>Necessary cookies are essential and are used to provide you with services available through COMPANY websites. For instance, these cookies allow COMPANY to remember your choices about cookies preferences, to record your interface customization trackers e.g. for the choice of language used by the website. Necessary cookies are enabled by default and cannot be switched off. To see the list of the cookies used for this purpose, <a href=\"#\" target=\"_blank\" rel=\"noreferrer noopener\">click here</a>
  2588. \t\t\t\t\t</p>
  2589. \t\t\t\t</div>
  2590. \t\t\t\t{% endfor %}
  2592. \t\t\t</div>
  2593. \t\t</div>
  2594. \t</div>
  2595. \t<div class=\"privacy-center--footer\">
  2596. \t\t<div class=\"buttons-container\">
  2597. \t\t\t<a href=\"\" class=\"button cancel\" value=\"0\">Emplois de temps</a>
  2598. \t\t\t<a href=\"{{ path('produit_service_apropos_denous', {'position': 'planingcours'}) }}\" class=\"button preferences\" value=\"0\">Toutes les fiches</a>
  2599. \t\t</div>
  2600. \t</div>
  2601. </div>
  2602. </div>
  2603. </div>
  2606.  
  2607. <div class=\"section\" style=\"background-image: url({{ asset('template/images/etudiantss-min.png') }});
  2608. visibility: visible;
  2609. animation-delay: 100ms;
  2610. animation-name: fadeIn; padding: 10px 0px; margin-top: 20px;\">
  2611. \t<div class=\"container\">
  2612. \t\t<h2 class=\"text-center\" style=\"color: #fff; margin-bottom: 15px;\">La méthode AZ qui vous conduit inéluctablement à un emploi descend</h2>
  2614. \t\t<div class=\"feature-wrapper\">
  2615. \t\t\t<div class=\"zorb-container\">
  2616. \t\t\t  <div class=\"zorb\">
  2617. \t\t\t\t<img src=\"{{ asset('template/images/orientation.png') }}\" alt=\"\" style=\"height: 60px;\">
  2618. \t\t\t  </div>
  2619. \t\t\t  <h3 class=\"text-muted\">Orientation vers un profil de métier</h3>
  2620. \t\t\t</div>
  2621. \t\t\t<div class=\"zorb-link\"></div>
  2622. \t\t\t<div class=\"zorb-container\">
  2623. \t\t\t  <div class=\"zorb\">
  2624. \t\t\t\t<img src=\"{{ asset('template/images/rafiki.png') }}\" alt=\"\" style=\"height: 60px;\">
  2625. \t\t\t  </div>
  2626. \t\t\t  <h3 class=\"text-muted\">Motivation de l'apprenant</h3>
  2627. \t\t\t</div>
  2628. \t\t\t<div class=\"zorb-link\"></div>
  2629. \t\t\t<div class=\"zorb-container\">
  2630. \t\t\t  <div class=\"zorb\">
  2631. \t\t\t\t<img src=\"{{ asset('template/images/formation-adapte.png') }}\" alt=\"\" style=\"height: 60px;\">
  2632. \t\t\t  </div>
  2633. \t\t\t  <h3 class=\"text-muted\">Formation adaptée au profil</h3>
  2634. \t\t\t</div>
  2635. \t\t\t<div class=\"zorb-link\"></div>
  2636. \t\t\t<div class=\"zorb-container\">
  2637. \t\t\t  <div class=\"zorb\">
  2638. \t\t\t\t<img src=\"{{ asset('template/images/job.png') }}\" alt=\"\" style=\"height: 60px;\">
  2639. \t\t\t  </div>
  2640. \t\t\t  <h3 class=\"text-muted\" style=\"min-height: 50px;\">Job Direct</h3>
  2641. \t\t\t</div>
  2642. \t\t</div>
  2643. \t</div>
  2644. </div>
  2646.   <section>
  2647. \t<div class=\"container\">
  2648. \t
  2649. \t\t<div class=\"row clearfix\">
  2650. \t\t<div class=\"col-xs-12\">
  2651. \t\t\t<div class=\"text-left\" style=\"padding-top: 20px;\">
  2652. \t\t\t<h2>Nos pôles de formations</h2>
  2653. \t\t\t</div><!-- aboutTitle -->
  2654. \t\t</div><!-- col-sm-3 col-xs-12 -->
  2656. \t\t<div class=\"col-md-6\">
  2658. \t\t\t<div class=\"card__\">
  2659. \t\t\t\t<div class=\"rectangle\"></div>
  2660. \t\t\t\t<div class=\"card-img\">
  2661. \t\t\t\t  <img src=\"{{ asset('template/images/PANNEAU-2-min.jpg') }}\" alt=\"Informatique\" class=\"img__\">
  2662. \t\t\t\t  <div class=\"card-img-overlay\">
  2663. \t\t\t\t\t<p>Formation</p>
  2664. \t\t\t\t  </div>
  2665. \t\t\t\t</div>
  2666. \t\t\t\t<div class=\"card-content\">
  2667. \t\t\t\t  <h2 style=\"font-size: 23px;\">Informatique</h2>
  2668. \t\t\t\t  <div>Formations Diplômantes et continues au centre et à distance</div>
  2669. \t\t\t\t</div>
  2670. \t\t\t</div>
  2672. \t\t</div>
  2674. \t\t<div class=\"col-md-6\">
  2675. \t\t\t
  2676. \t\t\t<div class=\"card__\">
  2677. \t\t\t\t<div class=\"rectangle\"></div>
  2678. \t\t\t\t<div class=\"card-img\">
  2679. \t\t\t\t  <img src=\"{{ asset('template/images/PANNEAU-1-min.jpg') }}\" alt=\"Langue Etrangères\" class=\"img__\">
  2680. \t\t\t\t  <div class=\"card-img-overlay\">
  2681. \t\t\t\t\t<p>Formation</p>
  2682. \t\t\t\t  </div>
  2683. \t\t\t\t</div>
  2684. \t\t\t\t<div class=\"card-content\">
  2685. \t\t\t\t  <h2 style=\"font-size: 23px;\">Langue Etrangères</h2>
  2686. \t\t\t\t  <div>Formations Diplômantes et continues au centre et à distance</div>
  2687. \t\t\t\t</div>
  2688. \t\t\t</div>
  2690. \t\t</div>
  2691. \t  </div><!-- row clearfix -->
  2693. \t  {% for formation in liste_formation|slice(0,1) %}
  2694. \t  <div class=\"row clearfix\" style=\"margin-bottom: 7px;\">
  2695. \t\t<div class=\"col-xs-12\">
  2696. \t\t  <div class=\"text-left\" style=\"padding-top: 20px;\">
  2697. \t\t\t<h2>
  2698. \t\t\t\t<a href=\"{{ path('produit_produit_produit_formation_institut', {'id': formation.id }) }}\" style=\"float: right;\">Afficher plus</a>
  2699. \t\t\t\tFormations Diplomantes 
  2700. \t\t\t</h2>
  2701. \t\t  </div><!-- aboutTitle -->
  2702. \t\t</div><!-- col-sm-3 col-xs-12 -->
  2703. \t  </div><!-- row clearfix -->
  2705. \t  <div class=\"about_inner clearfix\">
  2706. \t\t<div class=\"row\">
  2708. \t\t\t{% for scatFormation in formation.getSouscategories|slice(0,3) %}
  2709. \t\t\t<div class=\"col-md-4\">
  2710. \t\t\t\t<a href=\"{{ path('produit_produit_liste_produit_souscategorie', {'id': scatFormation.id}) }}\" class=\"cardDis card-1\" style=\"background-image: url({% if scatFormation.src != null %}{{ asset(scatFormation.getwebpath) }}{% else %}{{ asset('template/images/present.png') }}{% endif %});\">
  2711. \t\t\t\t\t<h3>{{ scatFormation.nom }}</h3>
  2712. \t\t\t\t\t<p>{{ scatFormation.description }}</p>
  2713. \t\t\t\t</a>
  2714. \t\t\t</div>
  2715. \t\t\t{% endfor %}
  2716. \t\t  
  2717. \t\t</div><!-- row -->
  2718. \t  </div><!-- about_inner -->
  2719. \t  {% endfor %}
  2721. \t</div><!-- container -->
  2722. </section><!-- aboutArea -->
  2724.   <div class=\"mainContent clearfix\">
  2725. \t<div class=\"container\">
  2726. \t  <div class=\"row clearfix\">
  2728. \t\t<div class=\"col-sm-8 col-xs-12\">
  2729. \t\t  <div class=\"videoNine clearfix\">
  2731. \t\t\t<div class=\"videoArea clearfix\">
  2732. \t\t\t  <h3>Des formations continues spéciales à L'institut AZ.</h3>
  2733. \t\t\t  <div class=\"row\">
  2734. \t\t\t\t<div class=\"col-lg-8 col-md-7 col-xs-12 videoLeft\">
  2735. \t\t\t\t\t<a class=\"video_btn\" href=\"https://www.youtube.com/watch?v=s7tOfP3IDK4\">
  2736. \t\t\t\t\t\t<img src=\"{{ asset('template/images/sever-rent.png') }}\">
  2737. \t\t\t\t\t</a>
  2738. \t\t\t\t</div><!-- videoLeft -->
  2739. \t\t\t\t<div class=\"col-lg-4 col-md-5 col-xs-12 videoRight\">
  2740. \t\t\t\t<p>Noël approche à grands pas, et avec lui vient le temps de la magie, de la joie et de la générosité. À l'Institut de Formation Professionnelle Az Corporation, nous sommes ravis de vous présenter notre toute nouvelle campagne de formation spéciale Noël.</p>
  2741. \t\t\t\t<a href=\"\" class=\"btn btn-block learnBtn\">Learn More</a>
  2742. \t\t\t\t</div><!-- videoRight -->
  2743. \t\t\t  </div><!-- row -->
  2744. \t\t\t</div><!-- videoArea -->
  2746. \t\t\t<div class=\"related_post_sec single_post\">
  2747. \t\t\t  <h3>Nos Formations Continues</h3>
  2748. \t\t\t  {% for formation in liste_formation|slice(1,2) %}
  2749. \t\t\t\t{% for scatFormation in formation.getSouscategories|slice(0,2) %}
  2750. \t\t\t\t<a href=\"{{ path('produit_produit_liste_produit_souscategorie', {'id': scatFormation.id}) }}\" class=\"banner\" aria-label=\"Shop now\" style=\"margin-bottom: 10px;\">
  2751. \t\t\t\t\t<div class=\"banner__grid\">
  2752. \t\t\t\t\t<div aria-hidden=\"true\">
  2753. \t\t\t\t\t\t<figure class=\"banner__figure\" style=\"background-image: url({{ asset('template/images/present.png') }});\"></figure>
  2754. \t\t\t\t\t</div>
  2755. \t\t\t\t
  2756. \t\t\t\t\t<div class=\"banner__text\">
  2757. \t\t\t\t\t\t<h2>{{ scatFormation.nom }}</h2>
  2758. \t\t\t\t\t\t<p>{{ scatFormation.description }}</p>
  2759. \t\t\t\t
  2760. \t\t\t\t\t\t<p class=\"banner__link-wrapper\">
  2761. \t\t\t\t\t\t<span class=\"banner__link\">
  2762. \t\t\t\t\t\t\t<i>EN savoir plus</i>
  2763. \t\t\t\t\t\t</span>
  2764. \t\t\t\t\t\t</p>
  2765. \t\t\t\t\t</div>
  2766. \t\t\t\t\t</div>
  2767. \t\t\t\t</a>
  2768. \t\t\t\t{% endfor %}
  2770. \t\t\t\t<div class=\"margin-top: 20px;\">
  2771. \t\t\t\t\t<a href=\"{{ path('produit_produit_produit_formation_institut', {'id': formation.id}) }}\" class=\"btn btn-block learnBtn\">Afficher tout</a>
  2772. \t\t\t\t</div>
  2773. \t\t  \t  {% endfor %}
  2775. \t\t\t  <ul>
  2776. \t\t\t\t{# % for formation in liste_formation|slice(1,2) %}
  2777. \t\t  \t\t{% for scatFormation in formation.getSouscategories|slice(0,2) %}
  2778. \t\t\t\t<li>
  2779. \t\t\t\t  <span class=\"rel_thumb\">
  2780. \t\t\t\t\t<a href=\"\"><img src=\"{{ asset('template/images/present.png') }}\" alt=\"\"></a>
  2781. \t\t\t\t  </span><!--end rel_thumb-->
  2782. \t\t\t\t  <div class=\"rel_right\">
  2783. \t\t\t\t\t<h4><a href=\"{{ path('produit_produit_liste_produit_souscategorie', {'id': scatFormation.id }) }}\">{{ scatFormation.nom }}</a></h4>
  2784. \t\t\t\t\t<div class=\"meta\">
  2785. \t\t\t\t\t  <span class=\"author\">Durée de la formation <form action=\"a\"></form>: <a href=\"#\">2 mois</a></span>
  2786. \t\t\t\t\t  <span class=\"date\">Etudiant(e)s Formés: <a href=\"#\">2 000</a></span>
  2787. \t\t\t\t\t</div>
  2788. \t\t\t\t\t<p>{{ scatFormation.description }}</p>
  2789. \t\t\t\t  </div><!--end rel right-->
  2790. \t\t\t\t</li>
  2791. \t\t\t\t{% endfor %}
  2792. \t\t  \t\t{% endfor % #}
  2793. \t\t\t  </ul>
  2794. \t\t\t</div><!--related_post_sec-->
  2797. \t\t\t
  2799. \t\t</div><!--videoNine-->
  2800. \t\t</div><!-- col-sm-8 col-xs-12 -->
  2802. \t\t<div class=\"col-sm-4 col-xs-12\">
  2803. \t\t  <div class=\"formArea clearfix\">
  2804. \t\t\t<div class=\"formTitle\">
  2805. \t\t\t  <h3>Retrouvez une formation</h3>
  2806. \t\t\t  <p>Offered in small class sizes with great emphasis on the demands of the specification and exam technique.</p>
  2807. \t\t\t</div><!-- formTitle -->
  2808. \t\t\t<form action=\"#\" method=\"post\">
  2809. \t\t\t  <div class=\"selectBox clearfix\">
  2810. \t\t\t\t<label for=\"guiest_id1\">Type de formation</label>
  2811. \t\t\t\t<select name=\"guiest_id1\" id=\"guiest_id1\">
  2812. \t\t\t\t  <option value=\"0\">Type de formation</option>
  2813. \t\t\t\t  <option value=\"1\">Formations diplomantes</option>
  2814. \t\t\t\t  <option value=\"2\">Formations continues</option>
  2815. \t\t\t\t</select>
  2816. \t\t\t  </div><!-- selectBox -->
  2817. \t\t\t  <div class=\"selectBox clearfix\">
  2818. \t\t\t\t<select name=\"guiest_id2\" id=\"guiest_id2\">
  2819. \t\t\t\t\t{% for formation in liste_formation|slice(0,1) %}
  2820. \t\t\t\t\t\t{% for scatFormation in formation.getSouscategories|slice(0,4) %}
  2821. \t\t\t\t\t\t<option value=\"{{ scatFormation.id }}\">{{ scatFormation.nom }}</option>
  2822. \t\t\t\t\t\t{% endfor %}
  2823. \t\t\t\t\t{% endfor %}
  2824. \t\t\t\t</select>
  2825. \t\t\t  </div><!-- selectBox -->
  2826. \t\t\t  <div class=\"form-group\">
  2827. \t\t\t\t<input type=\"text\" class=\"form-control\" id=\"exampleInputEmail1\" placeholder=\"Mot clé au choix\">
  2828. \t\t\t  </div>
  2829. \t\t\t  <button type=\"submit\" class=\"btn btn-default btn-block\">Rechercher</button>
  2830. \t\t\t</form>
  2831. \t\t  </div><!-- formArea -->
  2832. \t\t  <div class=\"list_block related_post_sec\">
  2833. \t\t\t<div class=\"upcoming_events\">
  2834. \t\t\t  <h3>Nos derniers évènements</h3>
  2835. \t\t\t  <ul>
  2836. \t\t\t\t{% for event in liste_article %}
  2837. \t\t\t\t<li class=\"related_post_sec single_post\">
  2838. \t\t\t\t  <span class=\"date-wrapper\">
  2839. \t\t\t\t\t<span class=\"date\"><span>{{ event.date|date('d') }}</span>{{ event.date|date('M') }}</span>
  2840. \t\t\t\t  </span>
  2841. \t\t\t\t  <div class=\"rel_right\">
  2842. \t\t\t\t\t<h4><a href=\"\">{{ event.nom }}</a></h4>
  2843. \t\t\t\t\t<div class=\"meta\">
  2844. \t\t\t\t\t  <span class=\"place\"><i class=\"fa fa-map-marker\"></i>IFP AZ</span>
  2845. \t\t\t\t\t  <span class=\"event-time\"><i class=\"fa fa-clock-o\"></i>{{ event.date|date('H') }}:{{ event.date|date('i') }}:{{ event.date|date('s') }}</span>
  2846. \t\t\t\t\t</div>
  2847. \t\t\t\t  </div>
  2848. \t\t\t\t</li>
  2849. \t\t\t\t{% endfor %}
  2850. \t\t\t  </ul>
  2851. \t\t\t  <a href=\"{{ path('produit_service_apropos_denous', {'position': 'evenement'}) }}\" class=\"btn btn-default btn-block\">Plus d'évènements</a>
  2852. \t\t\t</div>
  2853. \t\t  </div><!-- end list_block -->
  2854. \t\t</div><!-- col-sm-4 col-xs-12 -->
  2856. \t  </div><!-- row clearfix -->
  2857. \t</div><!-- container -->
  2858.   </div><!-- mainContent -->
  2860.   <div class=\"count clearfix wow fadeIn paralax\" data-wow-delay=\"100ms\" style=\"background-image: url({{ asset('template/images/formation1.png') }});\">
  2861. \t<div class=\"container\">
  2862. \t  <div class=\"row\">
  2863. \t\t<div class=\"col-xs-6 col-sm-3\">
  2864. \t\t  <div class=\"text-center\">
  2865. \t\t\t<div class=\"icon\"><i class=\"fa fa-group\"></i></div>
  2866. \t\t\t<div class=\"counter\">
  2867. \t\t\t<span class=\"timer\">8298</span>
  2868. \t\t\t</div>
  2869. \t\t\t<div class=\"seperator-small\"></div>
  2870. \t\t  <p>Personnes formées</p>
  2871. \t\t  </div>
  2872. \t\t</div><!-- col-sm-3 -->
  2873. \t\t<div class=\"col-xs-6 col-sm-3\">
  2874. \t\t  <div class=\"text-center\">
  2875. \t\t\t<div class=\"icon\"><i class=\"fa fa-book\"></i></div>
  2876. \t\t\t<div class=\"counter\">
  2877. \t\t\t<span class=\"timer\">30</span>
  2878. \t\t\t</div>
  2879. \t\t\t<div class=\"seperator-small\"></div>
  2880. \t\t\t<p>Parcours</p>
  2881. \t\t  </div>
  2882. \t\t</div><!-- col-sm-3 -->
  2883. \t\t<div class=\"col-xs-6 col-sm-3\">
  2884. \t\t  <div class=\"text-center\">
  2885. \t\t\t<div class=\"icon\"><i class=\"fa fa-male\"></i></div>
  2886. \t\t\t<div class=\"counter\">
  2887. \t\t\t<span class=\"timer\">10</span>
  2888. \t\t\t</div>
  2889. \t\t\t<div class=\"seperator-small\"></div>
  2890. \t\t\t<p>Personnels</p>
  2891. \t\t  </div>
  2892. \t\t</div><!-- col-sm-3 -->
  2893. \t\t<div class=\"col-xs-6 col-sm-3\">
  2894. \t\t  <div class=\"text-center\">
  2895. \t\t\t<div class=\"icon\"><i class=\"fa fa-map-marker\"></i></div>
  2896. \t\t\t<div class=\"counter\">
  2897. \t\t\t<span class=\"timer\">1</span>
  2898. \t\t\t</div>
  2899. \t\t\t<div class=\"seperator-small\"></div>
  2900. \t\t\t<p>Localisations</p>
  2901. \t\t  </div>
  2902. \t\t</div><!-- col-sm-3 -->
  2903. \t  </div>
  2904. \t</div><!-- container -->
  2905.   </div><!-- count -->
  2907.   <div class=\"testimonial-section clearfix\">
  2908. \t<div class=\"container\">
  2909. \t  <div class=\"row\">
  2910. \t\t<div class=\"col-xs-12 col-sm-6\">
  2911. \t\t  <div class=\"testimonial\">
  2912. \t\t\t<div class=\"carousal_content\">
  2913. \t\t\t  <p>
  2914. \t\t\t\tBienvenue sur le site de notre Institut de Formation Professionnelle ! Je suis ravi de vous accueillir et de vous présenter notre établissement dédié à l'excellence et à la réussite professionnelle.
  2915. \t\t\t\t<div>
  2916. \t\t\t\t\tEn tant que directeur de cet institut, je suis particulièrement fier de notre équipe de formateurs qualifiés et passionnés qui sont dévoués à vous offrir une expérience d'apprentissage exceptionnelle. Notre objectif est de vous aider à acquérir les compétences et les connaissances nécessaires pour réussir dans votre carrière et atteindre vos objectifs professionnels.
  2917. \t\t\t\t</div>
  2918. \t\t\t  </p>
  2919. \t\t\t</div>
  2920. \t\t\t<div class=\"carousal_bottom\">
  2921. \t\t\t  <div class=\"thumb\">
  2922. \t\t\t\t<img src=\"{{ asset('template/images/co.png') }}\" alt=\"\" draggable=\"false\">
  2923. \t\t\t  </div>
  2924. \t\t\t  <div class=\"thumb_title\">
  2925. \t\t\t\t<span class=\"author_name\" style=\"text-transform: none;\">Gaiel bleriot AZAMBOU ZEBAZE</span>
  2926. \t\t\t\t<span class=\"author_designation\">Directeur Général <a href=\"#\" style=\"color: #76b4e7;\">Institut Az Corporation</a></span>
  2927. \t\t\t  </div>
  2928. \t\t\t</div>
  2929. \t\t  </div><!-- testimonial -->
  2930. \t\t</div><!-- col-xs-12 -->
  2931. \t\t<div class=\"col-xs-12 col-sm-6\">
  2932. \t\t  <div class=\"features\" style=\"background: #fff; border-radius: 10px; padding: 10px;\">
  2933. \t\t\t<h3>Pourquoi nous choisir ?</h3>
  2934. \t\t\t<ul>
  2935. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Acquérir des compétences spécialisées</li>
  2936. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Obtenir une formation pratique</li>
  2937. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Bénéficier d'un encadrement professionnel</li>
  2938. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Accéder à des opportunités d'emploi</li>
  2939. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Se former rapidement et efficacement</li>
  2940. \t\t\t  <li><i class=\"fa fa-check-circle-o\"></i>Développer un réseau professionnel </li>
  2941. \t\t\t</ul>
  2942. \t\t  </div>
  2943. \t\t</div><!-- col-xs-12 -->
  2944. \t  </div><!-- row -->
  2945. \t</div><!-- container -->
  2946.   </div><!-- testimonial-section -->
  2949. {% endblock %}
  2951. {% block srcjavascripttemplate %}
  2953. {% endblock %}
  2955. {% block javascripttemplate %}
  2956. \t
  2957. {% endblock %}", "Theme/Users/User/Security/accueilsite.html.twig", "/home/azcorp-institut/public_html/iaz/templates/Theme/Users/User/Security/accueilsite.html.twig");
  2958.     }
  2959. }