templates/index/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <nav class="navbar navbar-expand-md bg-light navbar-light py-3 fixed-top">
  5.         <div class="container">
  6.             <a href="#showcase" class="navbar-brand"><img src="/update/img/UrConneX_logo.png" height="50px" alt="logo"></a>
  7.             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navmenu">
  8.                 <span class="navbar-toggler-icon"></span>
  9.             </button>
  10.             <div class="collapse navbar-collapse" id="navmenu">
  11.                 <ul class="navbar-nav ms-auto">
  12.                     <li class="nav-item">
  13.                         <a href="#showcase" class="nav-link">Home</a>
  14.                     </li>
  15.                     <li class="nav-item">
  16.                         <a href="#how-it-works" class="nav-link">How It Works</a>
  17.                     </li>
  18.                     <li class="nav-item">
  19.                         <a href="/home/login" class="nav-link">Log In</a>
  20.                     </li>
  21.                     <li class="nav-item">
  22.                         <a href="/index/signup" class="nav-link">Sign Up</a>
  23.                     </li>
  24.                     <!-- <li class="nav-item">
  25.                         <a href="#" class="nav-link">Instructors</a>
  26.                     </li> -->
  27.                 </ul>
  28.             </div>
  29.         </div>
  30.     </nav>
  31.     <section id="showcase" class="showcase-bg text-dark p-5 py-lg-0 text-sm-start">
  32.         <div class="container">
  33.             <div class="d-sm-flex align-item-center justify-content-between">
  34.                 <div>
  35.                     <h1 class="pt-5"><img src="/update/img/UrConneX_logo.png" height="80px" class="" alt="logo"></h1>
  36.                     <h2 class="pt-2 text-left">What Can We Do?</h2>
  37.                     <p class="my-4 h4">Watch any video on any internet device at anytime. <br>Chat with anyone at
  38.                         anytime.</br>
  39.                     </p>
  40.                     <p class="h4">No App required</p>
  42.                 </div>
  43.                 <img class="img-fluid w-50  d-none d-sm-block" src="/update/img/mobile_3.jpg" alt="">
  44.             </div>
  45.         </div>
  46.     </section>
  47.     <section class="p-5 how-it-works-section" id="how-it-works">
  48.         <div class="container">
  49.             <div class="row  g-4">
  50.                 <div class="col-md">
  51.                     <div class="p-3 card text-dark">
  52.                         <h2 class="text-left text-dark mb-4">How It Works</h2>
  53.                         <p class="h6">Reach your employees, customers or friends with videos that can be sent directly to any internet
  54.                             capable device.
  55.                         </p>
  56.                         <p class="h6">Any smart phone, tablet, computer or gaming console from 3G to 5G can now receive messages and videos
  57.                             directly in the browser.
  58.                         </p>
  59.                         <p class="h6">Our proprietory technology bypasses the need for an App, which saves battery power and hardware space.
  60.                         </p>
  61.                         <p class="h6">Sign up and create an account. From there you will be able to upload videos to the UrConnex server.</p>
  62.                     </div>
  63.                 </div>
  65.     </section>
  66.     <section class="row  latest-uploads">
  67.         <div class="container">
  68.             <h1 class="text-left text-dark mb-4">Latest Uploads</h1>
  69.             <div class="row" style="background: #ccc; height:650px; padding:15px;">
  70.                 {% for media in media %}
  71.                     <div class="col-md-4" style="margin:10px;">
  72.                         <a class="thumbnail" href="{{ path('app_play_index', {filename: media.filename}) }}">
  73.                             <img class="img-fluid"
  74.                                  src="{{ media.thumbnail }}"
  75.                                  alt="{{ media.filename }}" width="150em">
  76.                         </a>
  77.                     </div>
  78.                 {% endfor %}
  79.                 <br/><br/><br/>
  80.             </div>
  81.         </div>
  82.     </section>
  83.     <div class="row" style="margin-top: 150px; height:60px;">
  84.         <div class="container">
  85.             <div class="row g-4">
  86.                 <div class="col-md">
  87.                     <h2 class="text-left mb-4">Contact Info</h2>
  88.                     <ul class="list-group list-group-flush lead bg-dark text-white">
  89.                         <li class="list-group-item">
  90.                             <span class="fw-bold">
  91.                                 Email:
  92.                             </span> info@urconnex.com
  93.                         </li>
  94.                     </ul>
  95.                 </div>
  96.                 <div class="container">
  97.                     <p class="lead">Copyright &copy; <?php echo date('Y'); ?> UrConneX</p>
  98.                     <a href="#" class="position-absolute bottom-0 end-0 p-5">
  99.                         <i class="bi bi-arrow-up-circle h1"></i>
  101.                     </a>
  102.                 </div>
  103.                 <!-- map goes here -->
  104.                 <div class="col-md"></div>
  105.             </div>
  106.         </div>
  107.     </div>
  108.     <footer class="row">
  109.         <div class="container">
  110.             <p class="lead">Copyright &copy; <?php echo date('Y'); ?> UrConneX</p>
  111.             <a href="#" class="position-absolute bottom-0 end-0 p-5">
  112.                 <i class="bi bi-arrow-up-circle h1"></i>
  114.             </a>
  115.         </div>
  116.     </footer>
  117.     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"
  118.             integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous">
  119.     </script>
  120.     <script src="/js/jquery.min.js"></script>
  121. {% endblock %}