templates/home/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Hello HomeController!{% endblock %}
  5. {% block body %}
  6. <style>
  7.     .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
  8.     .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
  9.     .hero{background-image: url("{{asset('img/map-hero.png')}}");background-size: cover;height:75vh;}
  10.     body {background: #002b4e;}
  11. </style>
  12. <section class="hero">
  13.     <div style="text-align:left;">
  14.         <h1>CONNECTING BUSINESSES<br> WITH U.S. MANUFACTURERS</h1>
  15.         <p>Find and partner with manufacturers across a wide range of U.S. industries</p>
  16.         <div class="container my-4">
  17.             <input type="text" class="form-control w-50" placeholder="Search manufacturers...">
  18.         </div>
  19.     </div>
  20.     </section>
  21.     <section class="px-5" style="background-color:#0d2c4d; color:white;">
  22.         <h1 class="text-center">Choose your path</h1>
  23.         <div class="row g-4">
  24.             <a href="{{ path('app_company_new') }}" class="col-md-6">
  25.                 <div class="category-card">Register your manufacturing company</div>
  26.                 <p></p>
  27.             </a>
  28.             <a href="{{ path('app_company_index') }}"class="col-md-6">
  29.                 <div class="category-card">Explore U.S. manufacturers by industry</div>
  30.                 <p></p>
  31.             </a>
  32.         </div>
  33.     </section>
  35.     {# <section class="container text-center my-5">
  36.         <h2 class="mb-4">BROWSE BY CATEGORY</h2>
  37.         <div class="row g-4">
  38.             <div class="col-6 col-md-3">
  39.                 <div class="category-card">Electronics</div>
  40.             </div>
  41.             <div class="col-6 col-md-3">
  42.                 <div class="category-card">Renewable Energy</div>
  43.             </div>
  44.             <div class="col-6 col-md-3">
  45.                 <div class="category-card">Automotive</div>
  46.             </div>
  47.             <div class="col-6 col-md-3">
  48.                 <div class="category-card">Medical</div>
  49.             </div>
  50.             <div class="col-6 col-md-3">
  51.                 <div class="category-card">Home Goods</div>
  52.             </div>
  53.             <div class="col-6 col-md-3">
  54.                 <div class="category-card">Heavy Industry</div>
  55.             </div>
  56.             <div class="col-6 col-md-3">
  57.                 <div class="category-card">Plastics & Rubber</div>
  58.             </div>
  59.             <div class="col-6 col-md-3">
  60.                 <div class="category-card">Aerospace</div>
  61.             </div>
  62.             <div class="col-6 col-md-3">
  63.                 <div class="category-card">Construction</div>
  64.             </div>
  65.             <div class="col-6 col-md-3">
  66.                 <div class="category-card">Food & Beverage</div>
  67.             </div>
  68.             <div class="col-6 col-md-3">
  69.                 <div class="category-card">Chemicals</div>
  70.             </div>
  71.             <div class="col-6 col-md-3">
  72.                 <div class="category-card">Chemicals</div>
  73.             </div>
  74.         </div>
  75.         <p class="mt-4">...AND MORE</p>
  76.     </section> #}
  77. {% endblock %}