templates/base_investor_no_menu.html.twig line 1

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <meta name="description" content="">
  8.     <meta name="author" content="">
  9.     <title>Squircle Capital Investor Portal</title>
  11.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('build/images/icon-squircle.png') }}">
  12.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('build/images/favicon-32x32.png') }}">
  13.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('build/images/favicon-16x16.png') }}">
  15.     {{ encore_entry_link_tags('investor_style') }}
  16.     <!-- Custom fonts for this template -->
  17.     <!-- Custom styles for this page -->
  18.     <link href="https://fonts.cdnfonts.com/css/georama-2" rel="stylesheet">
  19.     <link href="https://fonts.cdnfonts.com/css/pt-serif" rel="stylesheet">
  20. </head>
  22. <body id="page-top" style="height: 120vh">
  24. <!-- Page Wrapper -->
  25.     <div id="wrapper">
  26.         <!-- Content Wrapper -->
  27.         <div id="content-wrapper" class="d-flex flex-column background-blue-dark content-wrapper" style="">
  29.             <!-- Main Content -->
  30.             <div id="content">
  31.                 <img class="floating-img d-none d-lg-block" src="{{ asset("/build/images/structured_investment.png") }}">
  32.                 <!-- End of Topbar -->
  33.                 {% for message in app.flashes('success') %}
  34.                     <div class="alert alert-success">
  35.                         {{ message }}
  36.                     </div>
  37.                 {% endfor %}
  38.                 <!-- Begin Page Content -->
  40.                 {% block content %}
  41.                 {% endblock %}
  43.                 <!-- /.container-fluid -->
  45.             </div>
  46.             <!-- End of Main Content -->
  48.             <!-- Footer -->
  49.             <div class="footer mt-5">
  50.                 <div class="container">
  51.                     <div class="row">
  52.                         <div class="col-xxl-12 col-xl-12">
  53.                             <div class="office_address d-none d-xl-block">
  54.                                 <div class="office_wrapper_line"><div class="blue_border2"></div></div>
  55.                                 <div class="office_wrapper"><span class="office_area">LUXEMBOURG</span> Rue Pierre d'Aspelt 7 | 1142 Luxembourg</div>
  56.                                 <div class="office_wrapper"><span class="office_area">MILAN</span> Corso di Porta Vittoria 9 | 20122 Milano</div>
  57.                                 <div class="office_wrapper"><span class="office_area">BARCELONA</span> Avinguda Diagonal 640 | 08017 Barcelona</div>
  58.                             </div>
  60.                             <div class="office_address d-xl-none">
  61.                                 <div class="office_wrapper"><div class="blue_border2"></div></div>
  62.                                 <div class="office_wrapper"><span class="office_area">LUXEMBOURG</span><br> Rue Pierre d'Aspelt 7 |  1142 Luxembourg</div>
  63.                                 <div class="office_wrapper"><span class="office_area">MILAN</span><br> Corso di Porta Vittoria 9 |  20122 Milano</div>
  64.                                 <div class="office_wrapper"><span class="office_area">BARCELONA</span><br> Avinguda Diagonal 640 |  08017 Barcelona</div>
  65.                             </div>
  67.                             <br><br>
  68.                             <div class="legal_copyright">© {{ 'now' | date('Y') }} Squircle Capital</div>&nbsp;&nbsp;
  69.                         </div>
  70.                     </div>
  71.                 </div>
  72.             </div>
  74.         </div>
  75.     </div>
  77.     <style>
  78.         .footer {
  79.             background: rgb(237,237,237);
  80.             padding: 70px 0 30px 0;
  81.         }
  83.         .blue_border2 {
  84.             border-top: 3px solid rgb(97,130,185);
  85.             width: 40px;
  86.             display: inline-block;
  87.         }
  89.         .footer .office_address {
  90.             font-family: 'Georama', sans-serif;
  91.             font-weight: 400;
  92.             font-size: 18px;
  93.             line-height: 24px;
  94.             color: rgb(35,40,75);
  95.             padding: 0;
  96.         }
  99.         .footer .office_area {
  100.             font-family: 'PT Serif', serif;
  101.             font-weight: 400;
  102.             font-size: 18px;
  103.             line-height: 24px;
  104.             color: rgb(35 50 75);
  105.             font-weight: 600;
  106.         }
  108.         .footer .office_address .office_wrapper_line {
  109.             padding: 0 0 10px 0;
  110.         }
  112.         .footer .office_address .office_wrapper {
  113.             padding: 0;
  114.         }
  116.         .footer_legal {
  117.             padding: 30px 0 0 0;
  118.             font-family: 'PT Serif', serif;
  119.             font-weight: 400;
  120.         }
  123.         .footer-nav {
  124.             font-family: 'Georama', sans-serif;
  125.             display: inline-block;
  126.         }
  128.         .footer-nav ul {
  129.             list-style: none;
  130.             padding: 0 0 40px 0;
  131.             margin: 0;
  132.         }
  134.         .footer-nav li {
  135.             margin: 0;
  136.             padding: 0 20px 0 0;
  137.             font-size: 16px;
  138.             line-height: 22px;
  139.             display: inline;
  140.         }
  142.         .footer-nav a {
  143.             color: rgb(35,40,75);
  144.             text-decoration: underline;
  145.         }
  146.         .footer-nav a:hover {
  147.             color: rgb(97,130,185);
  148.             text-decoration:underline;
  149.         }
  151.         .legal_copyright {
  152.             display: inline-block;
  153.             font-size: 16px;
  154.             line-height: 22px;
  155.             font-family: 'Georama', sans-serif;
  156.             font-weight: 400;
  157.             color: rgb(35,40,75);
  158.         }
  160.         .social_media {
  161.             position: relative;
  162.             top: 40px;
  163.         }
  165.         .social_media a:hover i  {
  166.             color: rgb(97,130,185);
  167.             text-decoration: none;
  168.             -webkit-transition: color 0.3s linear;
  169.             -moz-transition: color 0.3s linear;
  170.             -ms-transition: color 0.3s linear;
  171.             -o-transition: color 0.3s linear;
  172.             transition: color 0.3s linear;
  173.         }
  174.     </style>
  175.     {% block javascripts %}
  176.         {{ encore_entry_script_tags('auth') }}
  177.     {% endblock %}
  178. </body>
  180. </html>