src/Flexy/FrontBundle/Themes/CoWorking/templates/pages/article.html.twig line 1

  1. {% extends '@Flexy/FrontBundle/Themes/CoWorking/templates/layout.html.twig' %}
  3. {% block body %}
  4.  <style>
  5.  .breadcrumb-content li::before {
  6.     
  7.     top: 13px !important;
  8.      
  9. }
  10.  </style>
  13.         <!-- Begin Body Wrapper -->
  14.         <div class="body-wrapper">
  16.             <!-- Begin Li's Breadcrumb Area -->
  17.             <!--<div class="breadcrumb-area" >
  18.                 <div class="container" >
  19.                    
  20.                 </div>
  21.             </div> -->
  22.             <!-- Li's Breadcrumb Area End Here -->
  23.             <!-- about wrapper start -->
  24.             <div class="about-us-wrapper" style="margin-top: 25px;">
  25.                 <div class="container" style="padding:40px 15px !important;">
  26.                  <div class="breadcrumb-content"  style="padding-bottom:30px !important;" >
  27.                         <ul>
  28.                             <li><a href="{{path("front_home")}}">Accueil</a></li>
  29.                             <li class="active">Article</li>
  30.                             <li class="active">{{singleArticle[0].title}}</li>
  31.                             
  32.                         </ul>
  33.                     </div>
  34.                     <div class="row">
  35.                     
  36.                         <div class="col-lg-6">
  37.                            <img class="img-full" src="/uploads/coworking/{{ singleArticle[0].image }}" alt="About Us" />
  38.                         </div>
  39.                         
  40.                         <div class="col-lg-6">
  41.                             <div class="about-text-wrap">
  42.                                 <h2><span>{{singleArticle[0].underTitle}}</span>{{singleArticle[0].title}}</h2>
  43.                                 <p>{{singleArticle[0].description}}</p>
  44.                             </div>
  45.                         </div>
  46.                          <!-- About Image Start -->
  47.                         {#<div class="col-lg-5 col-md-10">#}
  48.                         {#    <div class="about-image-wrap">#}
  49.                                 
  50.                                 
  51.                         {#    </div>#}
  52.                         {#</div>#}
  53.                         <!-- About Image End -->
  54.                         
  55.                         <!-- About Text Start -->
  56.                         {#<div class="col-lg-6 order-last order-lg-first">#}
  57.                         {#    <div class="about-text-wrap">#}
  58.                         {#        <h2><span>Provide Best</span>Product For You</h2>#}
  59.                         {#        <p>We provide the best Beard oile all over the world. We are the worldd best store in indi for Beard Oil. You can buy our product without any hegitation because they truste us and buy our product without any hagitation because they belive and always happy buy our product.</p>#}
  60.                         {#        <p>Some of our customer say’s that they trust us and buy our product without any hagitation because they belive us and always happy to buy our product.</p>#}
  61.                         {#        <p>We provide the beshat they trusted us and buy our product without any hagitation because they belive us and always happy to buy.</p>#}
  62.                         {#    </div>#}
  63.                         {#</div>#}
  64.                         <!-- About Text End -->
  65.                        
  66.                     </div>
  67.                 </div>
  68.             </div>
  69.             <!-- about wrapper end -->
  70.             <!-- Begin Counterup Area -->
  71.             {#<div class="counterup-area">#}
  72.             {#    <div class="container-fluid p-0">#}
  73.             {#        <div class="row no-gutters">#}
  74.             {#            <div class="col-lg-3 col-md-6">#}
  75.             {#                <!-- Begin Limupa Counter Area -->#}
  76.             {#                <div class="limupa-counter white-smoke-bg">#}
  77.             {#                    <div class="container">#}
  78.             {#                        <div class="counter-img">#}
  79.             {#                            <img src="images/about-us/icon/1.png" alt="">#}
  80.             {#                        </div>#}
  81.             {#                        <div class="counter-info">#}
  82.             {#                            <div class="counter-number">#}
  83.             {#                                <h3 class="counter">2169</h3>#}
  84.             {#                            </div>#}
  85.             {#                            <div class="counter-text">#}
  86.             {#                                <span>HAPPY CUSTOMERS</span>#}
  87.             {#                            </div>#}
  88.             {#                        </div>#}
  89.             {#                    </div>#}
  90.             {#                </div>#}
  91.             {#                <!-- limupa Counter Area End Here -->#}
  92.             {#            </div>#}
  93.             {#            <div class="col-lg-3 col-md-6">#}
  94.             {#                <!-- Begin limupa Counter Area -->#}
  95.             {#                <div class="limupa-counter gray-bg">#}
  96.             {#                    <div class="counter-img">#}
  97.             {#                        <img src="images/about-us/icon/2.png" alt="">#}
  98.             {#                    </div>#}
  99.             {#                    <div class="counter-info">#}
  100.             {#                        <div class="counter-number">#}
  101.             {#                            <h3 class="counter">869</h3>#}
  102.             {#                        </div>#}
  103.             {#                        <div class="counter-text">#}
  104.             {#                            <span>AWARDS WINNED</span>#}
  105.             {#                        </div>#}
  106.             {#                    </div>#}
  107.             {#                </div>#}
  108.             {#                <!-- limupa Counter Area End Here -->#}
  109.             {#            </div>#}
  110.             {#            <div class="col-lg-3 col-md-6">#}
  111.             {#                <!-- Begin limupa Counter Area -->#}
  112.             {#                <div class="limupa-counter white-smoke-bg">#}
  113.             {#                    <div class="counter-img">#}
  114.             {#                        <img src="images/about-us/icon/3.png" alt="">#}
  115.             {#                    </div>#}
  116.             {#                    <div class="counter-info">#}
  117.             {#                        <div class="counter-number">#}
  118.             {#                            <h3 class="counter">689</h3>#}
  119.             {#                        </div>#}
  120.             {#                        <div class="counter-text">#}
  121.             {#                            <span>HOURS WORKED</span>#}
  122.             {#                        </div>#}
  123.             {#                    </div>#}
  124.             {#                </div>#}
  125.             {#                <!-- limupa Counter Area End Here -->#}
  126.             {#            </div>#}
  127.             {#            <div class="col-lg-3 col-md-6">#}
  128.             {#                <!-- Begin limupa Counter Area -->#}
  129.             {#                <div class="limupa-counter gray-bg">#}
  130.             {#                    <div class="counter-img">#}
  131.             {#                        <img src="images/about-us/icon/4.png" alt="">#}
  132.             {#                    </div>#}
  133.             {#                    <div class="counter-info">#}
  134.             {#                        <div class="counter-number">#}
  135.             {#                            <h3 class="counter">2169</h3>#}
  136.             {#                        </div>#}
  137.             {#                        <div class="counter-text">#}
  138.             {#                            <span>COMPLETE PROJECTS</span>#}
  139.             {#                        </div>#}
  140.             {#                    </div>#}
  141.             {#                </div>#}
  142.             {#                <!-- limupa Counter Area End Here -->#}
  143.             {#            </div>#}
  144.             {#        </div>#}
  145.             {#    </div>#}
  146.             {#</div>#}
  147.             <!-- Counterup Area End Here -->
  148.             <!-- team area wrapper start -->
  149.             {#<div class="team-area pt-60 pt-sm-44">#}
  150.             {#    <div class="container">#}
  151.             {#        <div class="row">#}
  152.             {#            <div class="col-12">#}
  153.             {#                <div class="li-section-title capitalize mb-25">#}
  154.             {#                    <h2><span>our team</span></h2>#}
  155.             {#                </div>#}
  156.             {#            </div>#}
  157.             {#        </div> <!-- section title end -->#}
  158.             {#        <div class="row">#}
  159.             {#            <div class="col-lg-3 col-md-6 col-sm-6">#}
  160.             {#                <div class="team-member mb-60 mb-sm-30 mb-xs-30">#}
  161.             {#                    <div class="team-thumb">#}
  162.             {#                        <img src="images/team/1.png" alt="Our Team Member">#}
  163.             {#                    </div>#}
  164.             {#                    <div class="team-content text-center">#}
  165.             {#                        <h3>Jonathan Scott</h3>#}
  166.             {#                        <p>IT Expert</p>#}
  167.             {#                        <a href="#">info@example.com</a>#}
  168.             {#                        <div class="team-social">#}
  169.             {#                            <a href="#"><i class="fa fa-facebook"></i></a>#}
  170.             {#                            <a href="#"><i class="fa fa-twitter"></i></a>#}
  171.             {#                            <a href="#"><i class="fa fa-linkedin"></i></a>#}
  172.             {#                            <a href="#"><i class="fa fa-google-plus"></i></a>#}
  173.             {#                        </div>#}
  174.             {#                    </div>#}
  175.             {#                </div>#}
  176.             {#            </div> <!-- end single team member -->#}
  177.             {#            <div class="col-lg-3 col-md-6 col-sm-6">#}
  178.             {#                <div class="team-member mb-60 mb-sm-30 mb-xs-30">#}
  179.             {#                    <div class="team-thumb">#}
  180.             {#                        <img src="images/team/2.png" alt="Our Team Member">#}
  181.             {#                    </div>#}
  182.             {#                    <div class="team-content text-center">#}
  183.             {#                        <h3>Oliver Bastin</h3>#}
  184.             {#                        <p>Web Designer</p>#}
  185.             {#                        <a href="#">info@example.com</a>#}
  186.             {#                        <div class="team-social">#}
  187.             {#                            <a href="#"><i class="fa fa-facebook"></i></a>#}
  188.             {#                            <a href="#"><i class="fa fa-twitter"></i></a>#}
  189.             {#                            <a href="#"><i class="fa fa-linkedin"></i></a>#}
  190.             {#                            <a href="#"><i class="fa fa-google-plus"></i></a>#}
  191.             {#                        </div>#}
  192.             {#                    </div>#}
  193.             {#                </div>#}
  194.             {#            </div> <!-- end single team member -->#}
  195.             {#            <div class="col-lg-3 col-md-6 col-sm-6">#}
  196.             {#                <div class="team-member mb-30 mb-sm-60">#}
  197.             {#                    <div class="team-thumb">#}
  198.             {#                        <img src="images/team/3.png" alt="Our Team Member">#}
  199.             {#                    </div>#}
  200.             {#                    <div class="team-content text-center">#}
  201.             {#                        <h3>Erik Jonson</h3>#}
  202.             {#                        <p>Web Developer</p>#}
  203.             {#                        <a href="#">info@example.com</a>#}
  204.             {#                        <div class="team-social">#}
  205.             {#                            <a href="#"><i class="fa fa-facebook"></i></a>#}
  206.             {#                            <a href="#"><i class="fa fa-twitter"></i></a>#}
  207.             {#                            <a href="#"><i class="fa fa-linkedin"></i></a>#}
  208.             {#                            <a href="#"><i class="fa fa-google-plus"></i></a>#}
  209.             {#                        </div>#}
  210.             {#                    </div>#}
  211.             {#                </div>#}
  212.             {#            </div> <!-- end single team member -->#}
  213.             {#            <div class="col-lg-3 col-md-6 col-sm-6">#}
  214.             {#                <div class="team-member mb-30 mb-sm-60 mb-xs-60">#}
  215.             {#                    <div class="team-thumb">#}
  216.             {#                        <img src="images/team/4.png" alt="Our Team Member">#}
  217.             {#                    </div>#}
  218.             {#                    <div class="team-content text-center">#}
  219.             {#                        <h3>Maria Mandy</h3>#}
  220.             {#                        <p>Marketing officer</p>#}
  221.             {#                        <a href="#">info@example.com</a>#}
  222.             {#                        <div class="team-social">#}
  223.             {#                            <a href="#"><i class="fa fa-facebook"></i></a>#}
  224.             {#                            <a href="#"><i class="fa fa-twitter"></i></a>#}
  225.             {#                            <a href="#"><i class="fa fa-linkedin"></i></a>#}
  226.             {#                            <a href="#"><i class="fa fa-google-plus"></i></a>#}
  227.             {#                        </div>#}
  228.             {#                    </div>#}
  229.             {#                </div>#}
  230.             {#            </div> <!-- end single team member -->#}
  231.             {#        </div>#}
  232.             {#    </div>#}
  233.             {#</div>#}
  234.             <!-- team area wrapper end -->
  236.         </div>
  237.         <!-- Body Wrapper End Here -->
  239. {% endblock %}