templates/media_object/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Media Object</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Advanced UI</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">Media Object</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW-1 OPEN -->
  20.                             <div class="row">
  21.                                 <div class="col-12">
  22.                                     <div class="card Relatedpost nested-media">
  23.                                         <div class="card-header border-bottom">
  24.                                             <h3 class="card-title">Default Media Object</h3>
  25.                                         </div>
  26.                                         <div class="card-body">
  27.                                             <div class="example">
  28.                                                 <div class="media mt-0">
  29.                                                     <img class="avatar avatar-lg brround me-3 mb-4" src="{{absolute_url(asset('build/images/faces/1.jpg'))}}" alt="Generic placeholder image">
  30.                                                     <div class="media-body text-muted">
  31.                                                         <h4 class="mt-0 text-dark">Media heading</h4>
  32.                                                         Magna lorem justo no lorem elitr stet lorem et vero, et dolore elitr erat est amet. Erat nonumy lorem dolore et takimata kasd stet tempor sanctus, sed.
  33.                                                     </div>
  34.                                                 </div>
  35.                                             </div>
  36.                                         </div>
  37.                                     </div>
  38.                                 </div><!-- COL-END -->
  39.                             </div>
  40.                             <!-- ROW-1 CLOSED -->
  42.                             <!-- ROW-2 OPEN -->
  43.                             <div class="row">
  44.                                 <div class="col-12">
  45.                                     <div class="card Relatedpost nested-media">
  46.                                         <div class="card-header border-bottom">
  47.                                             <h3 class="card-title">Media Object Style-01</h3>
  48.                                         </div>
  49.                                         <div class="card-body">
  50.                                             <div class="example">
  51.                                                 <div class="media mt-0">
  52.                                                     <img class="avatar avatar-lg rounded-circle me-3 mb-4" src="{{absolute_url(asset('build/images/faces/2.jpg'))}}" alt="Generic placeholder image">
  53.                                                     <div class="media-body text-muted">
  54.                                                         <h4 class="mt-0 text-dark">Media heading</h4>
  55.                                                         Lorem sit vero tempor sadipscing invidunt ut ea takimata ut sed, ipsum amet rebum lorem takimata et, eos sit et diam sed consetetur ea amet.
  56.                                                     </div>
  57.                                                 </div>
  58.                                             </div>
  59.                                         </div>
  60.                                     </div>
  61.                                 </div><!-- COL-END -->
  62.                             </div>
  63.                             <!-- ROW-2 CLOSED -->
  65.                             <!-- ROW-3 OPEN -->
  66.                             <div class="row">
  67.                                 <div class="col-12">
  68.                                     <div class="card Relatedpost nested-media overflow-hidden">
  69.                                         <div class="card-header border-bottom">
  70.                                             <h3 class="card-title">Nesting Media Object</h3>
  71.                                         </div>
  72.                                         <div class="card-body overflow-hidden">
  73.                                             <div class="example">
  74.                                                 <div class="media mt-0">
  75.                                                     <img class="avatar avatar-lg brround me-3 mb-4" src="{{absolute_url(asset('build/images/faces/3.jpg'))}}" alt="Generic placeholder image">
  76.                                                     <div class="media-body overflow-hidden text-muted">
  77.                                                         <h4 class="mt-0 text-dark">Media heading</h4>
  78.                                                             Duo sanctus diam dolores sed justo dolor sadipscing kasd amet. Lorem clita dolor at elitr diam et, invidunt kasd no elitr diam ipsum lorem, diam.
  79.                                                         <div class="media mt-5">
  80.                                                             <img class="avatar avatar-lg brround me-3 mb-4" src="{{absolute_url(asset('build/images/faces/4.jpg'))}}" alt="Generic placeholder image">
  81.                                                             <div class="media-body overflow-hidden text-muted">
  82.                                                                 <h4 class="mt-0 text-dark">Media heading</h4>
  83.                                                                 Ut nonumy sit est amet duo dolores dolor, sanctus amet nonumy et ipsum consetetur, sit magna amet sadipscing ut aliquyam. Takimata rebum dolore sadipscing diam.
  84.                                                             </div>
  85.                                                         </div>
  86.                                                     </div>
  87.                                                 </div>
  88.                                             </div>
  89.                                         </div>
  90.                                     </div>
  91.                                 </div><!-- COL-END -->
  92.                             </div>
  93.                             <!-- ROW-3 CLOSED -->
  95.                             <!-- ROW-4 OPEN -->
  96.                             <div class="row">
  97.                                 <div class="col-12">
  98.                                     <div class="card Relatedpost nested-media">
  99.                                         <div class="card-header border-bottom">
  100.                                             <h3 class="card-title">List Media Object</h3>
  101.                                         </div>
  102.                                         <div class="card-body">
  103.                                             <div class="example">
  104.                                                 <ul class="list-unstyled">
  105.                                                     <li class="media mt-0 border-bottom-0">
  106.                                                         <img class="avatar avatar-lg brround me-3 mb-4" src="{{absolute_url(asset('build/images/faces/5.jpg'))}}" alt="Generic placeholder image">
  107.                                                         <div class="media-body text-muted">
  108.                                                             <h4 class="mt-0 mb-1 text-dark">Media heading 01</h4>
  109.                                                             Ut eos ipsum sanctus amet magna, erat duo sanctus dolor takimata stet aliquyam, Aliquyam nonumy et ut dolores dolores diam dolore ea. Dolor accusam no dolores magna et duo sadipscing nonumy at. Duo. magna stet gubergren kasd ut lorem ipsum nonumy eos. Et magna kasd.
  110.                                                         </div>
  111.                                                     </li>
  112.                                                     <li class="media my-5 border-bottom-0">
  113.                                                         <img class="avatar avatar-lg brround me-3 mb-4" src="{{absolute_url(asset('build/images/faces/6.jpg'))}}" alt="Generic placeholder image">
  114.                                                         <div class="media-body text-muted">
  115.                                                             <h4 class="mt-0 mb-1 text-dark">Media heading 02</h4>
  116.                                                             Diam ea aliquyam et diam clita ipsum ea. Sed aliquyam magna erat erat ut clita. Sea dolores gubergren consetetur justo vero aliquyam sadipscing eirmod consetetur ut, sit et consetetur voluptua consetetur. Kasd lorem ea eos. Dolor at sea dolores amet, eos magna nonumy tempor justo.
  117.                                                         </div>
  118.                                                     </li>
  119.                                                     <li class="media border-bottom-0">
  120.                                                         <img class="avatar avatar-lg brround me-3 mb-4" src="{{absolute_url(asset('build/images/faces/7.jpg'))}}" alt="Generic placeholder image">
  121.                                                         <div class="media-body text-muted">
  122.                                                             <h4 class="mt-0 mb-1 text-dark">Media heading 03</h4>
  123.                                                             Diam et clita aliquyam eirmod eos amet justo nonumy ipsum, diam est Dolor eos et dolor voluptua dolore takimata clita stet diam, et stet aliquyam et labore erat. Dolore elitr dolores elitr. diam dolores aliquyam sit est lorem, aliquyam eirmod dolor aliquyam et et clita.
  124.                                                         </div>
  125.                                                     </li>
  126.                                                 </ul>
  127.                                             </div>
  128.                                         </div>
  129.                                     </div>
  130.                                 </div><!-- COL-END -->
  131.                             </div>
  132.                             <!-- ROW-4 CLOSED -->
  134.                             <!-- ROW-6 OPEN -->
  135.                             <div class="row">
  136.                                 <div class="col-12">
  137.                                     <div class="card Relatedpost nested-media ">
  138.                                         <div class="card-header border-bottom">
  139.                                             <h3 class="card-title">Order Media Object</h3>
  140.                                         </div>
  141.                                         <div class="card-body">
  142.                                             <div class="example">
  143.                                                 <div class="media mt-0">
  144.                                                     <div class="media-body mt-0">
  145.                                                         <h4 class="mt-0 mb-4 text-dark">Media object</h4>
  146.                                                         <p class="text-muted">Ipsum ut amet dolor at gubergren sed ipsum accusam nonumy eos, elitr ipsum duo amet sea. Duo takimata et amet accusam invidunt sed diam, rebum no. Clita et kasd consetetur.</p>
  147.                                                     </div>
  148.                                                     <img class="ms-2 mt-3 mb-3 avatar avatar-lg brround" src="{{absolute_url(asset('build/images/faces/11.jpg'))}}" alt="Generic placeholder image">
  149.                                                 </div>
  150.                                             </div>
  151.                                         </div>
  152.                                     </div>
  153.                                 </div><!-- COL-END -->
  154.                             </div>
  155.                             <!-- ROW-5 CLOSED -->
  156. {% endblock %}