templates/pages/index.html.twig line 1

  1. {% extends "shared/website/base.html.twig" %}
  3. {% block css %}
  4. <style>
  5.     .home-banner-01 {
  6.         width: 100%;
  7.         background-image: url({{ asset('website/img/banners/home-banner-01.webp') }});
  8.         background-position: 50% 70%;
  9.         background-repeat: no-repeat;
  10.         margin: 0 !important;
  11.         height: 512px;
  12.     }
  13.     .home-banner-01 h1 {
  14.         font-family: "NotoSans-CondensedBlack", sans-serif;
  15.         font-stretch: ultra-condensed;
  16.         font-weight: bold;
  17.         font-size: 6em;
  18.         line-height: 0.9em;
  19.         color: #704996 !important;
  20.         margin-top: 45px;
  21.     }
  23.     .home-banner-01 h3 {
  24.         font-family: "OpenSans-Italic", sans-serif;
  25.         font-stretch: ultra-condensed;
  26.         font-weight: bold;
  27.         font-size: 4em;
  28.         line-height: 0.8em;
  29.         color: #704996 !important;
  30.     }
  32.     .home-highlight {
  33.         background-color: #257e32;
  34.         color: #FFF !important;
  35.         font-family: 'OpenSans-ExtraBold', sans-serif;
  36.         width: 40%;
  37.         margin: 40px auto !important;
  38.         padding: 25px 0;
  39.         border-radius: 25px;
  40.     }
  42.     .text-highlight {
  43.         color: #FFF !important;
  44.         font-family: 'OpenSans-ExtraBold', sans-serif;
  45.         font-size: 3em;
  46.         margin-top: 30px !important;
  47.     }
  49.     .link-highlight {
  50.         display: block;
  51.         background-color: #FFF;
  52.         color: #444 !important;
  53.         margin: 40px auto !important;
  54.         padding: 15px 40px;
  55.         border-radius: 15px;
  56.         width: 50%;
  57.         text-align: center;
  58.         font-size: 1.6em;
  59.         filter: drop-shadow(5px 5px 5px #66676d);
  60.     }
  62.     h1,h2,h3,h4,h5,h6,p {
  63.         color: #444 !important;
  64.     }
  66.     .OpenSans-bold {
  67.         font-family: 'OpenSans-Bold', sans-serif;
  68.     }
  70.     .openSans-italic {
  71.         font-family: 'OpenSans-Italic', sans-serif;
  72.     }
  74.     .extra-line-height {
  75.         line-height: 1.6em;
  76.     }
  78.     .extra-letter-spacing {
  79.         letter-spacing: 0px;
  80.     }
  82.     .extra-margin-bottom {
  83.         margin-bottom: 25px;
  84.     }
  86.     @media screen and (max-width: 992px) {
  87.         .home-highlight {
  88.             width: 75%;
  89.         }
  90.     }
  92.     @media (max-width: 768px) {
  93.         h2 {
  94.             text-align: center;
  95.             margin-top: 25px !important;
  96.         }
  97.         .home-highlight {
  98.             width: 90%;
  99.             font-size: 1em;
  100.         }
  101.         .text-highlight {
  102.             font-size: 2em;
  103.         }
  104.         .link-highlight {
  105.             width: 90%;
  106.         }
  107.     }
  108. </style>
  109. {% endblock %}
  111. {% block content %}
  112.     <section class="intro_section page_mainslider" style="background-color: #FFF;">
  113.         <img src="/website/img/banners/header-home-01.webp" />
  114.     </section>
  116.     <section class="ls section_padding_bottom_120" style="z-index: 10; position: relative;">
  117.         <div class="container-fluid">
  118.             <div class="row">
  119.                 <div class="col-md-12">
  120.                     <h2 class="section_header home-highlight text-center">WHAT MAKES US DIFFERENT?</h2>
  121.                     <div class="row">
  122.                         <div class="col-sm-12 col-lg-4 col-lg-offset-1">
  123.                             <h1 class="OpenSans-bold extra-margin-bottom">REAL STAFFING SOLUTIONS</h1>
  124.                             <h4 class="openSans-italic text-justify extra-line-height extra-letter-spacing">View WSGI as a Staffing solution not a Locum solution.
  125.                                 When we partner with you we prefer not to be a
  126.                                 “band-aid” solution but rather a partnership that makes
  127.                                 sense for your hospital from a continuity of care vantage
  128.                                 point, a financial win for your organization, and a
  129.                                 massive win for your community and draw area.</h4>
  130.                         </div>
  132.                         <div class="col-sm-12 col-lg-4 col-lg-offset-2">
  133.                             <h1 class="OpenSans-bold extra-margin-bottom">QUALIFIED PHYSICIANS</h1>
  134.                             <h4 class="openSans-italic text-justify extra-line-height">We are not looking for someone with just a “pulse”. Our
  135.                                 founder, Dr. Tim Huggins, demands we recruit and
  136.                                 retain the very best talent in the country. Not the best
  137.                                 locum or staffing talent, but the best GI talent in the
  138.                                 country. Each provider goes through an arduous pro-
  139.                                 cess to be part of the WSGI team. We deliver top talent.
  140.                                 Period.</h4>
  141.                         </div>
  142.                     </div>
  144.                     <div class="row margin-top-10">
  145.                         <div class="col-sm-12 col-lg-4 col-lg-offset-1">
  146.                             <h1 class="OpenSans-bold extra-margin-bottom">PROFESSIONAL STAFF</h1>
  147.                             <h4 class="openSans-italic text-justify extra-line-height">With over 100 years of experience in both recruitment
  148.                                 and clinical medicine, WSGI staff not only bring enor-
  149.                                 mous experience to the table, but more importantly, we
  150.                                 are passionate about our clients and our providers.</h4>
  151.                         </div>
  153.                         <div class="col-sm-12 col-lg-4 col-lg-offset-2">
  154.                             <h1 class="OpenSans-bold extra-margin-bottom">24/7</h1>
  155.                             <h4 class="openSans-italic text-justify extra-line-height">Each provider and hospital is provided One Point of
  156.                                 Contact to eliminate any mistakes, make last minute
  157.                                 changes to travel for physicians, and to insure the most
  158.                                 streamline process.</h4>
  159.                         </div>
  160.                     </div>
  161.                 </div>
  162.             </div>
  164.             <div class="row">
  165.                 <div class="col home-highlight">
  166.                     <h2 class="section_header text-highlight text-center">FIND A POSITION</h2>
  167.                     <a class="link-highlight" href="/jobs">JOB OPENINGS</a>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </section>
  172. {% endblock %}