templates/index.html.twig line 1

  1. {% extends 'base.html.twig'%}
  3. {% block stylesheets %}
  4.     <link rel="stylesheet" href="css/style.css">
  5.     <link rel="stylesheet" href="css/style_homepage.css">
  6.     <link rel="stylesheet" href="assets/fa/css/all.css">
  7. {% endblock %}
  9. {% block body %}
  10.     <div class="page">
  11.         <section>
  12.             <div class="homepage-div">
  13.                 <img class="img-homepage-thais" src="assets/images/Thais_homepage.jpg" alt="Thais">
  14.                 <div class="homepage-description">
  15.                     <span>Thaïs Verhasselt</span>
  16.                     is a photographer, creative producer and educator based in Portsmouth, United Kingdom. Her projects explore themes such as the construction of identities, visual perception and memory.
  17.                     <a href="/about" class="homepage-know_more">Know more</a>
  18.                 </div>
  19.             </div>
  20.         </section>
  22.         <section>
  23.             <h2>Services</h2>
  25.             <div class="services-div">
  26.                 <div class="service-container">
  27.                     <div class="service-oval"></div>
  28.                     <div class="service-text">Analog or Digital photoshoots to suit your needs, customised printing</div>
  29.                 </div>
  30.                 <div class="service-container">
  31.                     <div class="service-oval"></div>
  32.                     <div class="service-text">Production of collaborative projects and artistic workshops for organisation</div>
  33.                 </div>
  34.                 <div class="service-container">
  36.                     <div class="service-oval"></div>
  37.                     <div class="service-text">Delivery of group or 1 to 1 sessions to develop technical and storytelling skills</div>
  38.                 </div>
  39.             </div>
  40.         </section>
  42.         <section>
  43.             <h2>Projects</h2>
  45.             <div class="project-div">
  46.                 <div>
  47.                     {% for project in projects %}
  48.                         <a href="/project/{{project.id}}"><img class="img-project" src="/uploads/medium/{{project.getThumbnailImage.filename}}" alt="Thais"></a>
  49.                     {% endfor %}
  50.                 </div>
  51.                 <a href="/project" class="project-see_more">See more projects</a>
  52.             </div>
  53.         </section>
  54.     </div>
  55. {% endblock %}
  57. {% block javascripts %}{% endblock %}