templates/security/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Home
  4. {% endblock %}
  6. {% block stylesheets %}
  7.     <link rel="stylesheet" href="{{ asset('css/home.css') }}">
  8. {% endblock %}
  10. {% block body %}
  12.     <div class="container" id="container">
  13.         <div class="form-container sign-up-container">
  14.             {{ form_start(form_registration, {'action': path('app_home_regisatration')}) }}
  15.             <h1>Create Account</h1>
  16.             <div class="social-container">
  17.                 <a href="#" class="social">
  18.                     <i class="fab fa-facebook-f"></i>
  19.                 </a>
  20.                 <a href="#" class="social">
  21.                     <i class="fab fa-google-plus-g"></i>
  22.                 </a>
  23.                 <a href="#" class="social">
  24.                     <i class="fab fa-linkedin-in"></i>
  25.                 </a>
  26.             </div>
  27.             <span>or use your email for registration</span>
  28.             {{ form_row(form_registration.email) }}
  29.             {{ form_row(form_registration.password) }}
  30.             {{ form_row(form_registration.confirmPassword) }}
  31.             <button>{{ form_widget(form_registration.submit) }}</button>
  32.             {{ form_end(form_registration) }}
  33.         </div>
  35.         <div class="form-container sign-in-container">
  36.             <form method="POST" action="{{ path('app_login') }}">
  37.                 <h1>Sign in</h1>
  38.                 <div class="social-container">
  39.                 <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
  40.                 <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
  41.                 <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
  42.                 </div>
  43.                 <span>or use your account</span>
  45.                 <input type="email" name="login_form[email]" placeholder="Email" required />
  46.                 <input type="password" name="login_form[password]" placeholder="Password" required />
  48.                 <input type="hidden" name="login_form[_token]" value="{{ csrf_token('authenticate') }}">
  50.                 <a href="#">Forgot your password?</a>
  51.                 <button type="submit">Login</button>
  52.             </form>
  53.         </div>
  56.         <div class="overlay-container">
  57.             <div class="overlay">
  58.                 <div class="overlay-panel overlay-left">
  59.                     <h1>Welcome Back!</h1>
  60.                     <p>To keep connected with us please login with your personal info</p>
  61.                     <button class="ghost" id="signIn">Sign In</button>
  62.                 </div>
  63.                 <div class="overlay-panel overlay-right">
  64.                     <h1>Hello, Friend!</h1>
  65.                     <p>Enter your personal details and start your journey with us</p>
  66.                     <button class="ghost" id="signUp">Sign Up</button>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  72.     <footer>
  73.         <p>
  74.             Created with
  75.             <i class="fa fa-heart"></i>
  76.             by
  77.             <a target="_blank" href="https://florin-pop.com">Florin Pop</a>
  78.             - Read how I created this and how you can join the challenge
  79.             <a target="_blank" href="https://www.florin-pop.com/blog/2019/03/double-slider-sign-in-up-form/">here</a>.
  80.         </p>
  81.     </footer>
  82. {% endblock %}
  84. {% block javascripts %}
  85.     <script src="{{ asset('js/home.js') }}"></script>
  86. {% endblock %}