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="pb-5" style="background-color:#0d2c4d; color:white;">
  22.         <h1 class="text-center">Choose your path</h1>
  23.         <div class="row g-4">
  24.         <div class="col-md-6">
  25.             <a  href="{{ path('app_company_new') }}" class=" category-card d-block">
  26.                 <h4 class="d-block"><b>Register your manufacturing company</b></h4>
  27.                 <img style="filter: invert(1);" class="w-25" src="{{asset('img/register.png')}}">
  28.             </a>
  29.         </div>
  30.         <div class="col-md-6">
  31.             <a href="{{ path('app_company_index') }}" class=" category-card d-block">
  32.                 <h4 class="d-block"><b>Explore U.S. manufacturers by industry</b></h4>
  33.                 <img style="filter: invert(1);" class="w-25" src="{{asset('img/explore.png')}}">
  34.             </a>
  35.         </div>
  36.         </div>
  37.     </section>
  38.     <section class="p-5" style="background-color:#f5efe5; color:#0d2c4d; border-radius:30px;">
  39.         <div class="row g-4">
  40.         <div class="col-md-4">
  41.             <h2 class="text-center">Who we are?</h2>
  42.             <img class="w-100" src="{{asset('img/who.png')}}">
  43.         </div>
  44.         <div class="col-md-4">
  45.             <h2 class="text-center">What we do?</h2>
  46.             <p>we provide a directory of US manufacturers, making it easy to business to find reliable suppliers and partners</p>
  47.         </div>
  48.         <div class="col-md-4">    
  49.             <h2 class="text-center">Why us?</h2>
  50.             <p>We deliver a network of vetted manufacturers, committed to quality and excellence. Partner with us to strengthen US Manufacturing</p>
  51.         </div>
  52.         </div>
  53.     </section>
  55.     {# <section class="container text-center my-5">
  56.         <h2 class="mb-4">BROWSE BY CATEGORY</h2>
  57.         <div class="row g-4">
  58.             <div class="col-6 col-md-3">
  59.                 <div class="category-card">Electronics</div>
  60.             </div>
  61.             <div class="col-6 col-md-3">
  62.                 <div class="category-card">Renewable Energy</div>
  63.             </div>
  64.             <div class="col-6 col-md-3">
  65.                 <div class="category-card">Automotive</div>
  66.             </div>
  67.             <div class="col-6 col-md-3">
  68.                 <div class="category-card">Medical</div>
  69.             </div>
  70.             <div class="col-6 col-md-3">
  71.                 <div class="category-card">Home Goods</div>
  72.             </div>
  73.             <div class="col-6 col-md-3">
  74.                 <div class="category-card">Heavy Industry</div>
  75.             </div>
  76.             <div class="col-6 col-md-3">
  77.                 <div class="category-card">Plastics & Rubber</div>
  78.             </div>
  79.             <div class="col-6 col-md-3">
  80.                 <div class="category-card">Aerospace</div>
  81.             </div>
  82.             <div class="col-6 col-md-3">
  83.                 <div class="category-card">Construction</div>
  84.             </div>
  85.             <div class="col-6 col-md-3">
  86.                 <div class="category-card">Food & Beverage</div>
  87.             </div>
  88.             <div class="col-6 col-md-3">
  89.                 <div class="category-card">Chemicals</div>
  90.             </div>
  91.             <div class="col-6 col-md-3">
  92.                 <div class="category-card">Chemicals</div>
  93.             </div>
  94.         </div>
  95.         <p class="mt-4">...AND MORE</p>
  96.     </section> #}
  97. {% endblock %}