templates/default/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Home{% endblock %}
  5. {% block body %}
  6.     <section class="background-colored" style="background-image:url('{{ asset('images/homepage-new.jpg') }}');">
  7.         <div id="particles-dots" class="particles">
  8.             <canvas class="particles-js-canvas-el" width="2812" height="900"
  9.                     style="width: 100%; height: 100%;"></canvas>
  10.         </div>
  11.         <div class="container">
  12.             <div class="text-dark p-10" style="background-color: rgba(255,255,255,0.90);">
  13.                 <h1>The Easy API</h1>
  14.                 <p class="h3">Since 2010 we've developed a single API that connects and translates many APIs together
  15.                     into one interface. You get access to worldwide country information, page rankings, safe browsing
  16.                     URLs, U.S. zip codes, and so much more!</p>
  17.             </div>
  18.         </div>
  19.     </section>
  20.     <section class="background-secondary text-center p-t-30 p-b-30">
  21.         <div class="container">
  22.             <div class="row">
  23.                 <div class="col-lg-12"><h2 class="text-light">View the documentation</h2></div>
  24.                 <div class="col-lg-12">
  25.                     <a href="{{ path('docs_page', {'category': 'getting-started', 'section':'introduction'}) }}"
  26.                        class="btn btn-rounded btn-reveal btn-dark">
  27.                         <span>Documentation</span>
  28.                         <i class="icon-chevron-right"></i>
  29.                     </a>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </section>
  35.     <!-- Services -->
  36.     <section class="p-b-20">
  37.         <div class="container">
  38.             <div class="row">
  39.                 <div class="col-lg-12 p-b-20">
  40.                     <h2>Why The Easy API?</h2>
  41.                 </div>
  42.             </div>
  43.             <div class="row">
  44.                 <!-- features box -->
  45.                 <div class="col-lg-4">
  46.                     <img src="{{ asset('images/trustedScaledSlim.jpg') }}" class="img-fluid m-b-20">
  47.                     <h4>Trusted</h4>
  48.                     <p>We've been in business since 2010 and have a long history of always supporting our users. We work
  49.                         with you to build an API that gives your growing applications everything it needs. Reach out
  50.                         today to see what we can do to help!</p>
  51.                 </div>
  52.                 <!-- end: features box -->
  54.                 <!-- features box -->
  55.                 <div class="col-lg-4">
  56.                     <img src="{{ asset('images/speedScaledSlim.jpg') }}" class="img-fluid m-b-20">
  57.                     <h4>Fast Responses</h4>
  58.                     <p>Our API returns responses in less than a second. That's time that your application can get a
  59.                         response and keep processing.</p>
  60.                 </div>
  61.                 <!-- end: features box -->
  63.                 <!-- features box -->
  64.                 <div class="col-lg-4">
  65.                     <img src="{{ asset('images/timeScaledSlim.jpg') }}" class="img-fluid m-b-20">
  66.                     <h4>Saves Time</h4>
  67.                     <p>We help you save time and energy implementing multiple APIs. You can get back to building your
  68.                         application after you connect with our single one. We track all the requests made to enable you
  69.                         to debug all API calls, making implementation even easier.</p>
  70.                 </div>
  71.                 <!-- end: features box -->
  73.             </div>
  74.             <!-- end features box -->
  75.         </div>
  76.     </section>
  77.     <!-- end: Services -->
  78. {% endblock %}