templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>UrConnex</title>
  6.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
  7.           integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
  8.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css">
  9.     <link rel="stylesheet" href="{{ asset('update/style.css') }}">
  10.     <link href="/assets/css/bootstrap.css" rel="stylesheet">
  11.     <!-- Custom styles for this template -->
  12.     <link href="/assets/css/main.css" rel="stylesheet">
  13.     <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
  14.     <script src="/assets/js/chart.js"></script>
  15.     <link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet" />
  16.     <script src="https://vjs.zencdn.net/7.14.3/video.min.js"></script>
  17.     <style>
  18.         section{
  19.             padding: 50px 0;
  20.         }
  21.         /*    gallery */
  22.         .gallery-title{
  23.             font-size: 36px;
  24.             color: #3F6184;
  25.             text-align: center;
  26.             font-weight: 500;
  27.             margin-bottom: 70px;
  28.         }
  29.         .filter-button{
  30.             font-size: 18px;
  31.             border: 2px solid #3F6184;
  32.             padding:5px 10px;
  33.             text-align: center;
  34.             color: #3F6184;
  35.             margin-bottom: 30px;
  36.             background:transparent;
  37.         }
  38.         .filter-button:hover,
  39.         .filter-button:focus,
  40.         .filter-button.active{
  41.             color: #ffffff;
  42.             background-color:#3F6184;
  43.             outline:none;
  44.         }
  45.         .gallery_product{
  46.             margin: 0px;
  47.             padding:0;
  48.             position:relative;
  49.         }
  50.         .gallery_product .img-info{
  51.             position: absolute;
  52.             background: rgba(0,0,0,0.5);
  53.             left: 0;
  54.             right: 0;
  55.             bottom: 0;
  56.             padding: 20px;
  57.             overflow:hidden;
  58.             color:#fff;
  59.             top:0;
  60.             display:none;
  61.             -webkit-transition: 2s;
  62.             transition: 2s;
  63.         }
  64.         .gallery_product:hover .img-info{
  65.             display:block;
  66.             -webkit-transition: 2s;
  67.             transition: 2s;
  68.         }
  69.         h4{
  70.             color: #ffffff;
  71.         }
  72.     </style>
  73.     {% block stylesheets %}
  74.         <style>
  75.             a {
  76.                 color: black;
  77.             }
  78.             .bi-arrow-up-circle {
  79.                 color: #FF914D;
  80.             }
  81.             .sidebar {
  82.                 /* position: fixed; */
  83.                 left: 0;
  84.                 /* z-index: 100;  */
  85.                 /* Behind the navbar */
  86.             }
  87.             .card {
  88.                 margin-bottom: 1em;
  89.             }
  90.             .view-more-btn {
  91.                 border: 2px solid #FF914D;
  92.                 background-color: #FF914D;
  93.                 box-shadow: 0px 9px 9px -4px #686868;
  94.             }
  95.             .title {
  96.                 border: black solid 1px;
  97.                 /* border-radius: 3px; */
  98.                 display: inline;
  99.                 align-items: center;
  100.                 box-shadow: 0px 9px 9px -4px #686868;
  101.             }
  102.             @media (max-width: 767.98px) {
  103.                 .sidebar {
  104.                     top: 5rem;
  105.                 }
  106.             }
  107.             body{
  108.                 margin-top: 0px;
  109.             }
  110.             body::before{
  111.                 height: 0px;
  112.             }
  113.             .links{
  114.                 display: none;
  115.             }
  116.         </style>
  117.     {% endblock %}
  118. </head>
  119. <body>
  120. {% block body %}{% endblock %}
  121. {% block javascripts %}
  122.     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  123.     <!--[if lt IE 9]>
  124.     <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  125.     <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  126.     <![endif]-->
  127.     <script src="https://vjs.zencdn.net/7.11.4/video.min.js"></script>
  128.     <script src="/js/jquery.min.js"></script>
  129.     <!-- Include all compiled plugins (below), or include individual files as needed -->
  130.     <script src="/assets/js/bootstrap.js"></script>
  131.     <script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
  132.     <script src="/assets/js/jquery.js" type="text/javascript"></script>
  133.     <script src="/assets/js/google-code-prettify/prettify.js" type="text/javascript"></script>
  134.     <script src="/assets/js/bootstrap-transition.js" type="text/javascript"></script>
  135.     <script src="/assets/js/bootstrap-alert.js" type="text/javascript"></script>
  136.     <script src="/assets/js/bootstrap-modal.js" type="text/javascript"></script>
  137.     <script src="/assets/js/bootstrap-dropdown.js" type="text/javascript"></script>
  138.     <script src="/assets/js/bootstrap-scrollspy.js" type="text/javascript"></script>
  139.     <script src="/assets/js/bootstrap-tab.js" type="text/javascript"></script>
  140.     <script src="/assets/js/bootstrap-tooltip.js" type="text/javascript"></script>
  141.     <script src="/assets/js/bootstrap-popover.js" type="text/javascript"></script>
  142.     <script src="/assets/js/bootstrap-button.js" type="text/javascript"></script>
  143.     <script src="/assets/js/bootstrap-collapse.js" type="text/javascript"></script>
  144.     <script src="/assets/js/bootstrap-carousel.js" type="text/javascript"></script>
  145.     <script src="/assets/js/bootstrap-typeahead.js" type="text/javascript"></script>
  146.     <script src="/assets/js/bootstrap-affix.js" type="text/javascript"></script>
  147.     <script src="/assets/js/application.js" type="text/javascript"></script>
  148.     <script src="/assets/js/superfish.js" type="text/javascript"></script>
  149.     <script src="/assets/js/custom.js" type="text/javascript"></script>
  150.     <script>
  151.         $(document).ready(function () {
  152.             var showCaseItems = $('.show-case-item').hide();
  153.             var splashes = $('.splash').hide();
  154.             //get each image for each slide and set it as a background of the slide
  155.             //            splashes.each(function () {
  156.             //                var img = $(this).find('img');
  157.             //                var imgSrc = img.attr('src');
  158.             //                img.css('visibility', 'hidden');
  159.             //                $(this).css({ 'background-image': 'url(' + imgSrc + ')', 'background-repeat': 'no-repeat' });
  160.             //            });
  161.             splashes.eq(0).show();
  162.             showCaseItems.eq(0).show();
  163.             var prevIndex = -1;
  164.             var nextIndex = 0;
  165.             var currentIndex = 0;
  166.             $('#banner-pagination li a').click(function () {
  167.                 nextIndex = parseInt($(this).attr('rel'));
  168.                 if (nextIndex != currentIndex) {
  169.                     $('#banner-pagination li a').html('<img src="assets/img/slidedot.png" alt="slide"/>');
  170.                     $(this).html('<img src="assets/img/slidedot-active.png" alt="slide"/>');
  171.                     currentIndex = nextIndex;
  172.                     if (prevIndex < 0) prevIndex = 0;
  173.                     splashes.eq(prevIndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {
  174.                         $(this).hide();
  175.                     });
  176.                     splashes.eq(nextIndex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 500, function () { });
  177.                     showCaseItems.eq(prevIndex).css({ opacity: 1 }).animate({ opacity: 0 }, 500, function () {
  178.                         $(this).hide();
  179.                         showCaseItems.eq(nextIndex).show().css({ opacity: 0 }).animate({ opacity: 1 }, 200, function () { });
  180.                     });
  181.                     prevIndex = nextIndex;
  182.                 }
  183.                 return false;
  184.             });
  185.         });
  186.     </script>
  187.     <script>
  188.         $(function() {
  189.             $('input[type=file]').change(function(){
  190.                 var t = $(this).val();
  191.                 var labelText = 'File : ' + t.substr(12, t.length);
  192.                 $(this).prev('label').text(labelText);
  193.             })
  194.         });
  195.     </script>
  196. {% endblock %}
  197. </body>
  198. </html>