templates/index.html.twig line 1

Open in your IDE?
  1. {% extends "_layout/main.html.twig" %}
  2. {% block stylesheets %}
  3.     <link href="../public/styles/index.css" type="text/css" rel="stylesheet">
  4.     <link href="../public/styles/carrousel.css" type="text/css" rel="stylesheet">
  5. {% endblock %}
  6. {% block content %}
  7.     <div class="contenedor">
  8.         <div class="content">
  9.             <div class="slideshow">
  10.                 <ul class="slider">
  11.                     <li class="col-12">
  12.                         <img src="/thumbnail/slide1.jpg" alt="" class="img-fluid">
  13.                     </li>
  14.                     <li class="col-12">
  15.                         <img src="/thumbnail/slide2.jpg" alt="" class="img-fluid">
  16.                     </li>
  17.                     <li class="col-12">
  18.                         <img src="/thumbnail/slide3.jpg" alt="" class="img-fluid">
  19.                     </li>
  20.                     <li class="col-12">
  21.                         <img src="/thumbnail/slide4.jpg" alt="" class="img-fluid">
  22.                     </li>
  23.                 </ul>
  24.                 <ol class="pagination">
  25.                 </ol>
  26.                 <div class="left"><span class="fa fa-chevron-left"></span></div>
  27.                 <div class="right"><span class="fa fa-chevron-right"></span></div>
  28.             </div>
  29.         </div>
  30.         <div class="forUs">
  31.             <h2 style="margin-bottom: 4rem">{{ 'For Us' }}</h2>
  32.             <div class="row">
  33.                 <div class="col-md-4">
  34.                     <img class="card-img" src='/img/gallery.jpg' alt="">
  35.                 </div>
  36.                 <p class="col-md-8 ">
  37.                     Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the
  38.                     industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type
  39.                     and scrambled it to make a type specimen book. It has survived not only five centuries, but also the
  40.                     leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with
  41.                     the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
  42.                     publishing software like
  43.                     Aldus PageMaker including versions of Lorem Ipsum.
  44.                     Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,
  45.                     looked up one of the more obscure Latin words, consectetur, from a Lorem
  46.                     Ipsum passage, and going through the cites of the word in classical literature, discovered the
  47.                     undoubtable source.
  48.                     <br>
  49.                     Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes
  50.                     of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very
  51.                     popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes
  52.                     from a line
  53.                     in section 1.10.32. It is a long established fact that a reader will be distracted by the readable
  54.                     content of a page when
  55.                     looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal
  56.                     distribution
  57.                     of letters, as opposed to using 'Content here, content here', making it look like readable English.
  58.                     Many
  59.                     desktop publishing packages and web page editors now use Lorem Ipsum as their default model text,
  60.                     and a
  61.                     search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have
  62.                     evolved
  63.                     over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
  64.                 </p>
  65.             </div>
  66.         </div>
  68.         <div class="row">
  69.             <div class="col-md-4">
  70.                 <div class="card">
  71.                     <a href="{{url('exposition.index')}}">
  72.                         <img class="card-img-top" src="/thumbnail/expo.jpg" alt="Card image cap">
  73.                     </a>
  74.                     <div class="card-body">
  75.                         <h4 class="card-title">{{ 'Exposiciones' }}</h4>
  76.                         <p class="card-text">All the Lorem Ipsum generators on the Internet tend to repeat
  77.                             predefined
  78.                             chunks
  79.                             as
  80.                             necessary, making this the first true generator on the Internet. It uses a dictionary of
  81.                             over
  82.                             200
  83.                             Latin words, combined with a handful of model sentence structures, to generate Lorem
  84.                             Ipsum
  85.                             which
  86.                             looks reasonable.</p>
  87.                     </div>
  88.                 </div>
  89.             </div>
  90.             <div class="col-md-4">
  91.                 <div class="card">
  92.                     <a href="{{url('artwork.index')}}">
  93.                         <img class="card-img-top" src="/thumbnail/Fot-Art.jpg" alt="Card image cap">
  94.                     </a>
  95.                     <div class="card-body">
  96.                         <h4 class="card-title">{{ 'Obras de Arte' }}</h4>
  97.                         <p class="card-text">The standard chunk of Lorem Ipsum used since the 1500s is reproduced
  98.                             below
  99.                             for
  100.                             those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by
  101.                             Cicero
  102.                             are
  103.                             also reproduced in their exact original form, accompanied by English versions from the
  104.                             1914
  105.                             translation by H. Rackham.</p>
  106.                     </div>
  107.                 </div>
  108.             </div>
  109.             <div class="col-md-4">
  110.                 <div class="card">
  111.                     <a href="{{url('artist.index')}}">
  112.                         <img class="card-img-top" src="/thumbnail/artist.jpg" alt="Card image cap">
  113.                     </a>
  114.                     <div class="card-body">
  115.                         <h4 class="card-title">{{ 'Artistas' }}</h4>
  116.                         <p class="card-text">There are many variations of passages of Lorem Ipsum available, but the
  117.                             majority
  118.                             have suffered alteration in some form, by injected humour, or randomised words which
  119.                             don't
  120.                             look
  121.                             even
  122.                             slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be
  123.                             sure
  124.                             there
  125.                             isn't anything embarrassing hidden in the middle of text.</p>
  126.                     </div>
  127.                 </div>
  128.             </div>
  129.         </div>
  130.     </div>
  131. {% endblock %}