templates/about.html.twig line 1

  1. {% extends 'base.html.twig'%}
  3. {% block title %}About Me - TeeVerse Photography
  4. {% endblock %}
  6. {% block stylesheets %}
  7.     <link rel="stylesheet" href="css/style_about.css">
  8. {% endblock %}
  10. {% block body %}
  11.     <div class="page">
  13.         <h1>About Me</h1>
  16.         
  17.         <div class="section-head">
  18.             <div class="head">
  19.                 <img class="img-thais" src="assets/images/Thais_reduced.jpg" alt="Thais">
  20.                 <p class="quote">
  21.                     <span class="i">“There’s always room for a story that can transport people to another place.”</span>
  22.                     <span class="nowrap">- J.K. Rowling</span>
  23.                 </p>
  24.             </div>
  27.             <div class="side">
  28.             <p class="about-text">
  29.                 <strong>Thais Verhasselt</strong>
  30.                 is a French multi-disciplinary artist, photographer, creative producer and educator based in Portsmouth, United Kingdom. 
  31.                 With a broad range of experience in project management and team leadership, she specialises in organising the end to end production of projects. 
  32.                 Her personal projects explore themes such as identities’ construct, visual perception and memory.
  33.             </p>
  36.             <div class="contact-links">
  37.                 <a class="contact hiddenMail">Contact Me</a>
  38.                 <div class="contact-social">
  39.                     <a target="_blank" href="https://www.instagram.com/teeverse_photography/" id="insta"></a>
  40.                     <a target="_blank" href="https://www.linkedin.com/in/thais-verhasselt-94a65a76/" id="linkedin"></a>
  41.                 </div>
  42.             </div>
  43.             </div>
  44.         </div>
  45.         <div class="column">
  46.             <div>
  47.                 <h2>Exhibitions</h2>
  48.                 <p>
  49.                     7th OCTOBER - 23rd DECEMBER 2022<br>
  50.                     Platform Graduate Award, Aspex Portsmouth<br>
  51.                     JUNE-JULY 2022<br>
  52.                     Truman Brewery, Free Range, London<br>
  53.                     JUNE 2022<br>
  54.                     Graduate show, University of Portsmouth<br>
  55.                     APRIL 2021<br>
  56.                     Middleman Art trail, Portsmouth<br>
  57.                 </p>
  58.             </div>
  60.             <div>
  61.                 <h2>Publications</h2>
  62.                 <p>
  63.                     2021 Online Fatale Zine<br>
  64.                     2018 BBC We Set the Themes, You take the pictures<br>
  65.                     Your pictures: In the Shadows<br>
  66.                     Your pictures: Motivation<br>
  67.                 </p>
  68.             </div>
  69.         </div>
  71.         <div class="cv-link">
  72.             <a
  73.                 href="/mycv">
  74.                 {# <img src="assets/images/cv.png" alt="Thais"> #}
  75.                 <span>View my CV</span>
  76.                 <span></span>
  77.             </a>
  78.         </div>
  80.         <p class="credits">Credits :<br>Nathan CAMPION<br><a target="blank" href="https://www.oniko.fr/">Nicolas ROBIN-GRANGE</a>
  81.         </p>
  82.     </div>
  83. {% endblock %}
  85. {% block javascripts %}
  86.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  87.     <script type="text/javascript">
  88.         $(window).on('load', function () {
  89.             $('.hiddenMail').on('click', function (event) {
  90.                 event.preventDefault();
  91.                 $(this).off("click");
  92.                 $(".contact").css("width", "350px");
  93.                 $(this).removeClass("hiddenMail");
  94.                 $(this).html("teever" + "se.photog" + "raphy@gm" + "ail.com");
  96.             });
  97.         });
  98.     </script>
  101. </script>{% endblock %}