templates/Articles/detail.html.twig line 1

Open in your IDE?
  1. {% include 'includes/company-home-header.html.twig' %}
  4. <div class="artical_section">
  5.   <div class="articles-div">
  6.     <div class="article-basic">
  7.       <h2 id="arti-title">{{Articles.articleTitle}}</h2>
  8.       <p id="p-tag"><img src="https://pimcore.navabrinditsolutions.com/admin/asset/get-image-thumbnail?id=118" class="clock">{{Articles.articleDate}} | Posted by: {{Articles.author}} | Category: {{Articles.articleCategory}} | <a href="#">{{Articles.companies}}</a></p>
  9.       <img src="/var/assets{{Articles.ArticleImage}}" alt="" id="banner-img">
  10.     </div>
  11.     <div class="main-content">
  12.       {{ Articles.articleDescription | raw }}
  13.     </div>
  14.   </div>
  15. </div>
  16. {% include 'includes/company-footer.html.twig' %}
  18. <style>
  19. body{
  20.   background: #FEFDF9;
  21. }
  22. .artical_section{
  23.     width:80%;
  24.     margin:auto;
  25.     padding: 10px;
  26.     border-radius:10px;
  27.     box-shadow: var(--box-shadow);
  28.   background-color: #FEFDF9;
  29.   margin-bottom: 17px;
  30.   margin-top: 17px;
  31. }
  32. .main-content p{
  33.   padding:10px;
  34. }
  35. .main-content ul{
  36.   padding:20px;
  37. }
  38. #p-tag{
  39.   font-size:11px;
  40. }
  41. .articles-div{
  42.   background-color:#F9FBFF!important;
  43. }
  44. #arti-title{
  45.   font-size:35px !important;
  46. } 
  47. .main-content h2{
  48.   font-size:20px;
  49. }
  50. .main-content{
  51.   font-size:14px;
  52.   padding: 20px !important;
  53.   font-style: oblique;
  54. }
  55. #banner-img{
  56.   width:100%;
  57.   height:400px;
  58. }
  59. .clock{
  60.   width:15px;
  61.   height:15px;
  62. }
  63. .article-basic{
  64.   padding:20px;
  65. }
  66. .main-content{
  67.   padding-top:20px;
  68. }
  69. </style>